:root{
    --nuit:#070b15;
    --nuit-2:#0c1322;
    --nuit-3:#111a2e;
    --ivoire:#eef2fa;
    --encre:#eef2fa;
    --brume:#b3bdd0;
    --brume-2:#a4b0c5;
    --laiton:#3d7bfd;
    --laiton-clair:#6fa1ff;
    --cyan:#5ee6ff;
    --vert:#34d399;
    --rouge:#f87171;
    --ambre:#fbbf24;
    --trait:rgba(255,255,255,.08);
    --trait-2:rgba(255,255,255,.14);
    --verre:rgba(255,255,255,.035);
    --serif:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  }
  *{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
  body{margin:0;font-family:var(--sans);font-size:17px;line-height:1.6;color:var(--encre);background:var(--nuit);-webkit-font-smoothing:antialiased;overflow-x:hidden}
  h1,h2,h3,h4{font-family:var(--serif);font-weight:600;margin:0;line-height:1.12;letter-spacing:-.02em}
  p{margin:0 0 1em} p:last-child{margin-bottom:0}
  a{color:inherit;text-underline-offset:4px;text-decoration-color:var(--laiton)}
  :focus-visible{outline:2px solid var(--laiton-clair);outline-offset:3px}
  .zone{max-width:1180px;margin:0 auto;padding:0 40px}
  @media(max-width:680px){.zone{padding:0 22px}}

  /* Fond : grille + halo */
  .grille{position:absolute;inset:0;pointer-events:none;
    background-image:linear-gradient(rgba(111,161,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(111,161,255,.06) 1px,transparent 1px);
    background-size:56px 56px;
    -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 30%,transparent 75%)}

  /* ---------- En-tête ---------- */
  .entete{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .25s,border-color .25s}
  .entete.scrolled{background:rgba(7,11,21,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--trait)}
  .entete .zone{display:flex;align-items:center;justify-content:space-between;gap:24px;height:80px;transition:height .25s}
  .entete.scrolled .zone{height:64px}
  .marque{display:inline-flex;align-items:center;gap:10px;font-family:var(--serif);font-size:23px;font-weight:500;color:var(--ivoire);text-decoration:none}
  .logo-img{height:34px;width:auto;display:block}
  .nav{display:flex;align-items:center;gap:30px}
  .nav a{font-size:14.5px;color:var(--ivoire);opacity:.8;text-decoration:none;transition:opacity .2s}
  .nav a:hover{opacity:1}
  .nav .prendre{opacity:1;border:1px solid rgba(111,161,255,.45);padding:9px 18px;border-radius:10px;transition:all .18s}
  .nav .prendre:hover{background:var(--laiton);border-color:var(--laiton);box-shadow:0 6px 20px rgba(61,123,253,.45)}
  @media(max-width:880px){.nav a:not(.prendre){display:none}}
  @media(max-width:680px){.entete .zone{height:68px}.logo-img{height:30px}.marque{font-size:21px}}

  /* ---------- Boutons ---------- */
  .btn{display:inline-block;background:var(--laiton);color:#fff;font-family:var(--sans);font-size:16px;font-weight:600;padding:14px 28px;border-radius:10px;border:0;cursor:pointer;
    text-decoration:none;text-align:center;box-shadow:0 0 0 1px rgba(111,161,255,.35),0 8px 28px rgba(61,123,253,.35);transition:transform .18s,box-shadow .18s,background .18s}
  .btn:hover{background:#5a90ff;transform:translateY(-2px);box-shadow:0 0 0 1px rgba(111,161,255,.5),0 14px 36px rgba(61,123,253,.55)}
  .btn-contour{display:inline-block;border:1px solid rgba(111,161,255,.45);color:var(--ivoire);font-size:16px;font-weight:600;padding:13px 26px;border-radius:10px;text-decoration:none;text-align:center;transition:all .18s;background:rgba(255,255,255,.02)}
  .btn-contour:hover{background:rgba(61,123,253,.14);border-color:var(--laiton-clair)}

  /* ---------- Étiquettes ---------- */
  .kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--laiton-clair)}
  .kicker .puce{width:8px;height:8px;border-radius:50%;background:var(--vert);box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:pouls 1.6s ease-out infinite}
  @keyframes pouls{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}70%{box-shadow:0 0 0 10px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}

  /* ---------- Héros ---------- */
  .heros{position:relative;overflow:hidden;padding:150px 0 90px;
    background:radial-gradient(900px 560px at 78% 28%,rgba(61,123,253,.20),transparent 62%),radial-gradient(700px 420px at 10% 90%,rgba(94,230,255,.07),transparent 60%),var(--nuit)}
  .heros .zone{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
  @media(max-width:980px){.heros .zone{grid-template-columns:1fr;gap:44px}}
  .heros h1{margin-top:20px;font-size:clamp(34px,4.6vw,58px);line-height:1.06;letter-spacing:-.03em;max-width:17ch}
  .heros h1 .deg{background:linear-gradient(90deg,#9cc0ff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
  .heros-sous{margin-top:22px;font-size:19px;line-height:1.55;color:var(--brume);max-width:46ch}
  .heros-actions{margin-top:30px;display:inline-flex;flex-direction:column;gap:12px;align-items:stretch}
  .heros-reassure{margin-top:18px;font-size:13.5px;color:var(--brume-2)}
  .heros-reassure span{white-space:nowrap}
  @media(max-width:680px){
    .heros{padding:100px 0 60px}
    .heros h1{font-size:31px;line-height:1.12;margin-top:14px}
    .heros-sous{font-size:16.5px;margin-top:14px}
    .heros-actions{display:flex;margin-top:22px;gap:10px}
    .heros-reassure{font-size:12.5px;margin-top:14px}
  }

  /* Moniteur Sentinel */
  .moniteur{position:relative;border-radius:18px;border:1px solid var(--trait-2);overflow:hidden;
    background:linear-gradient(180deg,rgba(17,26,46,.92),rgba(9,14,26,.94));box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(111,161,255,.06) inset,0 0 60px rgba(61,123,253,.12)}
  .mon-tete{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--trait);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--brume-2)}
  .mon-tete b{color:var(--ivoire);font-weight:600;letter-spacing:.14em}
  .mon-etat{display:inline-flex;align-items:center;gap:8px;color:var(--vert);font-weight:600}
  .mon-etat i{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pouls 1.6s ease-out infinite}
  .mon-etat.alerte{color:var(--rouge)}
  .mon-ecg{position:relative;height:170px}
  .mon-ecg canvas{display:block;width:100%;height:100%}
  .mon-mesures{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--trait)}
  .mon-mesures div{padding:14px 18px;border-right:1px solid var(--trait)}
  .mon-mesures div:last-child{border-right:0}
  .mon-mesures .v{display:block;font-family:var(--serif);font-size:21px;font-weight:600;color:var(--ivoire);font-variant-numeric:tabular-nums}
  .mon-mesures .l{display:block;font-size:11.5px;color:var(--brume-2);margin-top:2px}
  .mon-journal{border-top:1px solid var(--trait);padding:12px 18px 14px;min-height:92px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.7;color:var(--brume-2)}
  .mon-journal div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:ligne .4s ease}
  .mon-journal .ok{color:var(--vert)} .mon-journal .ko{color:var(--rouge)}
  @keyframes ligne{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
  .mon-note{position:absolute;right:14px;bottom:10px;font-size:10.5px;color:rgba(164,176,197,.55);font-family:var(--sans)}
  @media(max-width:520px){.mon-mesures .v{font-size:17px}.mon-mesures div{padding:12px}.mon-ecg{height:140px}}

  /* ---------- Sections ---------- */
  .sec{position:relative;padding:110px 0;overflow:hidden}
  .sec-2{background:linear-gradient(180deg,var(--nuit-2),var(--nuit))}
  @media(max-width:680px){.sec{padding:72px 0}}
  .tete{max-width:62ch;margin-bottom:52px}
  .tete h2{margin-top:14px;font-size:clamp(28px,3.8vw,46px);font-weight:600;line-height:1.1}
  .tete p{margin-top:18px;font-size:18px;color:var(--brume)}
  .tete-centre{margin-left:auto;margin-right:auto;text-align:center}
  @media(max-width:680px){.tete{margin-bottom:36px}.tete p{font-size:16.5px}}

  .verre{background:var(--verre);border:1px solid var(--trait);border-radius:16px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

  /* ---------- Chiffres Sentinel ---------- */
  .bandeau-chiffres{position:relative;border-top:1px solid var(--trait);border-bottom:1px solid var(--trait);background:rgba(12,19,34,.6)}
  .bandeau-chiffres .zone{display:grid;grid-template-columns:repeat(4,1fr)}
  .bc{padding:30px 22px;border-right:1px solid var(--trait)}
  .bc:last-child{border-right:0}
  .bc .n{display:block;font-family:var(--serif);font-size:clamp(28px,3vw,38px);font-weight:600;color:#fff;letter-spacing:-.02em}
  .bc .n small{font-size:.55em;color:var(--laiton-clair);margin-left:4px}
  .bc .t{display:block;margin-top:6px;font-size:14px;color:var(--brume);line-height:1.45}
  @media(max-width:820px){.bandeau-chiffres .zone{grid-template-columns:1fr 1fr;padding:0}.bc{border-bottom:1px solid var(--trait)}.bc:nth-child(2n){border-right:0}}

  /* ---------- Risques ---------- */
  .risques{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  @media(max-width:980px){.risques{grid-template-columns:1fr 1fr}}
  @media(max-width:600px){.risques{grid-template-columns:1fr}}
  .risque{padding:28px 24px;position:relative;overflow:hidden}
  .risque::before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--rouge),transparent)}
  .risque .ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(248,113,113,.10);border:1px solid rgba(248,113,113,.25);color:var(--rouge);margin-bottom:18px}
  .risque .ic svg{width:22px;height:22px}
  .risque h3{font-size:19px;font-weight:600;line-height:1.25;margin-bottom:10px}
  .risque p{font-size:15.5px;color:var(--brume);line-height:1.55}
  .chiffres-risque{margin-top:26px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  @media(max-width:980px){.chiffres-risque{grid-template-columns:1fr 1fr}}
  @media(max-width:600px){.chiffres-risque{grid-template-columns:1fr}}
  .cr{padding:22px 24px}
  .cr .n{display:block;font-family:var(--serif);font-size:32px;font-weight:600;color:var(--rouge);letter-spacing:-.02em}
  .cr .t{display:block;margin-top:6px;font-size:14.5px;color:var(--brume);line-height:1.5}
  .cr .s{display:block;margin-top:10px;font-size:12px;color:var(--brume-2);opacity:.85}
  .risques-fin{margin-top:40px;max-width:70ch;font-size:18px;color:var(--ivoire)}
  .risques-fin strong{color:var(--laiton-clair);font-weight:600}

  /* ---------- Sentinel ---------- */
  .sentinel-grille{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
  @media(max-width:940px){.sentinel-grille{grid-template-columns:1fr;gap:36px}}
  .sentinel-txt p{font-size:17.5px;color:var(--brume);line-height:1.65}
  .sentinel-txt p strong{color:var(--ivoire);font-weight:600}
  .atouts{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
  .atouts li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;font-size:15.5px;color:var(--ivoire);line-height:1.5}
  .atouts li svg{flex:none;width:22px;height:22px;color:var(--laiton-clair);margin-top:1px}
  .atouts li span{color:var(--brume)} .atouts li b{display:block;color:var(--ivoire);font-weight:600;margin-bottom:2px}

  .compare{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px;overflow:hidden}
  .compare th,.compare td{padding:15px 14px;text-align:center;border-bottom:1px solid var(--trait)}
  .compare th:first-child,.compare td:first-child{text-align:left;color:var(--brume)}
  .compare thead th{font-family:var(--serif);font-size:13.5px;font-weight:600;color:var(--brume-2);letter-spacing:.02em;vertical-align:bottom}
  .compare thead th.moi{color:#fff}
  .compare td.moi,.compare th.moi{background:rgba(61,123,253,.10)}
  .compare thead th.moi{border-top:2px solid var(--laiton);border-radius:10px 10px 0 0}
  .compare tr:last-child td{border-bottom:0}
  .compare tr:last-child td.moi{border-radius:0 0 10px 10px}
  .oui{color:var(--vert);font-weight:700}.non{color:rgba(164,176,197,.45)}.part{color:var(--ambre);font-size:12.5px}
  .compare-cadre{padding:10px 10px 6px}
  .compare-note{margin-top:14px;font-size:12.5px;color:var(--brume-2)}
  @media(max-width:560px){.compare{font-size:13px}.compare th,.compare td{padding:12px 6px}}

  /* ---------- Battement de cœur ---------- */
  .coeur-ligne{position:relative;height:90px;margin:0 0 36px}
  .coeur-ligne svg{width:100%;height:100%;display:block;overflow:visible}
  .coeur-ligne path{fill:none;stroke:url(#degEcg);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;
    stroke-dasharray:2400;stroke-dashoffset:2400;filter:drop-shadow(0 0 6px rgba(94,230,255,.55))}
  .coeur-ligne.vu path{animation:trace 3.2s ease forwards}
  @keyframes trace{to{stroke-dashoffset:0}}
  .etapes-coeur{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:e}
  @media(max-width:980px){.etapes-coeur{grid-template-columns:1fr 1fr}}
  @media(max-width:600px){.etapes-coeur{grid-template-columns:1fr}}
  .ec{padding:26px 22px}
  .ec .num{font-family:var(--serif);font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--cyan)}
  .ec h3{margin:10px 0 10px;font-size:20px;line-height:1.2}
  .ec p{font-size:15.5px;color:var(--brume);line-height:1.55}
  .ec.chaud{border-color:rgba(248,113,113,.35);background:linear-gradient(180deg,rgba(248,113,113,.08),rgba(255,255,255,.02))}
  .ec.chaud .num{color:var(--rouge)}
  .silence{margin-top:22px;display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;padding:26px 28px;
    border-color:rgba(94,230,255,.28);background:linear-gradient(90deg,rgba(94,230,255,.07),rgba(255,255,255,.02))}
  .silence .ic{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(94,230,255,.35);color:var(--cyan)}
  .silence .ic svg{width:26px;height:26px}
  .silence h3{font-size:20px;margin-bottom:6px}
  .silence p{font-size:15.5px;color:var(--brume)}
  @media(max-width:600px){.silence{grid-template-columns:1fr;gap:14px;padding:22px}}

  /* ---------- Offres ---------- */
  .offres{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
  @media(max-width:860px){.offres{grid-template-columns:1fr}}
  .offre{padding:30px 28px;display:flex;flex-direction:column}
  .offre .rang{font-family:var(--serif);font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--laiton-clair)}
  .offre h3{margin:10px 0 6px;font-size:23px}
  .offre-nature{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--laiton-clair);margin-bottom:14px}
  .offre p{font-size:15.5px;color:var(--brume)}
  .offre .note{margin-top:auto;padding-top:18px;font-size:14.5px;font-weight:600;color:var(--ivoire)}
  .offre .note em{font-style:normal}
  .offre .btn{margin-top:18px;align-self:flex-start}
  .offre.phare{grid-column:1/-1;border-color:rgba(111,161,255,.45);background:radial-gradient(600px 260px at 90% 0%,rgba(61,123,253,.20),transparent 60%),rgba(255,255,255,.035);box-shadow:0 0 50px rgba(61,123,253,.12)}
  .badge{display:inline-block;margin-left:10px;vertical-align:middle;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--laiton);padding:4px 9px;border-radius:999px}
  .offre-scan{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
  @media(max-width:860px){.offre-scan{grid-template-columns:1fr}}
  .offre-scan > div:first-child{display:flex;flex-direction:column}
  @media(max-width:680px){.offre .btn{align-self:stretch}}

  .expo-panneau{border:1px solid var(--trait-2);border-radius:12px;overflow:hidden;background:rgba(7,11,21,.6)}
  .expo-p-tete{display:flex;justify-content:space-between;gap:12px;padding:13px 18px;border-bottom:1px solid var(--trait);font-size:12.5px;color:var(--brume-2)}
  .expo-rangee{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--trait)}
  .expo-rangee:last-child{border-bottom:0}
  .expo-rangee .rq{font-size:15px;color:var(--ivoire)}
  .expo-rangee .re{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--brume-2);white-space:nowrap}
  .d{width:8px;height:8px;border-radius:50%}.d-ok{background:var(--vert)}.d-att{background:var(--ambre)}.d-ko{background:var(--rouge)}
  .expo-avert{margin-top:10px;font-size:12.5px;color:var(--brume-2)}

  .detail{margin-top:16px;border-top:1px solid var(--trait)}
  .detail summary{cursor:pointer;list-style:none;position:relative;padding:14px 28px 4px 0;font-size:14px;font-weight:600;color:var(--laiton-clair)}
  .detail summary::-webkit-details-marker{display:none}
  .detail summary::after{content:"";position:absolute;right:4px;top:19px;width:8px;height:8px;border-right:1.5px solid var(--laiton-clair);border-bottom:1.5px solid var(--laiton-clair);transform:rotate(45deg);transition:transform .25s}
  .detail[open] summary::after{transform:rotate(-135deg)}
  .detail .corps{padding:12px 0 4px}
  .detail h4{font-size:16px;margin:14px 0 6px}
  .perimetre{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
  @media(max-width:600px){.perimetre{grid-template-columns:1fr}}
  .pitem{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--trait)}
  .pitem .num{font-family:var(--serif);font-size:13px;color:var(--laiton-clair)}
  .pitem h3{font-size:15.5px;margin:0 0 3px}
  .pitem p{font-size:14px}

  /* ---------- Engagements ---------- */
  .engag{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
  @media(max-width:900px){.engag{grid-template-columns:1fr;gap:28px}}
  .engag-txt p{font-size:17px;color:var(--brume)}
  .engag-txt .fort{color:var(--ivoire);font-weight:500}
  .liste-coche{list-style:none;margin:0;padding:8px 22px}
  .liste-coche li{position:relative;padding:15px 0 15px 32px;border-bottom:1px solid var(--trait);font-size:15.5px;color:var(--ivoire);line-height:1.5}
  .liste-coche li:last-child{border-bottom:0}
  .liste-coche li::before{content:"";position:absolute;left:2px;top:20px;width:11px;height:6px;border-left:2px solid var(--vert);border-bottom:2px solid var(--vert);transform:rotate(-45deg)}

  /* ---------- Cadre / FAQ (accordéons) ---------- */
  .cadre-grille{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}
  @media(max-width:900px){.cadre-grille{grid-template-columns:1fr;gap:24px}}
  .acc details{border-bottom:1px solid var(--trait)}
  .acc details:first-child{border-top:1px solid var(--trait)}
  .acc summary{cursor:pointer;list-style:none;position:relative;padding:22px 44px 22px 0;font-family:var(--serif);font-size:19px;font-weight:500;line-height:1.3}
  .acc summary::-webkit-details-marker{display:none}
  .acc summary::after{content:"";position:absolute;right:8px;top:30px;width:10px;height:10px;border-right:1.5px solid var(--laiton-clair);border-bottom:1.5px solid var(--laiton-clair);transform:rotate(45deg);transition:transform .25s}
  .acc details[open] summary::after{transform:rotate(-135deg)}
  .acc .rep{padding:0 0 22px;max-width:70ch;color:var(--brume);font-size:16px}
  .acc .rep p{margin-bottom:.8em}
  .doc-liste{list-style:none;margin:8px 0 12px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 22px}
  @media(max-width:600px){.doc-liste{grid-template-columns:1fr}}
  .doc-liste li{position:relative;padding:5px 0 5px 16px;font-size:15px}
  .doc-liste li::before{content:"—";position:absolute;left:0;color:var(--laiton-clair)}
  .faq{max-width:860px}

  /* ---------- À propos / vérification ---------- */
  .apropos p,.verif p{font-size:17px;color:var(--brume);max-width:68ch}
  .verif{padding:28px 30px}
  .verif h2{font-size:clamp(24px,3vw,32px);margin-bottom:16px}

  /* ---------- Contact ---------- */
  .contact{position:relative;padding:110px 0;overflow:hidden;background:radial-gradient(800px 420px at 20% 20%,rgba(61,123,253,.16),transparent 60%),var(--nuit)}
  .contact .zone{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:start}
  @media(max-width:880px){.contact .zone{grid-template-columns:1fr;gap:36px}.contact{padding:72px 0}}
  .contact h2{font-size:clamp(30px,4vw,48px);max-width:16ch}
  .contact .intro{margin-top:20px;font-size:17.5px;color:var(--brume);max-width:44ch}
  .contact .btn{margin-top:26px}
  .coord{padding:6px 24px}
  .coord .li{padding:16px 0;border-bottom:1px solid var(--trait)}
  .coord .li:last-child{border-bottom:0}
  .coord .et{font-size:12.5px;color:var(--brume-2);margin-bottom:3px}
  .coord .va{font-size:16px;color:var(--ivoire)}
  .coord .va a{color:var(--ivoire)}

  /* ---------- Pied ---------- */
  .pied{border-top:1px solid var(--trait);padding:40px 0 46px;font-size:13.5px;color:var(--brume-2);background:var(--nuit)}
  .pied-avis{max-width:82ch;line-height:1.6;margin-bottom:22px}
  .pied-bas{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
  .pied-bas nav{display:flex;gap:24px;flex-wrap:wrap}
  .pied-bas a{color:var(--brume-2);text-decoration:none}
  .pied-bas a:hover{color:var(--ivoire)}
  .sources{margin-top:18px;font-size:12px;opacity:.85}
  .sources a{color:var(--brume-2)}

  /* ---------- Apparition ---------- */
  .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
  .reveal.vu{opacity:1;transform:none}
  @media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.kicker .puce,.mon-etat i{animation:none}.coeur-ligne path{stroke-dashoffset:0}}

  /* ---------- Retour en haut ---------- */
  .haut-btn{position:fixed;right:20px;bottom:20px;z-index:90;width:44px;height:44px;border-radius:12px;border:1px solid var(--trait-2);background:rgba(12,19,34,.85);color:var(--ivoire);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .25s,background .2s;backdrop-filter:blur(8px)}
  .haut-btn.on{opacity:1;visibility:visible;transform:none}
  .haut-btn.cache{opacity:0;visibility:hidden}
  .haut-btn:hover{background:var(--laiton)}
  .haut-btn svg{width:19px;height:19px}
  @media(max-width:680px){.haut-btn{right:12px;bottom:12px;width:38px;height:38px}}

  /* ---------- Popups (rendez-vous + scan) ---------- */
  .rdv-overlay{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(4,7,14,.74);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
  .rdv-overlay.ouvert{display:flex}
  .rdv{position:relative;width:100%;max-width:920px;max-height:92vh;overflow:auto;background:var(--nuit-3);border:1px solid var(--trait-2);border-radius:16px;display:grid;grid-template-columns:.9fr 1.1fr}
  @media(max-width:760px){.rdv{grid-template-columns:1fr}}
  .rdv-info{padding:34px 30px;background:radial-gradient(560px 300px at 20% 0%,rgba(61,123,253,.18),transparent 60%),var(--nuit);border-right:1px solid var(--trait)}
  @media(max-width:760px){.rdv-info{border-right:0;border-bottom:1px solid var(--trait);padding:26px 22px}}
  .rdv-info .eb{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--laiton-clair);margin-bottom:12px}
  .rdv-info h3{font-size:25px;line-height:1.15;margin-bottom:12px;padding-right:36px}
  .rdv-info p{font-size:15px;color:var(--brume)}
  .rdv-info ul{list-style:none;margin:18px 0 0;padding:0}
  .rdv-info li{font-size:14.5px;padding:6px 0 6px 20px;position:relative}
  .rdv-info li::before{content:"";position:absolute;left:0;top:13px;width:7px;height:7px;border-radius:50%;background:var(--laiton)}
  .rdv-corps{padding:28px 28px 32px}
  .rdv-fermer{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;border:1px solid var(--trait-2);background:transparent;color:var(--ivoire);font-size:20px;cursor:pointer;z-index:2}
  .rdv-fermer:hover{background:rgba(255,255,255,.08)}
  .rdv-champs{display:grid;grid-template-columns:1fr;gap:12px}
  .rdv-champs label{display:block;font-size:12.5px;color:var(--brume-2);margin-bottom:5px}
  .rdv-champs input{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--trait-2);border-radius:9px;color:var(--ivoire);font-family:var(--sans);font-size:16px;padding:11px 12px}
  .rdv-champs input:focus{outline:none;border-color:var(--laiton);box-shadow:0 0 0 3px rgba(61,123,253,.22)}
  .rdv-erreur{color:var(--rouge);font-size:13.5px;margin-top:12px;min-height:1em}
  .rdv-actions{margin-top:14px}
  .rdv-tel{font-size:14px;color:var(--brume-2)} .rdv-tel a{color:var(--laiton-clair)}
  .scan-form .btn{width:100%}
  .scan-mention{margin-top:14px;font-size:13px;color:var(--brume)} .scan-mention a{color:var(--laiton-clair)}
  .scan-piege{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
  .scan-ok{display:none;padding:26px 4px}
  .scan-ok h4{font-size:22px;margin-bottom:10px}
  .scan-ok p{color:var(--brume)}
  .scan-form.envoye .scan-champs-wrap{display:none}
  .scan-form.envoye .scan-ok{display:block}
  #scanOverlay .rdv{max-width:820px}
  @media(max-width:760px){#scanOverlay .rdv-info ul{display:none}#scanOverlay .rdv-info h3{font-size:22px}#scanOverlay .rdv-corps{padding:20px 22px 26px}}
  @media(prefers-reduced-motion:no-preference){.rdv-overlay.ouvert .rdv{animation:rdvIn .28s ease}}
  @keyframes rdvIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

  /* ---------- Version 3 ---------- */
  .heros h1{max-width:15ch}
  .heros-fort{margin-top:18px;font-size:19px;font-weight:600;color:var(--ivoire);max-width:44ch}
  .heros-txt{margin-top:14px;font-size:16.5px;line-height:1.6;color:var(--brume);max-width:52ch}
  .heros-txt p{margin-bottom:.7em}
  .heros-cle{margin-top:6px;font-size:16.5px;font-weight:600;color:var(--laiton-clair);max-width:52ch}
  .mon-note{display:block;padding:8px 18px 10px;border-top:1px solid var(--trait);font-size:11px;letter-spacing:.02em;color:rgba(164,176,197,.7);text-align:left;position:static}
  @media(max-width:680px){.heros-fort{font-size:17px}.heros-txt{font-size:15.5px}.heros-cle{font-size:15.5px}}

  .accroche{font-size:18px;font-weight:600;color:var(--ivoire);margin-top:-24px;margin-bottom:40px;max-width:62ch}
  .profils{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  @media(max-width:900px){.profils{grid-template-columns:1fr}}
  .profil{padding:28px 24px;position:relative;overflow:hidden}
  .profil::before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--laiton),var(--cyan),transparent)}
  .profil .ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(61,123,253,.12);border:1px solid rgba(111,161,255,.3);color:var(--laiton-clair);margin-bottom:18px}
  .profil .ic svg{width:22px;height:22px}
  .profil h3{font-size:19px;line-height:1.25;margin-bottom:10px}
  .profil p{font-size:15.5px;color:var(--brume);line-height:1.55}

  .etapes-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  @media(max-width:900px){.etapes-3{grid-template-columns:1fr}}
  .ec .obj{display:block;margin-top:14px;padding-top:14px;border-top:1px solid var(--trait);font-size:14.5px;font-weight:600;color:var(--ivoire)}
  .visible{margin-top:18px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:24px 28px}
  .visible .ic{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(52,211,153,.35);color:var(--vert)}
  .visible .ic svg{width:24px;height:24px}
  .visible h3{font-size:19px;margin-bottom:4px}
  .visible p{font-size:15.5px;color:var(--brume)}
  @media(max-width:760px){.visible{grid-template-columns:1fr;gap:14px;padding:22px}.visible .btn{width:100%}}

  .pouls-mots{text-align:center;font-family:var(--serif);font-size:clamp(18px,2.2vw,24px);font-weight:600;letter-spacing:-.01em;color:var(--ivoire);margin:0 auto 26px;max-width:40ch}
  .pouls-mots span{color:var(--cyan)}

  .regles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  @media(max-width:980px){.regles{grid-template-columns:1fr 1fr}}
  @media(max-width:600px){.regles{grid-template-columns:1fr}}
  .regle{padding:26px 22px}
  .regle .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(94,230,255,.08);border:1px solid rgba(94,230,255,.28);color:var(--cyan);margin-bottom:16px}
  .regle .ic svg{width:20px;height:20px}
  .regle h3{font-size:18px;margin-bottom:8px}
  .regle p{font-size:15px;color:var(--brume);line-height:1.55}

  .rapport{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
  @media(max-width:900px){.rapport{grid-template-columns:1fr;gap:26px}}
  .rapport-txt p{font-size:17px;color:var(--brume)}
  .rapport-txt .fort{color:var(--ivoire);font-weight:600}
  .liste-coche .titre-liste{padding:16px 0 6px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--laiton-clair);border-bottom:0}
  .liste-coche .titre-liste::before{display:none}

  .offres-4{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
  @media(max-width:860px){.offres-4{grid-template-columns:1fr}}
  .offre .sous{font-size:16px;font-weight:600;color:var(--ivoire);margin-bottom:12px}
  .offre .mandat{font-size:14.5px;font-weight:600;color:var(--laiton-clair)}

  .apropos .ambition{margin-top:26px;padding:22px 26px;font-size:17.5px;font-weight:600;color:var(--ivoire);max-width:70ch}

  .engs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  @media(max-width:900px){.engs{grid-template-columns:1fr 1fr}}
  @media(max-width:600px){.engs{grid-template-columns:1fr}}
  .eng{padding:24px 22px}
  .eng h3{font-size:17.5px;margin-bottom:8px;display:flex;gap:10px;align-items:flex-start}
  .eng h3::before{content:"";flex:none;margin-top:5px;width:11px;height:6px;border-left:2px solid var(--vert);border-bottom:2px solid var(--vert);transform:rotate(-45deg)}
  .eng p{font-size:15px;color:var(--brume)}

  .cta-final{text-align:center}
  .cta-final .zone{display:block!important;max-width:820px}
  .cta-final h2{margin:14px auto 0;max-width:20ch}
  .cta-final .intro{margin:18px auto 0;max-width:56ch}
  .cta-actions{margin-top:28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
  .cta-actions .btn{margin-top:0}
  .cta-note{margin-top:18px;font-size:14px;color:var(--brume-2)}
  .cta-mail{margin-top:8px;font-size:16px}
  .cta-mail a{color:var(--laiton-clair);text-decoration:none;font-weight:600}
  @media(max-width:600px){.cta-actions{flex-direction:column}.cta-actions a{width:100%}}

  .pied-marque{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ivoire);margin-bottom:18px}
  .pied-marque span{color:var(--laiton-clair)}

  /* ---------- Version 4 : visuels ---------- */
  .heros h1{max-width:14ch}
  .heros-cle{margin-top:14px}
  .sec{padding:96px 0}
  @media(max-width:680px){.sec{padding:64px 0}}
  .tete{margin-bottom:44px}
  .tete .sous-titre{display:block;margin-top:8px;color:var(--laiton-clair)}

  /* Profils */
  .profil{text-align:left}
  .profil p{font-size:15px}

  /* Pipeline Détecter → Bloquer → Corriger */
  .pipeline{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
  .pipeline::before{content:"";position:absolute;top:44px;left:16.6%;right:16.6%;height:2px;
    background:linear-gradient(90deg,var(--laiton),var(--rouge) 50%,var(--vert));opacity:.55}
  .pipeline .flux{position:absolute;top:39px;left:16.6%;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 14px 4px rgba(94,230,255,.7);opacity:0}
  .pipeline.vu .flux{animation:flux 3.2s cubic-bezier(.6,0,.4,1) infinite}
  @keyframes flux{0%{left:16.6%;opacity:0}8%{opacity:1}50%{background:#fff}92%{opacity:1}100%{left:calc(83.4% - 12px);opacity:0}}
  .noeud{position:relative;text-align:center;padding:0 6px}
  .noeud .rond{width:90px;height:90px;margin:0 auto 22px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.08),rgba(12,19,34,.95));border:1px solid var(--trait-2);position:relative;z-index:1}
  .noeud .rond::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid currentColor;opacity:.25}
  .noeud .rond svg{width:36px;height:36px}
  .n-det{color:var(--cyan)}.n-blo{color:var(--rouge)}.n-cor{color:var(--vert)}
  .noeud .num{display:block;font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--brume-2);margin-bottom:6px}
  .noeud h3{font-size:21px;margin-bottom:10px;color:var(--ivoire)}
  .noeud p{font-size:15px;color:var(--brume);line-height:1.55;max-width:32ch;margin:0 auto}
  @media(max-width:820px){
    .pipeline{grid-template-columns:1fr;gap:34px}
    .pipeline::before{top:44px;bottom:44px;left:44px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,var(--laiton),var(--rouge) 50%,var(--vert))}
    .pipeline .flux{display:none}
    .noeud{display:grid;grid-template-columns:90px 1fr;gap:20px;text-align:left;align-items:center}
    .noeud .rond{margin:0}
    .noeud p{margin:0}
  }
  .devise{margin:54px auto 0;text-align:center;font-family:var(--serif);font-size:clamp(20px,2.6vw,30px);font-weight:600;letter-spacing:-.01em;color:var(--ivoire)}
  .devise span{color:var(--cyan)}
  .duo{margin-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
  @media(max-width:820px){.duo{grid-template-columns:1fr}}
  .duo > div{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:22px 24px}
  .duo .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid currentColor}
  .duo .ic svg{width:22px;height:22px}
  .duo h3{font-size:17.5px;margin-bottom:4px}
  .duo p{font-size:14.5px;color:var(--brume)}
  .centre-btn{margin-top:30px;text-align:center}

  /* Tableau de bord (maquette) */
  .rapport{grid-template-columns:.85fr 1.15fr;align-items:center}
  .dash{border-radius:16px;border:1px solid var(--trait-2);background:linear-gradient(180deg,rgba(17,26,46,.95),rgba(9,14,26,.95));overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.4),0 0 50px rgba(61,123,253,.10)}
  .dash-barre{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--trait);font-size:12px;color:var(--brume-2)}
  .dash-barre i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.15)}
  .dash-barre span{margin-left:8px;letter-spacing:.08em;text-transform:uppercase}
  .dash-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--trait)}
  @media(max-width:560px){.dash-grille{grid-template-columns:1fr 1fr}}
  .w{background:rgba(10,15,28,.96);padding:16px 16px 18px;min-height:118px}
  .w .lab{display:block;font-size:11.5px;color:var(--brume-2);line-height:1.35;margin-bottom:10px}
  .w .val{font-family:var(--serif);font-size:22px;font-weight:600;color:#fff}
  .w .ok{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--vert)}
  .w .ok i{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pouls 1.6s ease-out infinite}
  .w svg{display:block;width:100%;height:34px;margin-top:6px}
  .barres{display:flex;align-items:flex-end;gap:4px;height:34px;margin-top:6px}
  .barres b{flex:1;background:linear-gradient(180deg,var(--rouge),rgba(248,113,113,.25));border-radius:2px}
  .jauge{height:6px;border-radius:6px;background:rgba(255,255,255,.08);margin-top:12px;overflow:hidden}
  .jauge b{display:block;height:100%;width:78%;background:linear-gradient(90deg,var(--laiton),var(--vert));border-radius:6px}
  .w .petit{display:block;margin-top:6px;font-size:11.5px;color:var(--brume-2)}
  .w .lignes div{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--brume);padding:3px 0}
  .w .lignes i{width:7px;height:7px;border-radius:50%;flex:none}
  .dash-note{padding:9px 16px;border-top:1px solid var(--trait);font-size:11px;color:rgba(164,176,197,.7)}
  .option{display:inline-block;margin-top:14px;padding:7px 12px;border-radius:999px;border:1px solid rgba(111,161,255,.4);font-size:13px;font-weight:600;color:var(--laiton-clair)}

  /* Frise accompagnement */
  .frise{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}
  .frise::before{content:"";position:absolute;top:27px;left:28px;right:28px;height:2px;background:linear-gradient(90deg,var(--laiton),var(--cyan));opacity:.45}
  @media(max-width:980px){.frise{grid-template-columns:1fr 1fr}.frise::before{display:none}}
  @media(max-width:600px){.frise{grid-template-columns:1fr}}
  .etape-t{position:relative;display:flex;flex-direction:column}
  .etape-t .pastille{position:relative;z-index:1;width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;
    font-family:var(--serif);font-size:20px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--laiton),#2b5fd6);box-shadow:0 8px 24px rgba(61,123,253,.35);margin-bottom:20px}
  .etape-t.fin .pastille{background:linear-gradient(135deg,#1fb6d6,var(--laiton));box-shadow:0 8px 28px rgba(94,230,255,.4)}
  .etape-t .carte{flex:1;display:flex;flex-direction:column;padding:22px 20px}
  .etape-t h3{font-size:19px;margin-bottom:6px}
  .etape-t .sous{font-size:14.5px;font-weight:600;color:var(--laiton-clair);margin-bottom:12px}
  .etape-t p{font-size:14.5px;color:var(--brume);line-height:1.5}
  .etape-t .tag{display:inline-block;margin-top:12px;font-size:12.5px;font-weight:600;color:var(--vert)}
  .etape-t .btn{margin-top:auto;padding:11px 16px;font-size:14.5px}
  .etape-t .espace{flex:1;min-height:14px}
  .etape-t .mini{font-size:12px;color:var(--brume-2);margin-top:8px}

  /* Équipe + engagements */
  .equipe{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
  @media(max-width:900px){.equipe{grid-template-columns:1fr;gap:30px}}
  .equipe p{font-size:16.5px;color:var(--brume)}
  .quote{margin-top:24px;padding:24px 26px;border-left:3px solid var(--laiton);font-family:var(--serif);font-size:18px;font-weight:500;line-height:1.45;color:var(--ivoire)}
  .engs-t{font-size:20px;margin-bottom:16px}
  .engs{grid-template-columns:1fr;gap:10px}
  .eng{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:16px 18px}
  .eng .ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(52,211,153,.10);border:1px solid rgba(52,211,153,.3);color:var(--vert)}
  .eng .ic svg{width:18px;height:18px}
  .eng h3{font-size:16px;margin-bottom:2px}
  .eng h3::before{display:none}
  .eng p{font-size:14px}

  .verif{padding:22px 26px}
  .verif h2{font-size:20px;margin-bottom:8px}
  .verif p{font-size:15px}

  @media(max-width:680px){
    .heros .zone > div:first-child{display:flex;flex-direction:column}
    .heros-fort{order:3}.heros-cle{order:6}.heros-reassure{order:7}
  }
  @media(min-width:681px){.heros{padding:120px 0 80px}.heros h1{font-size:clamp(34px,4vw,50px)}.heros-txt{font-size:16px}.heros-actions{margin-top:24px}}
  @media(max-width:900px){.rapport{grid-template-columns:1fr}.regles{gap:12px}.regle{padding:20px}.profils{gap:12px}}
  @media(max-width:600px){.regles{grid-template-columns:1fr 1fr}.regle .ic{margin-bottom:10px}.regle h3{font-size:15.5px}.regle p{font-size:13.5px}}
  @media(max-width:600px){.etape-t .pastille{width:42px;height:42px;font-size:17px;border-radius:12px;margin-bottom:-21px;margin-left:18px}.etape-t .carte{padding-top:30px}}
  /* Équipe */
  .team-tete{margin-bottom:34px}
  .team-top{display:grid;grid-template-columns:repeat(3,240px);gap:24px;justify-content:center}
  @media(max-width:860px){.team-top{grid-template-columns:repeat(3,1fr);gap:16px}}
  #equipe .tete{margin-left:auto;margin-right:auto;text-align:center}
  .flipc{perspective:1200px}
  .flipc:focus-visible{outline:2px solid var(--laiton-clair);outline-offset:6px;border-radius:16px}
  .flipc-in{position:relative;width:100%;aspect-ratio:4/5;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.45,.05,.25,1)}
  .flipc.tourne .flipc-in{transform:rotateY(180deg)}
  .face{position:absolute;inset:0;border-radius:16px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid var(--trait-2)}
  .face-av{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;
    background:radial-gradient(220px 200px at 50% 30%,rgba(61,123,253,.35),transparent 70%),linear-gradient(180deg,#111a2e,#070b15)}
  .face-av .grille{opacity:.9}
  .face-av .anneau{position:relative;width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px;
    border:1px solid rgba(111,161,255,.45);box-shadow:0 0 30px rgba(61,123,253,.35)}
  .face-av .anneau::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px dashed rgba(94,230,255,.35);animation:tourneAnneau 14s linear infinite}
  @keyframes tourneAnneau{to{transform:rotate(360deg)}}
  .face-av .anneau span{font-family:var(--serif);font-size:30px;font-weight:600;color:#fff}
  .face-av .nom{font-family:var(--serif);font-size:24px;font-weight:600;color:#fff;position:relative}
  .face-av .role{margin-top:10px;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(61,123,253,.85);padding:5px 10px;border-radius:999px;position:relative}
  .face-av .indice{position:absolute;bottom:14px;left:0;right:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--brume-2)}
  .face-ar{transform:rotateY(180deg);background:#1a2236}
  .face-ar img{width:100%;height:100%;object-fit:cover;display:block}
  .face-ar::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(7,11,21,.9))}
  .face-ar .id{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;z-index:1}
  .face-ar .nom{display:block;font-family:var(--serif);font-size:18px;font-weight:600;color:#fff}
  .face-ar .role{display:inline-block;margin-top:6px;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(61,123,253,.85);padding:4px 9px;border-radius:999px}
  @media(max-width:560px){.team-top{grid-template-columns:repeat(2,1fr);gap:12px}.team-top .flipc:nth-child(3){grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}.face-av .anneau{width:66px;height:66px;margin-bottom:12px}.face-av .anneau span{font-size:22px}.face-av .nom{font-size:18px}.face-av .role{font-size:9.5px}.face-av .indice{display:none}}
  @media(prefers-reduced-motion:reduce){.flipc-in{transition:none}.face-av .anneau::after{animation:none}}
  .team-bas{margin:22px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:960px}
  .mini-membre{display:flex;align-items:center;gap:14px;padding:16px 18px}
  .initiales{flex:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:600;font-size:16px;color:#fff;background:linear-gradient(135deg,var(--laiton),#1fb6d6)}
  .mini-membre b{display:block;font-family:var(--serif);font-size:16px;font-weight:600;color:var(--ivoire)}
  .mini-membre span{display:block;font-size:13.5px;color:var(--brume);margin-top:2px}
  @media(max-width:760px){.team-bas{grid-template-columns:1fr}}
  /* Héros classique + moniteur dans Sentinel */
  .heros-classique h1{font-size:clamp(32px,3.6vw,48px);line-height:1.1;max-width:21ch;margin-top:0}
  .heros-classique .heros-sous{margin-top:26px;font-size:18.5px;color:var(--brume);max-width:46ch}
  .heros-compl{margin-top:16px;font-size:16px;line-height:1.55;color:var(--brume-2);max-width:46ch}
  .heros-classique .heros-actions{margin-top:30px}
  .media{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--trait-2);background:var(--nuit-2);box-shadow:0 30px 70px rgba(0,0,0,.4)}
  .media img{display:block;width:100%;height:100%;object-fit:cover}
  .media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,11,21,.05),rgba(7,11,21,.45))}
  .hero-media{min-height:460px;height:100%}
  @media(max-width:980px){.hero-media{min-height:260px}}
  @media(max-width:680px){.heros-classique h1{font-size:29px;line-height:1.15}.heros-classique .heros-sous{font-size:16px;margin-top:14px}.heros-compl{font-size:14.5px}.heros-classique .heros-actions{margin-top:20px}.hero-media{min-height:200px}}
  .sentinel-haut{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:56px}
  .sentinel-haut .tete{margin-bottom:0}
  .sentinel-btns{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}
  @media(max-width:980px){.sentinel-haut{grid-template-columns:1fr;gap:36px;margin-bottom:40px}}
  @media(max-width:600px){.sentinel-btns{flex-direction:column}.sentinel-btns a{width:100%}}
  .nav{gap:24px}
  @media(max-width:1100px){.nav{gap:18px}.nav a{font-size:13.5px}}
  .trio{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:stretch}
  .trio-e{display:flex;align-items:center;gap:16px;padding:20px 22px}
  .trio-ic{flex:none;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;border:1px solid currentColor;background:rgba(255,255,255,.03)}
  .trio-ic svg{width:24px;height:24px}
  .trio-n{display:block;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--brume-2);margin-bottom:4px}
  .trio-e h3{font-size:17px;line-height:1.3}
  .trio-fl{align-self:center;font-size:22px;color:var(--laiton-clair)}
  .phare-t{border-color:rgba(111,161,255,.45);box-shadow:0 0 40px rgba(61,123,253,.15)}
  .trio-res{margin:18px 0 44px;text-align:center;font-family:var(--serif);font-size:clamp(18px,2.2vw,24px);font-weight:600;color:var(--ivoire)}
  @media(max-width:900px){.trio{grid-template-columns:1fr}.trio-fl{transform:rotate(90deg);justify-self:center;line-height:1}}
  /* Fonctionnement : titre fixe, étapes qui défilent */
  .fx{overflow:clip}
  .fx-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
  .fx-fixe{position:sticky;top:110px}
  .fx-fixe h2{margin-top:14px;font-size:clamp(30px,3.6vw,46px)}
  .fx-fixe .sous-titre{display:block;margin-top:8px;color:var(--laiton-clair)}
  .fx-prog{display:flex;gap:8px;margin:24px 0}
  .fx-prog i{height:4px;flex:1;max-width:70px;border-radius:4px;background:rgba(111,161,255,.18);transition:background .5s}
  .fx-prog i.on{background:linear-gradient(90deg,var(--laiton),var(--cyan))}
  .fx-visuel{position:relative;aspect-ratio:4/3;border-radius:22px;overflow:hidden;border:1px solid rgba(111,161,255,.25);background:#0c1322;box-shadow:0 30px 80px -30px rgba(61,123,253,.45)}
  .fx-visuel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,21,0) 45%,rgba(7,11,21,.85));pointer-events:none}
  .fx-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .8s,transform 1.4s}
  .fx-img.on{opacity:1;transform:none}
  .fx-badge{position:absolute;left:18px;bottom:16px;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;background:rgba(7,11,21,.7);backdrop-filter:blur(8px);border:1px solid rgba(94,230,255,.35);font-size:13px;color:var(--brume)}
  .fx-badge i{width:8px;height:8px;border-radius:50%;background:var(--vert);box-shadow:0 0 10px var(--vert)}
  .fx-badge b{color:#fff;font-weight:600}.fx-badge em{font-style:normal;color:var(--cyan)}
  .fx-defile{padding:6vh 0 0}
  .fx-etape{min-height:62vh;display:flex;flex-direction:column;justify-content:center;opacity:.18;transform:translateY(40px);transition:opacity .7s,transform .7s cubic-bezier(.22,.61,.36,1)}
  .fx-etape.vu{opacity:.45;transform:none}
  .fx-etape.actif{opacity:1}
  .fx-etape .rond{position:relative;width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:rgba(12,19,34,.8);border:1px solid currentColor}
  .fx-etape .rond svg{width:30px;height:30px}
  .fx-etape .n-det{color:var(--cyan)}.fx-etape .n-blo{color:var(--rouge)}.fx-etape .n-cor{color:var(--vert)}
  .fx-etape .num{font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--brume-2);margin-bottom:8px}
  .fx-etape h3{font-size:clamp(24px,2.6vw,32px);color:var(--ivoire);margin-bottom:14px}
  .fx-etape p{font-size:17px;color:var(--brume);line-height:1.6;max-width:40ch}
  .fx-photo{display:none}
  .fx-fin{padding:4vh 0 8vh}
  .fx-fin .devise{margin:0;text-align:left}
  .fx-fin .centre-btn{text-align:left}
  @media(max-width:900px){
    .fx-grille{grid-template-columns:1fr;gap:0}
    .fx-fixe{top:68px;z-index:3;padding:14px 0 10px;margin:0 -20px;padding-left:20px;padding-right:20px;background:linear-gradient(180deg,var(--nuit-2) 82%,rgba(7,11,21,0))}
    .fx-fixe h2{font-size:clamp(24px,6.4vw,32px);margin-top:8px}
    .fx-fixe .sous-titre{font-size:.7em}
    .fx-prog{margin:14px 0 4px}
    .fx-visuel{display:none}
    .fx-defile{padding-top:10px}
    .fx-etape{min-height:auto;padding:34px 0}
    .fx-photo{display:block;border-radius:16px;overflow:hidden;aspect-ratio:16/9;margin-bottom:-36px;border:1px solid rgba(111,161,255,.2)}
    .fx-photo img{width:100%;height:100%;object-fit:cover}
    .fx-etape .rond{margin-left:16px;z-index:1}
    .fx-fin{padding:20px 0 0}
  }
  @media(prefers-reduced-motion:reduce){.fx-etape{opacity:1;transform:none;transition:none}.fx-img{transition:none}}
  /* Offres : visuels */
  .etape-t .couv{margin:-22px -20px 18px;height:130px;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden;position:relative;background:#0c1322}
  .etape-t .couv img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .8s}
  .etape-t .carte:hover .couv img{transform:scale(1.05)}
  .etape-t .couv::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,21,0) 40%,rgba(7,11,21,.6))}
  .couv-sentinel{background:radial-gradient(circle at 50% 60%,rgba(61,123,253,.35),#0c1322 70%)!important}
  .couv-sentinel svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 6px rgba(94,230,255,.8))}
  .couv-sentinel span{position:absolute;left:14px;bottom:10px;z-index:1;font-size:12px;font-weight:600;color:#fff;display:inline-flex;align-items:center;gap:6px}
  .couv-sentinel span i{width:7px;height:7px;border-radius:50%;background:var(--vert);box-shadow:0 0 8px var(--vert)}
  @media(max-width:600px){.etape-t .couv{margin-top:-30px}}
  .apropos-img{margin:26px 0 0;border-radius:20px;overflow:hidden;aspect-ratio:16/10;border:1px solid rgba(111,161,255,.2);background:#0c1322}
  .apropos-img img{width:100%;height:100%;object-fit:cover}
  /* Équipe dédiée */
  .team-dediee{position:relative;margin:22px auto 0;max-width:960px;height:200px;border-radius:20px;overflow:hidden;border:1px solid rgba(111,161,255,.25);background:#0c1322}
  .team-dediee img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
  .team-dediee::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,21,.92) 25%,rgba(7,11,21,.2))}
  .td-txt{position:relative;z-index:1;height:100%;display:flex;align-items:center;gap:18px;padding:0 32px}
  .td-ic{width:54px;height:54px;flex:none;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--cyan);border:1px solid rgba(94,230,255,.45);background:rgba(94,230,255,.08)}
  .td-ic svg{width:26px;height:26px}
  .td-txt b{font-family:var(--serif);font-size:clamp(20px,2.4vw,28px);font-weight:600;color:var(--ivoire);letter-spacing:-.01em}
  /* Profils : cartes qui se retournent une fois */
  .pflip{padding:0;perspective:1200px;overflow:visible;display:flex}
  .pflip .pf-in{flex:1}
  @media(max-width:900px){.pf-in{min-height:190px}}
  .pflip::before{display:none}
  .pf-in{display:grid;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.45,.05,.25,1);min-height:230px}
  .pflip.tourne .pf-in{transform:rotateY(180deg)}
  .pf-face{grid-area:1/1;position:relative;overflow:hidden;padding:28px 24px;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;border-radius:18px}
  .pf-face::before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--laiton),var(--cyan),transparent)}
  .pf-av{justify-content:center}
  .pf-av .ic{animation:pfPulse 2.4s ease-in-out infinite}
  @keyframes pfPulse{0%,100%{box-shadow:0 0 0 0 rgba(94,230,255,.35)}50%{box-shadow:0 0 0 10px rgba(94,230,255,0)}}
  .pf-av h3{font-size:21px;margin-bottom:16px}
  .pf-indice{margin-top:auto;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--cyan)}
  .pf-indice i{font-style:normal;display:inline-block;animation:pfFl 1.2s ease-in-out infinite}
  @keyframes pfFl{50%{transform:translateX(5px)}}
  .pf-ar{transform:rotateY(180deg);background:linear-gradient(160deg,rgba(61,123,253,.22),rgba(12,19,34,.92) 60%)!important;border-color:rgba(94,230,255,.35)!important}
  .pf-q{font-family:var(--serif);font-size:14px;font-weight:600;color:var(--laiton-clair);margin-bottom:12px;opacity:0;transform:translateY(8px);transition:opacity .5s .9s,transform .5s .9s}
  .pf-rep{font-family:var(--serif);font-size:18px!important;font-weight:500;line-height:1.45!important;color:var(--ivoire)!important}
  .pf-rep .m{display:inline-block;opacity:0;filter:blur(6px);transform:translateY(10px);transition:opacity .45s,filter .45s,transform .45s}
  .pflip.tourne .pf-q{opacity:1;transform:none}
  .pflip.tourne .pf-rep .m{opacity:1;filter:none;transform:none}
  @media(prefers-reduced-motion:reduce){.pf-in{transition:none}.pf-av .ic,.pf-indice i{animation:none}.pf-q,.pf-rep .m{transition:none}}
  /* Fonctionnement : tient dans l'écran */
  .fx{padding-bottom:120px}
  .fx-grille{gap:72px}
  .fx-fixe{top:104px;height:calc(100vh - 140px);max-height:760px;display:flex;flex-direction:column}
  .fx-fixe h2{font-size:clamp(28px,3vw,40px)}
  .fx-fixe h2 .sous-titre{font-size:.62em;margin-top:10px}
  .fx-prog{margin:20px 0 22px}
  .fx-visuel{aspect-ratio:auto;flex:1;min-height:200px;max-height:440px}
  .fx-defile{padding:0}
  .fx-etape{min-height:calc(100vh - 140px);max-height:760px;padding:0 8px 0 28px;border-left:2px solid rgba(111,161,255,.15);transition:opacity .7s,transform .7s cubic-bezier(.22,.61,.36,1),border-color .5s}
  .fx-etape.actif{border-left-color:var(--cyan)}
  .fx-fin{min-height:40vh;display:flex;flex-direction:column;justify-content:center;padding:0 8px 0 30px}
  @media(max-width:900px){
    .fx{padding-bottom:72px}
    .fx-fixe{height:auto;max-height:none;top:68px}
    .fx-etape{min-height:auto;max-height:none;padding:30px 0;border-left:0}
    .fx-fin{min-height:0;padding:20px 0 0}
  }
  /* À propos : deux colonnes alignées en haut et en bas */
  #apropos .equipe{align-items:stretch;gap:56px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  #apropos .equipe > div{min-width:0}
  #apropos .eng .ic{flex:none}
  #apropos .equipe > div:first-child{display:flex;flex-direction:column}
  #apropos .apropos-img{aspect-ratio:auto;flex:1;min-height:240px;margin-top:22px}
  #apropos #engagements{display:flex;flex-direction:column}
  #apropos .engs-t{margin-top:14px;font-size:clamp(28px,3.6vw,42px);line-height:1.12;margin-bottom:18px}
  #apropos .engs{flex:1;display:grid;grid-template-columns:1fr;gap:12px;grid-auto-rows:1fr}
  #apropos .eng{display:flex;align-items:center;gap:16px;padding:16px 20px}
  #apropos .eng > div:last-child h3{margin-bottom:4px}
  @media(max-width:900px){#apropos .equipe{grid-template-columns:minmax(0,1fr)}#apropos .engs{grid-auto-rows:auto}#apropos .apropos-img{aspect-ratio:16/10;flex:none}}
  /* Images cadrées : l'image ne peut jamais dépasser son cadre (Safari iOS) */
  .apropos-img,.fx-photo{position:relative;overflow:hidden;max-width:100%}
  .etape-t .couv{position:relative;overflow:hidden}
  .apropos-img img,.fx-photo img,.etape-t .couv img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;display:block}
  @media(max-width:900px){#apropos .apropos-img{width:100%;height:auto;min-height:0;aspect-ratio:16/10;flex:none}}
  @supports not (aspect-ratio:1){@media(max-width:900px){#apropos .apropos-img{height:0;padding-bottom:62.5%}}}
  .pied-legal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 28px;padding:22px 0;margin-bottom:22px;border-top:1px solid var(--trait);border-bottom:1px solid var(--trait)}
  .pied-legal b{display:block;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--laiton-clair);margin-bottom:4px}
  .pied-legal span{display:block;color:var(--brume);font-size:13.5px;line-height:1.5}
  .pied-legal a{color:var(--brume);text-decoration:none}.pied-legal a:hover{color:var(--ivoire)}
  @media(max-width:900px){.pied-legal{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){.pied-legal{grid-template-columns:1fr}}
  @media(max-width:560px){.face-ar .role,.face-av .role{font-size:9px;letter-spacing:.05em;border-radius:8px;line-height:1.35;padding:4px 7px}.face-ar .nom{font-size:16px!important;line-height:1.15}}
  .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  @media(max-width:880px){.nav .prendre{padding:8px 12px;font-size:13.5px}}

.rdv-iframe{display:block;width:100%;height:100%;border:0;border-radius:12px;background:transparent}

/* Styles déplacés depuis les attributs style="" (CSP stricte) */
.is-1{min-width:300px !important;height:600px !important}
.is-2{margin-top:12px !important}
.is-3{margin-top:14px !important;font-size:clamp(28px,3.6vw,42px) !important}
.is-4{margin-top:18px !important}
.is-5{height:40% !important}
.is-6{height:65% !important}
.is-7{height:30% !important}
.is-8{height:85% !important}
.is-9{height:50% !important}
.is-10{height:70% !important}
.is-11{height:45% !important}
.is-12{background:var(--ambre) !important}
.is-13{background:var(--vert) !important}
.is-14{margin-bottom:22px !important}
.is-15{margin:0 !important}