:root{--bg:#06090d;--panel:#0c1219;--panel2:#111a23;--ink:#edf4f7;--muted:#9aabb4;--line:#22313b;--a:#7bdde0;--b:#c9a8ff;--good:#82e0b1;--warn:#ffd27a;--bad:#ff9d9d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 72% 0,#111c2b 0,#06090d 38%);color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}
a{color:var(--a)}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.site-head{position:sticky;top:0;z-index:9;background:#06090de8;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
nav{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:800;text-decoration:none;color:white}.brand span{color:var(--a)}.navlinks{display:flex;gap:14px;flex-wrap:wrap}.navlinks a{font-size:.9rem;text-decoration:none;color:var(--muted)}
.hero{padding:84px 0 46px}.hero-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:28px;align-items:end}.eyebrow,.kicker{color:var(--a);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
h1{font-size:clamp(3rem,8vw,6.8rem);line-height:.92;letter-spacing:-.055em;margin:.18em 0}h1 em{font-style:normal;color:var(--a)}h2{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.035em;line-height:1.04;margin:.2em 0 .45em}h3{font-size:1.15rem;margin:.15em 0 .5em}.lead{font-size:1.18rem;max-width:850px;color:#c7d3d8}.muted{color:var(--muted)}
.signal,.card,.notice,.quote{border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),#091017);border-radius:18px;padding:22px}.signal strong{display:block;font-size:3.6rem;line-height:1;color:var(--a);margin:.12em 0}.section{padding:42px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid.two{grid-template-columns:repeat(2,1fr)}.card p{margin:.5em 0}.num{font-size:2.2rem;font-weight:850;color:var(--a)}.tag{display:inline-block;border:1px solid var(--line);padding:4px 9px;border-radius:999px;font-size:.74rem;font-weight:750;color:var(--warn)}.tag.good{color:var(--good)}.tag.bad{color:var(--bad)}
.timeline{display:grid;gap:10px}.step{border-left:3px solid var(--line);padding:10px 16px;background:#0b1117}.step b{display:block;color:var(--a)}.toc{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.toc a{border:1px solid var(--line);border-radius:14px;padding:17px;text-decoration:none;background:var(--panel)}.toc b{display:block;color:var(--ink)}.toc span{color:var(--muted);font-size:.9rem}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:9px 15px;text-decoration:none;color:var(--ink)}.btn.primary{background:var(--a);color:#061015;border-color:transparent;font-weight:800}
.matrix{width:100%;border-collapse:collapse}.matrix th,.matrix td{border-bottom:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}.matrix th{color:var(--a)}.refs li{margin:.65em 0}.footer{border-top:1px solid var(--line);padding:26px 0 50px;color:var(--muted);font-size:.9rem}.footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.heroart{height:320px;position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--line);background:radial-gradient(circle at 50% 48%,#dffcff 0 2%,#7bdde0 3%,#31475e 10%,#111a28 26%,#080c12 65%)}.heroart:before{content:"";position:absolute;left:50%;top:50%;width:48%;height:130%;transform:translate(-50%,-50%) perspective(500px) rotateX(65deg);border:1px solid #8de9ff55;border-radius:50%;box-shadow:0 0 60px #86e9ff22}.heroart:after{content:"CONSCIENCE · MÉMOIRE · PERCEPTION";position:absolute;bottom:18px;left:20px;color:#d8f7ff99;font-size:.7rem;letter-spacing:.22em}
.small{font-size:.88rem}.callout{border-left:3px solid var(--a);padding:13px 16px;background:#0b141b}.video{aspect-ratio:16/9;width:100%;border:0;border-radius:18px;background:#000}
@media(max-width:820px){.hero-grid,.grid,.grid.two,.toc{grid-template-columns:1fr}.navlinks{display:none}.hero{padding-top:52px}h1{font-size:clamp(3rem,16vw,5.4rem)}.heroart{height:230px}}