PageSourceSearch

https://themonoclebear.com/

html themonoclebear.com collected 2026-10-09 22:54:19 UTC 22,502 bytes, 4 lines download raw bytes

1<!DOCTYPE html><html lang="fr"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;1,400&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;1,9..144,300;1,9..144,400&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"><link rel="preload" as="image" href="/macstudios/cluster-6-front.jpg"><link rel="canonical" href="https://themonoclebear.com/"><meta name="description" content="Systèmes d'IA hybrides : un guardrail analyse chaque requête, le confidentiel reste local, le reste est routé vers le modèle le plus compétent."><meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large"><meta property="og:title" content="The Monocle Bear · La confidentialité est une architecture, pas une promesse"><meta property="og:description" content="Systèmes d'IA hybrides : un guardrail analyse chaque requête, le confidentiel reste local, le reste est routé vers le modèle le plus compétent."><meta property="og:type" content="website"><meta property="og:url" content="https://themonoclebear.com/"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="The Monocle Bear · La confidentialité est une architecture, pas une promesse"><meta name="twitter:description" content="Systèmes d'IA hybrides : un guardrail analyse chaque requête, le confidentiel reste local, le reste est routé vers le modèle le plus compétent."><link rel="alternate" hreflang="en" href="https://themonoclebear.com/en/"><link rel="alternate" hreflang="fr" href="https://themonoclebear.com/">
1<script defer src="https://analytics.sofille.blue/script.js" data-website-id="3906048c-e74d-489c-a6c4-a6f972b5ab8e"></script>
1<title>The Monocle Bear · La confidentialité est une architecture, pas une promesse</title><link rel="stylesheet" href="/_astro/Base.FIdYUtT7.css"></head> <body class="min-h-screen bg-paper text-ink antialiased"> <nav class="fixed top-0 z-50 flex h-[68px] w-full items-center justify-between border-b px-6 backdrop-blur-md sm:px-12 border-ink/10 bg-paper/85"> <a href="/" class="flex items-baseline gap-2"> <span class="font-serif text-[21px] font-medium tracking-tight text-ink">the monocle bear</span> <span class="font-mono text-[12px] tracking-wider text-ink/55">.com</span> </a> <div class="hidden items-center gap-9 md:flex"> <div class="relative" id="sb-menu"> <button id="sb-menu-btn" type="button" aria-haspopup="true" aria-expanded="false" aria-controls="sb-menu-list" class="flex cursor-pointer items-center gap-1.5 border-b py-1.5 font-mono text-[12px] font-medium uppercase tracking-[0.14em] transition-colors border-transparent text-ink hover:border-ink">
2Scoreboard
3<svg width="9" height="6" viewBox="0 0 9 6" aria-hidden="true" class="transition-transform" id="sb-menu-caret"><path d="M1 1l3.5 3.5L8 1" fill="none" stroke="currentColor" stroke-width="1.4"></path></svg> </button> <div id="sb-menu-list" role="menu" class="absolute left-1/2 top-full mt-3 hidden min-w-[190px] -translate-x-1/2 flex-col border py-2 backdrop-blur-md border-ink/10 bg-paper/95"> <a href="/en/scoreboard" role="menuitem" class="px-4 py-2.5 font-mono text-[12px] font-medium uppercase tracking-[0.14em] transition-colors text-ink hover:text-[#42c6d4] focus:text-[#42c6d4] focus:outline-none"> Rankings </a><a href="/en/scoreboard/methodology" role="menuitem" class="px-4 py-2.5 font-mono text-[12px] font-medium uppercase tracking-[0.14em] transition-colors text-ink hover:text-[#42c6d4] focus:text-[#42c6d4] focus:outline-none"> Methodology </a> </div> </div> <a href="/#architecture" class="border-b border-transparent py-1.5 font-mono text-[12px] font-medium uppercase tracking-[0.14em] transition-colors text-ink hover:border-ink"> Architecture </a><a href="https://odyssai.eu" class="border-b border-transparent py-1.5 font-mono text-[12px] font-medium uppercase tracking-[0.14em] transition-colors text-ink hover:border-ink" target="_blank" rel="noopener"> OdyssAI ↗ </a><a href="/blog" class="border-b border-transparent py-1.5 font-mono text-[12px] font-medium uppercase tracking-[0.14em] transition-colors text-ink hover:border-ink"> Blog </a><a href="/#contact" class="border-b border-transparent py-1.5 font-mono text-[12px] font-medium uppercase tracking-[0.14em] transition-colors text-ink hover:border-ink"> Contact </a> <a href="/en/" class="border-b border-transparent py-1.5 font-mono text-[12px] font-medium uppercase tracking-[0.14em] transition-colors text-ink/55 hover:border-ink"> EN </a> </div> <button id="mobile-menu-btn" class="flex flex-col gap-[5px] p-2 md:hidden" aria-label="Menu"> <span class="block h-px w-[22px] bg-ink"></span> <span class="block h-px w-[22px] bg-ink"></span> </button> </nav> <div id="mobile-menu" class="fixed top-[68px] z-40 hidden w-full border-b px-6 py-5 md:hidden border-ink/10 bg-paper"> <div class="flex flex-col gap-4"> <div class="flex flex-col gap-3"> <span class="font-mono text-[12px] font-medium uppercase tracking-[0.14em] text-ink/55">Scoreboard</span> <a href="/en/scoreboard" class="pl-4 font-mono text-[12px] font-medium uppercase tracking-[0.14em] text-ink">Rankings</a><a href="/en/scoreboard/methodology" class="pl-4 font-mono text-[12px] font-medium uppercase tracking-[0.14em] text-ink">Methodology</a> </div> <a href="/#architecture" class="font-mono text-[12px] font-medium uppercase tracking-[0.14em] text-ink"> Architecture </a><a href="https://odyssai.eu" class="font-mono text-[12px] font-medium uppercase tracking-[0.14em] text-ink" target="_blank" rel="noopener"> OdyssAI ↗ </a><a href="/blog" class="font-mono text-[12px] font-medium uppercase tracking-[0.14em] text-ink"> Blog </a><a href="/#contact" class="font-mono text-[12px] font-medium uppercase tracking-[0.14em] text-ink"> Contact </a> <a href="/en/" class="font-mono text-[12px] font-medium uppercase tracking-[0.14em] text-ink/55"> EN </a> </div> </div> 
3<script type="module">const c=document.getElementById("mobile-menu-btn"),i=document.getElementById("mobile-menu");c?.addEventListener("click",()=>i?.classList.toggle("hidden"));const s=document.getElementById("sb-menu"),t=document.getElementById("sb-menu-btn"),d=document.getElementById("sb-menu-list"),a=document.getElementById("sb-menu-caret"),n=e=>{d?.classList.toggle("hidden",!e),d?.classList.toggle("flex",e),t?.setAttribute("aria-expanded",String(e)),a&&(a.style.transform=e?"rotate(180deg)":"")};t?.addEventListener("click",e=>{e.stopPropagation(),n(t.getAttribute("aria-expanded")!=="true")});document.addEventListener("click",e=>{s&&!s.contains(e.target)&&n(!1)});document.addEventListener("keydown",e=>{e.key==="Escape"&&t?.getAttribute("aria-expanded")==="true"&&(n(!1),t.focus())});</script>
3 <main>  <header class="band-photo px-6 pt-[196px] pb-32 sm:px-12" style="--bg-photo: url('/macstudios/cluster-6-front.jpg')"> <div class="mx-auto max-w-[1248px]"> <p class="eyebrow">Hybride · souverain · contrôlé</p> <h1 class="display-xl mt-8 max-w-[16ch]"> <span class="block">IA Cloud, contrôlée.</span> <span class="block italic text-cyan">Locale quand nécessaire.</span> </h1> <p class="mt-8 max-w-[58ch] text-lg leading-relaxed text-paper"> The Monocle Bear a conçu un système d&#39;IA hybride : OdyssAI. Un moteur d&#39;inférence distribuée développé en interne, l&#39;orchestrateur OdyssAI-X, adossé à Companion, un client complet et unique dédié à l&#39;entreprise. Ils donnent accès aussi bien aux modèles frontière du cloud qu&#39;aux meilleurs modèles open source locaux. Toute la puissance des grands modèles, à un dixième du prix au token. Un guardrail vérifie chaque requête au passage, le confidentiel reste dans les murs. </p> <p class="mt-4 max-w-[58ch] text-lg leading-relaxed text-paper/72"> Souverain par construction : pas de fournisseur unique, des modèles interchangeables, locaux ou cloud. L&#39;arbitrage est automatique, mesuré, vérifiable. </p> </div> </header> <section class="bg-paper px-6 py-24 sm:px-12 sm:py-32"> <div class="mx-auto max-w-[1248px]"> <p class="eyebrow">/01 · Constat</p> <h2 class="display-lg mt-8 max-w-[900px]">Data ou Open-Data ?</h2> <p class="mt-10 max-w-[64ch] text-lg leading-relaxed text-ink"> Dans la plupart des organisations, l&#39;IA générative est entrée par la porte de service : comptes personnels, extraits de dossiers copiés dans des interfaces grand public, données clients traitées sur des serveurs étrangers. Une brèche se creuse, une fuite qui s&#39;excuse par nécessité. </p> <p class="mt-12 max-w-[820px] font-serif text-[clamp(22px,2.4vw,32px)] font-light italic leading-snug text-sea"> Le choix réel n&#39;est pas entre utiliser l&#39;IA ou s&#39;en passer. Il est entre laisser faire et contrôler son utilisation. </p> </div> </section> <section id="architecture" class="band-photo px-6 py-24 sm:px-12 sm:py-32" style="--bg-photo: url('/macstudios/rdma-cables.jpg')"> <div class="mx-auto max-w-[1248px]"> <p class="eyebrow">/02 · CoeOS</p> <h2 class="display-lg mt-8 max-w-[900px]">Le meilleur de l&#39;open source, en un seul modèle.</h2> <p class="mt-6 max-w-[60ch] text-lg leading-relaxed text-paper"> Au cœur d&#39;OdyssAI, <span class="chip-dark">CoeOS</span> convoque pour chaque demande le modèle le plus compétent pour y répondre. Résultat : le niveau d&#39;exactitude des meilleurs modèles fermés. </p> <div class="mt-16 grid grid-cols-1 border-t border-paper/16 sm:grid-cols-2"> <article class="flex flex-col gap-4 py-12 sm:pr-10"> <span class="font-mono text-[11px] font-medium uppercase tracking-[0.22em] text-paper/72">Routage</span> <h3 class="font-serif text-[26px] font-normal leading-tight tracking-tight">Le routage agentique.</h3> <p class="max-w-[52ch] leading-relaxed text-paper/72">Chaque requête est analysée en fonction du sens et de l&#39;intention, pas de mots-clés. Rédaction, droit, analyse, code : le modèle le plus fort sur la tâche prend la main, sur la base de 18 axes de compétence mesurés.</p> </article> <article class="flex flex-col gap-4 border-t border-paper/16 py-12 sm:border-t-0 sm:border-l sm:pl-10"> <span class="font-mono text-[11px] font-medium uppercase tracking-[0.22em] text-paper/72">Guardrail</span> <h3 class="font-serif text-[26px] font-normal leading-tight tracking-tight">Le guardrail de confidentialité.</h3> <p class="max-w-[52ch] leading-relaxed text-paper/72">La requête est analysée avant de sortir. Données personnelles, dossiers clients, secrets d&#39;affaires sont détectés et traités sur un modèle local. Rien de confidentiel ne quitte l&#39;
3infrastructure.</p> </article> </div> <div class="mt-8 border-t border-paper/16 pt-10"> <p class="max-w-[60ch] text-lg text-paper">Mesuré sur un banc public de 32 épreuves.</p> <div class="mt-10 grid grid-cols-1 gap-10 sm:grid-cols-3"> <div class="flex flex-col gap-2"> <span class="font-serif text-[56px] font-light leading-none tracking-tight text-cyan">97,2<span class="text-[0.42em] align-[0.4em] text-paper/48">/100</span></span> <span class="font-mono text-[13px] tracking-wide text-paper">CoeOS</span> <span class="font-mono text-[11px] uppercase tracking-[0.18em] text-paper/48">0,087 $ / test</span> </div><div class="flex flex-col gap-2"> <span class="font-serif text-[56px] font-light leading-none tracking-tight text-paper">96,9<span class="text-[0.42em] align-[0.4em] text-paper/48">/100</span></span> <span class="font-mono text-[13px] tracking-wide text-paper">Fable 5</span> <span class="font-mono text-[11px] uppercase tracking-[0.18em] text-paper/48">0,426 $ / test</span> </div><div class="flex flex-col gap-2"> <span class="font-serif text-[56px] font-light leading-none tracking-tight text-paper">96,0<span class="text-[0.42em] align-[0.4em] text-paper/48">/100</span></span> <span class="font-mono text-[13px] tracking-wide text-paper">Claude Opus 4.8</span> <span class="font-mono text-[11px] uppercase tracking-[0.18em] text-paper/48">0,141 $ / test</span> </div> </div> <p class="mt-10 text-sm leading-relaxed text-paper/72"> Méthodologie publiée, résultats reproductibles, code sous licence <span class="chip-dark">AGPL</span>.
4</p> </div> </div> </section> <section class="bg-paper px-6 py-24 sm:px-12 sm:py-32"> <div class="mx-auto max-w-[1248px]"> <p class="eyebrow">/03 · Full local</p> <h2 class="display-lg mt-8 max-w-[900px]">Le modèle on-prem, primordial.</h2> <div class="mt-14 grid grid-cols-1 items-start gap-14 lg:grid-cols-[1.1fr_1fr] lg:gap-24"> <p class="max-w-[60ch] text-lg leading-relaxed text-ink"> Certains contextes excluent le cloud entièrement. Pour ceux-là, <a href="https://odyssai.eu" target="_blank" rel="noopener" class="border-b border-sea/40 font-medium text-sea transition-colors hover:border-sea">OdyssAI</a> fait tourner les meilleurs modèles open source,  <span class="chip">Kimi</span> <span class="chip">GLM 5.2</span> <span class="chip">MiniMax</span> <span class="chip">Mistral</span>, sur un cluster Apple Silicon installé dans les murs de l&#39;organisation. De une à six machines selon la charge. </p> <div class="max-w-[50ch] font-serif text-xl font-light italic leading-relaxed text-ink"> <p>Position d&#39;ingénierie assumée : aucun modèle n&#39;est servi sous une quantification de 6 bits, ou 4 bits lorsqu&#39;ils ont été entraînés spécifiquement pour cette quantification (Kimi, par exemple).</p> <p class="mt-4 text-muted">En dessous, l&#39;exactitude et la perplexité se dégradent au point de compromettre l&#39;usage professionnel. La taille ne fait pas la qualité, la fidélité du modèle si.</p> <p class="mt-4 text-sea">Sur TMB Benches, GLM 5.2, Hy3 et MiniMax servis en local ne montrent aucune perte significative d&#39;exactitude par rapport à leurs versions cloud.</p> </div> </div> </div> </section> <section class="band-photo px-6 py-24 sm:px-12 sm:py-32" style="--bg-photo: url('/macstudios/cluster-6-side.jpg')"> <div class="mx-auto max-w-[1248px]"> <p class="eyebrow">/04 · Onboarding</p> <h2 class="display-lg mt-8 max-w-[900px]">Comme tout nouveau collaborateur, un modèle doit connaître l&#39;entreprise.</h2> <div class="mt-12 grid grid-cols-1 items-start gap-14 lg:grid-cols-[1.2fr_1fr] lg:gap-24"> <p class="max-w-[64ch] text-lg leading-relaxed text-paper/85"> Un LLM sorti de sa boîte ignore tout des dossiers, des précédents, du vocabulaire interne. L&#39;efficacité d&#39;un outil de travail se joue dans la couche de connaissance : indexation et relations vectorielles <span class="chip-dark">RAG</span> des corpus métier, mémoire structurée à trois niveaux, individu, équipe, organisation, journalisation des décisions… </p> <p class="font-serif text-[clamp(22px,2.2vw,30px)] font-light italic leading-snug text-paper"> Le modèle reste interchangeable.<br> <span class="text-cyan">La connaissance, elle, appartient à l&#39;organisation et ne la quitte pas.</span> </p> </div> </div> </section> <section id="services" class="bg-paper px-6 py-24 sm:px-12 sm:py-32"> <div class="mx-auto max-w-[1248px]"> <p class="eyebrow">/05 · Interventions</p> <h2 class="display-lg mt-8 max-w-[900px]">Ce que fait The Monocle Bear.</h2> <div class="mt-16 border-t border-ink/18"> <div class="grid grid-cols-1 items-baseline gap-3 border-b border-ink/18 py-8 sm:grid-cols-[80px_260px_minmax(0,1fr)] sm:gap-8"> <span class="font-mono text-[11px] font-medium tracking-[0.18em] text-muted">→ 01</span> <h3 class="font-serif text-[clamp(22px,2.2vw,30px)] font-normal leading-tight tracking-tight text-ink">Analyse.</h3> <p class="max-w-[70ch] leading-relaxed text-ink">Cartographie des flux de données et des usages IA existants, y compris ceux qu&#39;aucun règlement intérieur n&#39;a jamais vus.</p> </div><div class="grid grid-cols-1 items-baseline gap-3 border-b border-ink/18 py-8 sm:grid-cols-[80px_260px_minmax(0,1fr)] sm:gap-8"> <span class="font-mono text-[11px] font-medium tracking-[0.18em] text-muted">→ 02</span> <h3 class="font-serif text-[clamp(22px,2.2vw,30px)] font-normal leading-tight tracking-tight text-ink">AIrchitecture.</h3> <p class="max-w-[70ch] leading-relaxed text-ink">Hybride ou full local : l&#39;architecture se conçoit selon la sensibilité réelle des données, plutôt que selon la mode.</p> </div><div class="grid grid-cols-1 items-baseline gap-3 border-b border-ink/18 py-8 sm:grid-cols-[80px_260px_minmax(0,1fr)] sm:gap-8"> <span class="font-mono text-[11px] font-medium tracking-[0.18em] text-muted">→ 03</span> <h3 class="font-serif text-[clamp(22px,2.2vw,30px)] font-normal leading-tight tracking-tight text-ink">Intégration.</h3> <p class="max-w-[70ch] leading-relaxed text-ink">Installation d&#39;OdyssAI et adaptation aux besoins de l&#39;organisation : l&#39;édition Tailored. Migration des premiers flux de travail, mesure avant et après.</p> </div><div class="grid grid-cols-1 items-baseline gap-3 border-b border-ink/18 py-8 sm:grid-cols-[80px_260px_minmax(0,1fr)] sm:gap-8"> <span class="font-mono text-[11px] font-medium tracking-[0.18em] text-muted">→ 04</span> <h3 class="font-serif text-[clamp(22px,2.2vw,30px)] font-normal leading-tight tracking-tight text-ink">Transfert.</h3> <p class="max-w-[70ch] leading-relaxed text-ink">Les équipes montent en compétence, jusqu&#39;à l&#39;autonomie.</p> </div> </div> <p class="mt-12 max-w-[820px] text-lg leading-relaxed text-ink">Notre logiciel est open source et gratuit. L&#39;intervention porte sur l&#39;architecture, le déploiement et la méthode.</p> </div> </section> <section id="lab" class="band-photo px-6 py-24 sm:px-12 sm:py-32" style="--bg-photo: url('/macstudios/cluster-6-left.jpg')"> <div class="mx-auto max-w-[1248px]"> <p class="eyebrow">/06 · The Lab</p> <h2 class="display-lg mt-8 max-w-[900px]">Parole aux chiffres.</h2> <div class="mt-16 border-t border-paper/16"> <div class="grid grid-cols-1 items-baseline gap-3 border-b border-paper/16 py-8 sm:grid-cols-[80px_260px_minmax(0,1fr)] sm:gap-8"> <span class="font-mono text-[11px] font-medium tracking-[0.18em] text-paper/48">L.01</span> <h3 class="font-serif text-[clamp(22px,2.2vw,30px)] font-normal leading-tight tracking-tight text-paper">TMB Scoreboard</h3> <p class="max-w-[70ch] leading-relaxed text-paper/72">Plus de 30 modèles, 18 axes, 32 épreuves, 5 suites.</p> </div><div class="grid grid-cols-1 items-baseline gap-3 border-b border-paper/16 py-8 sm:grid-cols-[80px_260px_minmax(0,1fr)] sm:gap-8"> <span class="font-mono text-[11px] font-medium tracking-[0.18em] text-paper/48">L.02</span> <h3 class="font-serif text-[clamp(22px,2.2vw,30px)] font-normal leading-tight tracking-tight text-paper">TMB Benches</h3> <p class="max-w-[70ch] leading-relaxed text-paper/72">Le protocole complet, juge Opus 4.8 à température 0, notation par critère isolé, totaux calculés mécaniquement, hiérarchie confirmée par deux juges indépendants (GLM 5.2, ρ = 0,94 ; Hy3, ρ = 0,91), biais résiduels documentés.</p> </div><div class="grid grid-cols-1 items-baseline gap-3 border-b border-paper/16 py-8 sm:grid-cols-[80px_260px_minmax(0,1fr)] sm:gap-8"> <span class="font-mono text-[11px] font-medium tracking-[0.18em] text-paper/48">
4L.03</span> <h3 class="font-serif text-[clamp(22px,2.2vw,30px)] font-normal leading-tight tracking-tight text-paper">CoeOS</h3> <p class="max-w-[70ch] leading-relaxed text-paper/72">Le code, AGPL-3.0, et l&#39;édition simplifiée sous MIT.</p> </div> </div> </div> </section> <section id="contact" class="band-photo px-6 py-24 sm:px-12 sm:py-32" style="--bg-photo: url('/macstudios/cluster-4-right.jpg')"> <div class="mx-auto max-w-[1248px]"> <p class="eyebrow">/07 · Contact</p> <h2 class="display-lg mt-8 max-w-[760px]">Parlons-en.</h2> <p class="mt-6 max-w-[58ch] text-lg leading-relaxed text-paper/85">Interventions en Belgique, en France, et au-delà.</p> <a href="mailto:[email protected]" class="mt-14 flex flex-wrap items-center justify-between gap-8 rounded-lg border border-paper/16 bg-paper/5 p-10 transition-colors hover:border-cyan hover:bg-cyan/10"> <span class="flex flex-col gap-2"> <span class="font-mono text-[11px] font-medium uppercase tracking-[0.22em] text-paper/72">Écrire à</span> <span class="font-serif text-[clamp(28px,4vw,52px)] font-light italic leading-tight tracking-tight text-cyan">[email protected]</span> </span> </a> <div class="mt-10 flex gap-6"> <a href="https://www.linkedin.com/in/dupontsophie/" target="_blank" rel="noopener" class="font-mono text-[11px] font-medium uppercase tracking-[0.18em] text-paper/72 transition-colors hover:text-cyan">LinkedIn</a> <a href="https://bsky.app/profile/themonoclebear.com" target="_blank" rel="noopener" class="font-mono text-[11px] font-medium uppercase tracking-[0.18em] text-paper/72 transition-colors hover:text-cyan">Bluesky</a> </div> </div> </section>  </main> <footer class="border-t border-paper/16 bg-footer px-6 py-12 text-paper/72 sm:px-12"> <div class="mx-auto grid max-w-[1248px] grid-cols-1 items-end gap-8 sm:grid-cols-[1fr_auto]"> <div> <div class="mb-3 flex items-baseline gap-2"> <span class="font-serif text-[18px] font-medium text-paper">the monocle bear</span> <span class="font-mono text-[12px] text-paper/60">.com</span> </div> <p class="max-w-[60ch] text-sm leading-relaxed"> Une AIrchitecture souveraine, confidentielle, sans compromis. </p> <p class="mt-3 font-mono text-[11px] uppercase tracking-[0.18em] text-paper/48"> Mons · Wallonie · Belgique · Europe </p> <p class="mt-2 text-xs text-paper/48">&copy; 2026 Monoklbr OÜ</p> </div> <div class="flex flex-wrap gap-8"> <a href="https://odyssai.eu" target="_blank" rel="noreferrer" class="border-b border-transparent pb-0.5 font-mono text-[11px] font-medium uppercase tracking-[0.18em] text-paper transition-colors hover:border-cyan hover:text-cyan">OdyssAI</a> <a href="/blog" class="border-b border-transparent pb-0.5 font-mono text-[11px] font-medium uppercase tracking-[0.18em] text-paper transition-colors hover:border-cyan hover:text-cyan">Blog</a> <a href="mailto:[email protected]" class="border-b border-transparent pb-0.5 font-mono text-[11px] font-medium uppercase tracking-[0.18em] text-paper transition-colors hover:border-cyan hover:text-cyan">Contact</a> </div> </div> </footer> </body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.