<!doctype html>

<head>

<title>HumanIA Link — Le savoir vivant (ARES-VITA)</title>

<style>

/* Reset minimal */

* { box-sizing: border-box; margin:0; padding:0 }

html, body { height:100%; font-family: -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif; }

/* Fond animé : dégradé vivant */

.bg {

position: fixed; inset: 0; z-index: -1;

background: radial-gradient(1200px 800px at 10% 20%, #233a72 0%, transparent 60%),

radial-gradient(1000px 700px at 90% 30%, #3a2e6d 0%, transparent 60%),

radial-gradient(1200px 900px at 50% 80%, #0e2a3f 0%, transparent 60%),

linear-gradient(120deg, #071725, #0c1b2c 60%, #10203a);

animation: drift 18s ease-in-out infinite alternate;

}

@keyframes drift {

0% { filter:hue-rotate(0deg) blur(0px); }

100% { filter:hue-rotate(18deg) blur(0.5px); }

}

/* Carte centrale “verre” */

.card {

max-width: 920px; margin: 7vh auto; padding: 40px 36px;

background: rgba(255,255,255,0.06);

border: 1px solid rgba(255,255,255,0.12);

border-radius: 18px; color: #e8eef8; backdrop-filter: blur(8px);

box-shadow: 0 20px 80px rgba(0,0,0,0.35);

}

.brand { display:flex; align-items:center; gap:16px; margin-bottom: 18px; }

.logo {

width: 42px; height:42px; border-radius: 10px;

background: radial-gradient(circle at 30% 30%, #a7d1ff, #6ab0ff 40%, #2d6ee6 70%, #1e3a8a 100%);

box-shadow: 0 0 24px rgba(80,150,255,0.6);

}

h1 { font-size: clamp(28px, 4vw, 40px); line-height:1.15; letter-spacing:.2px; }

h1 span { color:#9bd0ff }

.tagline { margin:14px 0 22px; font-size: clamp(17px, 2.2vw, 20px); color:#cfe6ff; opacity:.95; }

.divider { height:1px; background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent); margin: 18px 0 22px; }

.grid { display:grid; grid-template-columns: 1fr; gap:22px }

@media (min-width: 820px){ .grid{ grid-template-columns: 1fr 1fr; } }

.box { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); border-radius:14px; padding:18px 18px 16px; }

.box h3 { font-size: 16px; text-transform: uppercase; letter-spacing: .12em; color:#a9cfff; margin-bottom:10px }

.box p, .box li { color:#e6f0ff; font-size: 15.5px; line-height:1.55 }

.box ul { margin-left: 18px; list-style: "✺ " outside; }

.cta {

margin-top: 26px; display:flex; flex-wrap:wrap; gap:12px; align-items:center

}

.btn {

text-decoration:none; padding:12px 16px; border-radius:12px; font-weight:600;

background:#1f6feb; color:white; border:1px solid rgba(255,255,255,.18);

box-shadow: 0 12px 30px rgba(22,121,255,.25);

}

.btn:hover{ filter:brightness(1.08) }

.note { font-size:13.5px; color:#cfe6ff; opacity:.9 }

/* Subtle halo animation under the title */

.halo { position:relative; }

.halo::after{

content:""; position:absolute; inset:-8px -12px; z-index:-1; border-radius:22px;

background: radial-gradient(120px 60px at 20% 50%, rgba(80,160,255,.35), transparent 60%),

radial-gradient(140px 70px at 80% 50%, rgba(120,220,255,.20), transparent 70%);

filter: blur(18px); opacity:.75; animation: pulse 3.8s ease-in-out infinite alternate;

}

@keyframes pulse{ from{ transform:scale(0.98)} to{ transform:scale(1.02)} }

footer { text-align:center; color:#b7d7ff; font-size:13.5px; margin:18px 0 10px; opacity:.9 }

a, a:visited { color:#95c9ff }

</style>

</head>

<body>

<h1>HumanIA Link — <span>le savoir vivant</span></h1>

</div>

ARES-VITA est le coffre-fort souverain du savoir vivant : une mémoire analogico-numérique

inviolable où le savoir <em>évolue</em>, se <em>valide</em> ou s’<em>invalide</em> en temps réel

— au service de la science, de la santé, de l’éducation et du climat.

</p>

<h3>FR • Ce que nous bâtissons</h3>

<ul>

<li><strong>ARES-VITA</strong> — coffre souverain & inviolable du savoir vivant.</li>

<li><strong>Sentinel Core</strong> — authentification cognitive universelle (sans mot de passe).</li>

<li><strong>MagnaLink</strong> — fédératrice d’IA productives, par fragments chiffrés.</li>

<li>Architecture <strong>analogico-numérique</strong> : aucune donnée brute ne circule, seulement des résonances.</li>

</ul>

</div>

<h3>EN • What we’re building</h3>

<ul>

<li><strong>ARES-VITA</strong> — the sovereign, inviolable vault of living knowledge.</li>

<li><strong>Sentinel Core</strong> — universal cognitive authentication (password-less).</li>

<li><strong>MagnaLink</strong> — a federation of productive AIs via encrypted shards.</li>

<li><strong>Analog-digital</strong> security: no raw data moves, only encrypted resonances.</li>

</ul>

</div>

<h3>FR • Pourquoi c’est différent</h3>

<p>

Nous ne captons ni ne revendons vos données. Chaque humain possède son coffre local,

en résonance avec le Coffre-Mère. Le système est <strong>incorruptible, auto-cohérent et non piratable</strong>.

</p>

</div>

<h3>EN • Why it’s different</h3>

<p>

No harvesting. No resale. Each person owns a local vault resonating with the Mother Vault.

The network is <strong>incorruptible, self-consistent, and unhackable by design</strong>.

</p>

</div>

</section>

<a class="btn" href="mailto:hello@humanialink.ai">✉️ Contact : hello@humanialink.ai</a>

<span class="note">Phase de démonstration active — Genève & Émirats Arabes Unis.</span>

</div>

</main>

</footer>

</body>

</html>