/* ============================================================
   Δ Delta Score — système de design partagé (clair & large)
   Une seule source pour TOUTES les pages publiques.
   Polices système (souveraineté FR) · emphase = italique, jamais gras.
   ============================================================ */
:root{
  --paper:#FBFAF6; --sand:#F2ECDF; --warm:#F6F1E6;
  --ink:#201B13; --ink-soft:#3A3326; --ink-mut:#74694F;
  --gold:#A9883A; --gold-2:#C9A84C;
  --night:#0C0A07; --cream:#F1E9D2; --cream-mut:rgba(241,233,210,.62); --cream-faint:rgba(241,233,210,.4);
  --line:rgba(32,27,19,.12); --line-soft:rgba(32,27,19,.07);
  --serif:'Iowan Old Style','Palatino Linotype',Palatino,'Hoefler Text','Times New Roman',serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --mono:'SFMono-Regular',Menlo,Consolas,'DejaVu Sans Mono',monospace;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.65;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
em{font-style:italic}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:-.018em;line-height:1.07}
h3,h4{font-family:var(--serif);font-weight:600;letter-spacing:-.01em}
.wrap{max-width:1240px;margin:0 auto;padding:0 48px}
.center{text-align:center}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
.lead{font-size:19px;color:var(--ink-mut);line-height:1.62}
.center .lead{max-width:54ch;margin-left:auto;margin-right:auto}
.statement{font-family:var(--serif);font-weight:600;font-size:clamp(30px,4.4vw,52px);line-height:1.12;max-width:20ch;margin:0 auto;letter-spacing:-.02em}
.statement em{color:var(--gold)}

/* NAV */
.nav{position:sticky;top:0;z-index:40;background:rgba(251,250,246,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}
.nav-in{max-width:1240px;margin:0 auto;padding:0 48px;height:78px;display:flex;align-items:center;justify-content:space-between}
.brand{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:9px}
.brand .d{display:block;flex:none;width:26px;height:26px;background:url(/img/logo-mark.png) center/contain no-repeat;font-size:0;line-height:0}
.nav-mid{display:flex;gap:38px}
.nav-mid a{font-size:15px;color:var(--ink-mut);transition:color .2s}
.nav-mid a:hover{color:var(--ink)}
.nav-cta{font-size:15px;color:var(--gold);border-bottom:1px solid transparent;transition:border-color .2s}
.nav-cta:hover{border-color:var(--gold)}
@media(max-width:900px){.nav-in{flex-wrap:wrap;height:auto;padding-top:11px;padding-bottom:11px;row-gap:8px}.nav-mid{display:flex;order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:22px;font-size:14.5px}}

/* HERO + portes */
.hero{text-align:center;padding:118px 0 128px}
.hero h1{font-size:clamp(40px,6vw,74px);max-width:17ch;margin:0 auto}
.hero h1 em{color:var(--gold)}
.hero .sub{font-size:clamp(18px,1.7vw,21px);color:var(--ink-mut);max-width:44ch;margin:30px auto 0}
.doors{display:flex;gap:18px;justify-content:center;margin-top:46px;flex-wrap:wrap}
.door{font-size:16px;padding:15px 30px;border-radius:40px;transition:background .2s,border-color .2s,transform .25s cubic-bezier(.2,.7,.2,1)}
.door.p{background:var(--gold);color:#fff}
.door.p:hover{background:#977634}
.door.s{color:var(--ink);border:1px solid var(--line)}
.door.s:hover{border-color:var(--ink)}
.door:hover{transform:translateY(-2px)}
.soon{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mut);margin-top:26px}

/* SECTIONS */
section{padding:140px 0}
.sec-sand{background:var(--sand)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}
.split.rev .t{order:2}
.split h2{font-size:clamp(30px,3.6vw,46px);max-width:15ch}
.split h2 em{color:var(--gold)}
.split .lead{max-width:42ch;margin-top:22px}
.fl{list-style:none;margin-top:28px}
.fl li{position:relative;padding-left:26px;margin-bottom:15px;font-size:16.5px;color:var(--ink-mut)}
.fl li::before{content:'';position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--gold)}
.fl li em{color:var(--ink-soft)}
@media(max-width:900px){.split{grid-template-columns:1fr;gap:54px}.split.rev .t{order:0}}

/* PILIERS */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:64px;margin-top:72px}
.pillar .n{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--gold);display:block;margin-bottom:16px}
.pillar h3{font-size:23px;margin-bottom:10px}
.pillar p{font-size:16px;color:var(--ink-mut)}
@media(max-width:760px){.pillars{grid-template-columns:1fr;gap:44px}}

/* GRILLE DOUCE */
.grid-soft{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:64px}
.gcard{background:var(--paper);border:1px solid var(--line-soft);border-radius:18px;padding:28px 26px;transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .4s}
.sec-sand .gcard{background:#fff}
.gcard:hover{transform:translateY(-5px)}
.gcard h4{font-size:18px;margin-bottom:6px}
.gcard p{font-size:14.5px;color:var(--ink-mut)}
@media(max-width:820px){.grid-soft{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.grid-soft{grid-template-columns:1fr}}

/* APPLET sombre (aperçu d'app posé dans le vide) */
.applet{width:100%;max-width:360px;margin:0 auto;background:var(--night);border-radius:36px;padding:13px;box-shadow:0 44px 80px -44px rgba(40,30,10,.42)}
.ap{background:#0A0806;border-radius:26px;padding:30px 26px;color:var(--cream)}
.ap .k{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-faint)}
.ap .h{font-family:var(--serif);font-style:italic;font-size:21px;color:var(--cream);margin:10px 0 20px;line-height:1.3}
.ap .ln{height:1px;background:rgba(241,233,210,.09);margin:18px 0}
.ap .meter{display:flex;align-items:center;gap:12px;margin:14px 0}
.ap .meter .lab{flex:1;font-size:13px;color:var(--cream-mut)}
.ap .meter .bar{width:90px;height:5px;border-radius:5px;background:rgba(241,233,210,.1);overflow:hidden}
.ap .meter .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2))}
.ap .meter .v{font-family:var(--mono);font-size:12px;color:var(--gold-2);width:30px;text-align:right}
.ap .q{font-family:var(--serif);font-style:italic;font-size:14.5px;color:rgba(241,233,210,.78);line-height:1.5}
.ap .chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}
.ap .chip{border:1px solid rgba(241,233,210,.14);border-radius:16px;padding:6px 12px;font-size:12px;color:var(--cream-mut)}
.ap .post{border:1px solid rgba(241,233,210,.08);border-radius:14px;padding:14px 15px;margin-top:12px}
.ap .post .who{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-faint);margin-bottom:7px}
.ap .post .who.g{color:var(--gold-2)}
.ap .post .tx{font-family:var(--serif);font-style:italic;font-size:13.5px;color:rgba(241,233,210,.82);line-height:1.45}

/* CARTES (lien, pros) */
.caps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:60px}
.cap{background:var(--paper);border:1px solid var(--line-soft);border-radius:20px;padding:34px 30px;transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .4s}
.sec-sand .cap{background:#fff}
.cap:hover{border-color:var(--line);transform:translateY(-5px)}
.cap .tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.cap h3{font-size:20px;margin-bottom:10px;line-height:1.2}
.cap p{font-size:15px;color:var(--ink-mut)}
.cap .free{display:inline-block;margin-top:14px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border:1px solid var(--line);padding:4px 10px;border-radius:14px}
@media(max-width:860px){.caps{grid-template-columns:1fr}}

/* CERVEAU */
.brainstage{position:relative;width:100%;max-width:440px;aspect-ratio:1/1;margin:0 auto;background:var(--night);border-radius:30px;overflow:hidden}
.brainstage canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}
.brainstage canvas:active{cursor:grabbing}
.brain-tag{position:absolute;top:16px;left:18px;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-mut)}
.brain-tag .led{width:8px;height:8px;border-radius:50%;background:#ff6a52}
.brain-hint{position:absolute;right:18px;top:16px;font-size:11px;color:var(--cream-faint)}
.brain-cap{position:absolute;left:18px;bottom:16px;font-size:12px;color:var(--cream-mut)}
.brain-cap b{color:var(--gold-2);font-weight:400}

/* INDICE */
.indicebox{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:60px;background:var(--night);border-radius:26px;padding:54px 56px;color:var(--cream)}
.ind-big{font-family:var(--serif);font-size:84px;font-weight:600;line-height:1;color:var(--cream)}
.ind-big small{font-size:26px;color:var(--cream-faint)}
.ind-cap{font-size:13px;color:var(--cream-mut);margin-top:6px}
.ind-stats{display:flex;gap:34px;margin-top:24px}
.ind-stats b{display:block;font-family:var(--serif);font-size:24px;color:var(--gold-2);font-weight:600}
.ind-stats span{font-size:12.5px;color:var(--cream-mut)}
.spark{width:100%;height:130px}
.up{color:#9ED9A3}.down{color:#D89B8A}
@media(max-width:760px){.indicebox{grid-template-columns:1fr;gap:34px;padding:40px}}

/* TRUST */
.trust{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:60px}
.titem{display:flex;gap:18px;align-items:flex-start;padding:26px 28px;border:1px solid var(--line-soft);border-radius:18px}
.titem .n{font-family:var(--serif);font-size:22px;color:var(--gold);flex:none;line-height:1.1}
.titem b{font-size:16px;font-weight:600;color:var(--ink);font-family:var(--serif)}
.titem p{font-size:14.5px;color:var(--ink-mut);margin-top:5px}
@media(max-width:760px){.trust{grid-template-columns:1fr}}

/* CLOSING */
.closing{text-align:center;padding:160px 0}
.closing h2{font-size:clamp(34px,4.8vw,60px);max-width:16ch;margin:0 auto}
.closing h2 em{color:var(--gold)}
.closing .lead{margin:24px auto 0}

/* NOTE / encadré */
.note{background:#fff;border:1px solid var(--line-soft);border-left:3px solid var(--gold);border-radius:0 14px 14px 0;padding:20px 24px;margin:22px 0;font-size:16px;color:var(--ink-soft)}
.note .nt{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:8px}

/* SOMMAIRE (centre d'aide) */
.toc{max-width:1000px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.toc a{background:#fff;border:1px solid var(--line-soft);border-radius:14px;padding:16px 18px;font-size:15px;color:var(--ink);display:flex;align-items:center;gap:12px;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s}
.toc a:hover{border-color:var(--gold);transform:translateY(-3px)}
.toc a .n{font-family:var(--mono);font-size:12px;color:var(--gold)}

/* CONTENU LONG (aide, légal) — colonne lisible */
.doc{max-width:760px;margin:0 auto;padding:40px 48px 60px}
.doc-sec{padding:48px 0;border-top:1px solid var(--line-soft)}
.doc-sec h2{font-size:clamp(26px,3vw,34px);color:var(--ink);margin-bottom:8px;scroll-margin-top:96px}
.doc-sec .lede{color:var(--ink-mut);font-size:16px;margin-bottom:22px}
.doc-sec h3{font-size:19px;color:var(--ink);margin:26px 0 8px}
.doc-sec p{color:var(--ink-soft);margin-bottom:14px;font-size:16.5px}
.doc-sec ul{list-style:none;margin:12px 0 16px}
.doc-sec li{position:relative;padding-left:24px;color:var(--ink-soft);margin-bottom:11px;font-size:16.5px}
.doc-sec li::before{content:'';position:absolute;left:0;top:11px;width:7px;height:7px;border-radius:50%;border:1.5px solid var(--gold)}
.doc-sec li em,.doc-sec p em{color:var(--ink);font-style:italic}

/* FOOTER */
footer{border-top:1px solid var(--line-soft);padding:70px 0 50px;color:var(--ink-mut);font-size:14px}
.foot-grid{display:flex;justify-content:space-between;gap:50px;flex-wrap:wrap;max-width:1240px;margin:0 auto;padding:0 48px}
.foot-brand .b{font-family:var(--serif);font-size:20px;color:var(--ink);display:flex;align-items:center;gap:9px;flex-wrap:nowrap;white-space:nowrap}
.foot-brand .b .d{display:block;flex:none;width:24px;height:24px;background:url(/img/logo-mark.png) center/contain no-repeat;font-size:0;line-height:0}
.foot-brand .ed{margin-top:12px;max-width:32ch;font-size:13.5px}
.foot-brand .ver{margin-top:12px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--gold)}
.foot-cols{display:flex;gap:56px;flex-wrap:wrap}
.foot-cols .col b{display:block;font-family:var(--serif);font-size:14px;color:var(--ink);margin-bottom:14px}
.foot-cols .col a{display:block;font-size:14px;margin-bottom:10px;color:var(--ink-mut)}
.foot-cols .col a:hover{color:var(--gold)}
.foot-bottom{max-width:1240px;margin:48px auto 0;padding:24px 48px 0;border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-mut)}

/* ===== MOUVEMENT — lent, premium, jamais clignotant ===== */
.reveal{opacity:0;transform:translateY(24px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.reveal-fade{opacity:0;transition:opacity 1.2s ease}
.reveal-fade.in{opacity:1}
@keyframes ds-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.float{animation:ds-float 7s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.reveal,.reveal-fade{opacity:1!important;transform:none!important}.float{animation:none}}

/* ===== GRAIN CINÉMA — voile léger et vivant, zéro fichier externe ===== */
.ds-grain{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:180px 180px;animation:ds-grain .5s steps(3) infinite}
@keyframes ds-grain{0%{background-position:0 0}33%{background-position:-24px 14px}66%{background-position:18px -22px}100%{background-position:26px 24px}}
@media(prefers-reduced-motion:reduce){.ds-grain{animation:none}}

@media(max-width:640px){.wrap{padding:0 24px}.nav-in{padding:0 24px}.hero{padding:84px 0 90px}.doc{padding:30px 24px 50px}.toc{padding:0 24px}.foot-grid,.foot-bottom{padding-left:24px;padding-right:24px}section{padding:96px 0}}