/* MeetYourSchool Pro v3 : charte visa-j1 (Poppins + DM Sans, boutons pilule, en-tête flottant, mosaïque)
   avec le bleu MYS Pro. Une couleur par étape du parcours étudiant, utilisée partout de la même façon. */
:root{
  --ink:#16151a;--ink-2:#2c2b31;--night:#0e0d12;--night-2:#17161d;--muted:#6a6874;--muted-2:#8d8b97;
  --line:#e2e0e8;--line-2:#eeedf5;--mist:#f4f4f8;--paper:#fff;
  --blue:#3B57E0;--blue-deep:#2A3FB0;--blue-soft:#EEF1FF;--blue-glow:#5F7AFF;
  /* les 5 étapes du parcours */
  --attirer:#FF6B5B;--selectionner:#3B57E0;--former:#0E9F8A;--inserer:#E08A00;--fideliser:#D6246E;
  --attirer-t:#E5503F;--selectionner-t:#3B57E0;--former-t:#0B806F;--inserer-t:#B06A00;--fideliser-t:#D6246E;
  --attirer-i:#C43D2C;--selectionner-i:#3B57E0;--former-i:#087060;--inserer-i:#955A00;--fideliser-i:#B81F5E;
  --attirer-soft:#FFF0EE;--selectionner-soft:#EEF1FF;--former-soft:#E6F6F3;--inserer-soft:#FDF3E1;--fideliser-soft:#FCE9F1;
  --r-xl:28px;--r-lg:20px;--r-md:14px;--r-sm:10px;
  --shadow-window:0 30px 80px -20px rgba(30,25,70,.28),0 8px 24px -8px rgba(30,25,70,.12);
  --shadow-chip:0 12px 30px -8px rgba(30,25,70,.25);
  --wrap:1180px;--gutter:24px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
[id]{scroll-margin-top:110px}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
body{margin:0;font-family:'DM Sans',system-ui,sans-serif;font-size:17px;line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:'Poppins',sans-serif;font-weight:700;margin:0;letter-spacing:-.025em;line-height:1.1}
p{margin:0}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.evitement{position:absolute;left:-9999px;top:8px;z-index:300;background:var(--ink);color:#fff;padding:10px 16px;border-radius:999px;font-weight:600}
.evitement:focus{left:16px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
section{position:relative}

/* ---------- Typographie ---------- */
.eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.eyebrow.on-dark{color:var(--blue-glow)}
.h-display{font-size:clamp(40px,5.6vw,72px);line-height:1.02;letter-spacing:-.035em}
.h-1{font-size:clamp(32px,3.9vw,52px);line-height:1.07;letter-spacing:-.03em}
.h-2{font-size:clamp(28px,3.3vw,42px);line-height:1.1}
.h-3{font-size:clamp(21px,2vw,26px);line-height:1.2;letter-spacing:-.02em}
.lead{font-size:clamp(17px,1.5vw,19.5px);color:#4a4954;line-height:1.6;max-width:62ch}
.on-dark .lead,.lead.on-dark{color:#b9b7c6}
.muted{color:var(--muted)}
.center{text-align:center}
.center .lead{margin-left:auto;margin-right:auto}
.sec{padding:120px 0}
.sec-sm{padding:80px 0}
.sec-head{max-width:900px;margin-bottom:56px}
.sec-head.center{margin-left:auto;margin-right:auto}
.sec-head .lead{margin-top:18px}

/* ---------- Boutons (charte : pilules noires + contour) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;border-radius:999px;font-weight:600;font-size:16px;line-height:1;border:1.5px solid transparent;cursor:pointer;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease,color .18s ease;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn .fl{transition:transform .18s ease}
.btn:hover .fl{transform:translateX(3px)}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{background:var(--ink-2);box-shadow:0 10px 24px -10px rgba(22,21,26,.6)}
.btn-line{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn-line:hover{background:#fff}
.btn-blue{background:var(--blue);color:#fff}
.btn-blue:hover{background:var(--blue-deep);box-shadow:0 12px 28px -10px rgba(59,87,224,.7)}
.btn-white{background:#fff;color:var(--ink)}
.btn-white:hover{box-shadow:0 12px 28px -10px rgba(0,0,0,.45)}
.btn-ghost-dark{border-color:rgba(255,255,255,.28);color:#fff}
.btn-ghost-dark:hover{background:rgba(255,255,255,.08)}
.btn-sm{padding:11px 18px;font-size:14.5px}
.lien{color:var(--blue);font-weight:600;display:inline-flex;gap:6px;align-items:center}
.lien:hover{text-decoration:underline;text-underline-offset:4px}

/* ---------- En-tête flottant ---------- */
.entete{position:sticky;top:14px;z-index:100;padding:0 var(--gutter);margin-top:14px;margin-bottom:-76px}
.nav{max-width:calc(var(--wrap) + 0px);margin:0 auto;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-radius:999px;box-shadow:0 10px 40px -12px rgba(30,25,60,.18),0 0 0 1px rgba(30,25,60,.04);display:flex;align-items:center;justify-content:space-between;padding:10px 10px 10px 26px;gap:16px;position:relative}
.logo{display:flex;align-items:center;gap:8px;font-family:'Poppins';font-weight:700;font-size:19px;letter-spacing:-.02em;white-space:nowrap}
.logo .etoile{color:var(--blue);font-size:15px}
.nav-liens{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.nav-liens>li>a,.nav-liens>li>button{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;font-size:15px;font-weight:500;background:none;border:0;cursor:pointer;color:var(--ink)}
.nav-liens>li>a:hover,.nav-liens>li>button:hover,.nav-liens>li>button[aria-expanded=true]{background:var(--mist)}
.nav-liens a[aria-current=page]{color:var(--blue)}
.nav-liens button svg{transition:transform .2s}
.nav-liens button[aria-expanded=true] svg{transform:rotate(180deg)}
.nav-actions{display:flex;align-items:center;gap:8px}
.nav-actions .lien-connexion{font-size:15px;font-weight:500;padding:9px 12px;border-radius:999px}
.nav-actions .lien-connexion:hover{background:var(--mist)}
.mega{display:none;position:absolute;left:0;right:0;top:calc(100% + 12px);background:#fff;border-radius:var(--r-xl);box-shadow:0 30px 80px -20px rgba(30,25,60,.3),0 0 0 1px rgba(30,25,60,.05);padding:26px;grid-template-columns:1.25fr 1fr;gap:26px}
.mega.ouvert{display:grid}
.mega::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.mega-titre{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px 12px}
.mega-etapes{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.mega-etape{display:flex;gap:12px;padding:12px;border-radius:var(--r-md);align-items:flex-start}
.mega-etape:hover{background:var(--mist)}
.mega-etape .pastille{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:16px}
.mega-etape b{display:block;font-size:15px;font-weight:600;line-height:1.3}
.mega-etape small{display:block;font-size:13.5px;color:var(--muted);line-height:1.4;margin-top:2px}
.mega-cote{background:var(--mist);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:6px}
.mega-cote a.l{display:flex;justify-content:space-between;padding:8px 10px;border-radius:10px;font-size:14.5px;font-weight:500}
.mega-cote a.l:hover{background:#fff}
.mega-promo{margin-top:auto;background:var(--ink);color:#fff;border-radius:var(--r-md);padding:16px;display:flex;gap:14px;align-items:center}
.mega-promo img{width:64px;height:48px;object-fit:cover;border-radius:8px}
.mega-promo b{font-size:14px;line-height:1.35;display:block}
.mega-promo small{color:#b9b7c6;font-size:12.5px}
.burger{display:none;width:44px;height:44px;border:0;border-radius:999px;background:var(--ink);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.burger span{display:block;width:16px;height:2px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded=true] span:nth-child(2){opacity:0}
.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.menu-mobile{display:none}
@media (max-width:1060px){
  .nav-liens,.nav-actions .lien-connexion{display:none}
  .burger{display:flex}
  .menu-mobile.ouvert{display:block;position:absolute;left:0;right:0;top:calc(100% + 10px);background:#fff;border-radius:var(--r-lg);box-shadow:0 30px 80px -20px rgba(30,25,60,.3);padding:14px;max-height:calc(100vh - 110px);overflow:auto}
  .menu-mobile a{display:flex;align-items:center;gap:10px;padding:12px 12px;border-radius:12px;font-weight:500}
  .menu-mobile a:hover{background:var(--mist)}
  .menu-mobile .mm-titre{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:12px 12px 4px}
  .menu-mobile .point{width:9px;height:9px;border-radius:50%}
  .menu-mobile .btn{width:100%;margin-top:10px}
}
@media (max-width:600px){.nav-actions .btn-ink{display:none}.nav{padding:8px 8px 8px 20px}.logo{font-size:17px}}

/* ---------- Héros de l'accueil ---------- */
.heros{padding:148px 0 40px;overflow:hidden}
.heros::before{content:"";position:absolute;inset:-200px 0 0;background:radial-gradient(60% 50% at 12% 18%,#EEF1FF 0%,rgba(238,241,255,0) 70%),radial-gradient(40% 40% at 90% 10%,#FCE9F1 0%,rgba(252,233,241,0) 70%);z-index:-1}
.heros-grille{display:grid;grid-template-columns:1.04fr 1fr;gap:40px;align-items:center}
.heros h1.h-display{font-size:clamp(38px,4.3vw,58px)}
.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:13.5px;font-weight:600;color:var(--blue)}
.badge .etoile{font-size:12px}
.heros h1{margin:22px 0 0}
.heros h1 .fixe{display:block}
.cycle{display:block;position:relative;height:2.1em;color:var(--ct,var(--blue));transition:color .5s ease}
.cycle span{position:absolute;left:0;top:0;opacity:0;transform:translateY(.35em);transition:opacity .45s ease,transform .45s ease}
.cycle span.actif{opacity:1;transform:none}
.heros .lead{margin-top:20px}
.heros-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.etapes-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}
.etape-pill{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:14px;font-weight:600;cursor:pointer;color:var(--ink);transition:border-color .2s,background-color .2s}
.etape-pill .point{width:8px;height:8px;border-radius:50%;background:var(--c)}
.etape-pill .jauge{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--c)}
.etape-pill.actif{border-color:var(--c);background:var(--cs)}
.etape-pill.actif .jauge{animation:jauge var(--duree,5s) linear forwards}
.heros.pause .etape-pill.actif .jauge{animation-play-state:paused}
@keyframes jauge{to{width:100%}}
.chiffres{display:flex;gap:44px;margin-top:40px;flex-wrap:wrap}
.chiffres b{display:block;font-family:'Poppins';font-size:30px;letter-spacing:-.03em;line-height:1}
.chiffres small{display:block;font-size:13.5px;color:var(--muted);margin-top:6px}

/* scène : mosaïque de photos (charte) + fenêtre produit vivante */
.scene{position:relative;height:600px}
.mosaique{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;opacity:.95}
.mosaique .col{display:flex;flex-direction:column;gap:10px}
.mosaique .col:nth-child(1){padding-top:46px}
.mosaique .col:nth-child(3){padding-top:22px}
.mosaique img{width:100%;object-fit:cover;border-radius:14px;box-shadow:0 6px 18px -8px rgba(20,20,40,.35)}
.mosaique .h1{height:150px}.mosaique .h2{height:190px}.mosaique .h3{height:240px}
.fenetre{position:absolute;background:#fff;border-radius:16px;box-shadow:var(--shadow-window);overflow:hidden;border:1px solid rgba(30,25,60,.08)}
.wrap>.fenetre{position:relative}
.fenetre-barre{height:34px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#f7f7fb;border-bottom:1px solid var(--line-2)}
.fenetre-barre i{width:10px;height:10px;border-radius:50%;background:#e2e0e8}
.fenetre-barre i:nth-child(1){background:#ff8a7d}.fenetre-barre i:nth-child(2){background:#ffc65c}.fenetre-barre i:nth-child(3){background:#5ed39b}
.fenetre-url{margin-left:10px;flex:1;max-width:330px;height:22px;border-radius:999px;background:#fff;border:1px solid var(--line-2);font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:6px;padding:0 10px;white-space:nowrap;overflow:hidden}
.fenetre-url svg{flex:none}
.fenetre-url b{color:var(--ink);font-weight:600}
.fenetre-corps{position:relative;background:#fff}
.fenetre-corps img{width:100%;height:auto}
.scene .fenetre{left:9%;right:-7%;top:104px}
.scene .fenetre-corps{aspect-ratio:1200/700}
.scene .fenetre-corps img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:top left;opacity:0;transition:opacity .6s ease}
.scene .fenetre-corps img.actif{opacity:1}
.puce-vivante{position:absolute;z-index:3;background:#fff;border-radius:16px;box-shadow:var(--shadow-chip);padding:12px 16px 12px 12px;display:flex;align-items:center;gap:12px;max-width:300px;border:1px solid rgba(30,25,60,.06);opacity:0;transform:translateY(10px) scale(.97);transition:opacity .4s ease,transform .4s ease}
.puce-vivante.visible{opacity:1;transform:none}
.puce-vivante .ico{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--cs);color:var(--ci,var(--c));font-size:18px}
.puce-vivante b{display:block;font-size:14px;line-height:1.3;font-weight:600}
.puce-vivante small{display:block;font-size:12.5px;color:var(--muted);line-height:1.35}
.puce-a{left:-6%;top:40px}
.puce-b{right:-4%;bottom:30px}
.puce-score{font-family:'Poppins';font-weight:700;color:var(--c);font-size:15px}
@media (max-width:1060px){
  .heros-grille{grid-template-columns:1fr}
  .scene{height:520px;max-width:720px;margin:0 auto;width:100%}
  .scene .fenetre{right:4%}
  .puce-a{left:0}.puce-b{right:0}
}
@media (max-width:600px){
  .heros{padding-top:116px}
  .cycle{height:3.15em}
  .scene{height:380px}
  .mosaique{grid-template-columns:repeat(2,1fr)}
  .mosaique .col:nth-child(3){display:none}
  .scene .fenetre{left:0;right:0;top:70px}
  .puce-vivante{max-width:240px;padding:10px 12px 10px 10px}
  .puce-vivante b{font-size:13px}
  .puce-a{top:0}.puce-b{bottom:0}
  .chiffres{gap:28px}
}

/* ---------- Bandeau de logos qui défile ---------- */
.logos{padding:44px 0 20px}
.logos p{text-align:center;font-size:14.5px;color:var(--muted);margin-bottom:22px}
.defile{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.defile-piste{display:flex;gap:14px;width:max-content;animation:defile 60s linear infinite}
.defile:hover .defile-piste{animation-play-state:paused}
@keyframes defile{to{transform:translateX(-50%)}}
.logo-tuile{width:150px;height:76px;border:1px solid var(--line-2);border-radius:14px;background:#fff;display:grid;place-items:center;padding:12px}
.logo-tuile img{max-height:46px;max-width:110px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .25s,opacity .25s}
.logo-tuile:hover img{filter:none;opacity:1}

/* ---------- Parcours étudiant (section collante) ---------- */
.parcours{background:linear-gradient(180deg,#fff 0%,var(--mist) 12%,var(--mist) 88%,#fff 100%)}
.parcours-grille{display:grid;grid-template-columns:300px 1fr;gap:64px;align-items:start}
.rail{position:sticky;top:120px}
.rail ol{list-style:none;margin:0;padding:0;position:relative}
.rail ol::before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:var(--line)}
.rail .remplissage{position:absolute;left:19px;top:20px;width:2px;height:0;background:linear-gradient(var(--attirer),var(--selectionner),var(--former),var(--inserer),var(--fideliser));transition:height .4s ease}
.rail li a{display:flex;gap:16px;align-items:center;padding:12px 0;position:relative;color:var(--muted);transition:color .25s}
.rail li .rond{flex:none;width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid var(--line);display:grid;place-items:center;font-size:15px;font-weight:700;color:var(--muted);transition:all .25s;position:relative;z-index:1}
.rail li b{display:block;font-family:'Poppins';font-size:18px;font-weight:600;letter-spacing:-.02em;color:inherit}
.rail li small{display:block;font-size:13.5px}
.rail li.actif a{color:var(--ink)}
.rail li.actif .rond{background:var(--ci,var(--c));border-color:var(--ci,var(--c));color:#fff;box-shadow:0 0 0 6px var(--cs)}
.rail li.fait .rond{border-color:var(--c);color:var(--ci,var(--c))}
.colonne-crm{margin-top:22px;padding:16px 18px;border-radius:var(--r-md);background:var(--ink);color:#fff;font-size:14px;line-height:1.45}
.colonne-crm b{display:block;font-family:'Poppins';font-size:15px;margin-bottom:2px}
.colonne-crm span{color:#b9b7c6}
.etape-bloc{min-height:72vh;display:flex;flex-direction:column;justify-content:center;padding:40px 0}
.etape-bloc+.etape-bloc{border-top:1px dashed var(--line)}
.etape-tete{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.etiquette{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--cs);color:var(--ci,var(--c));font-size:13.5px;font-weight:700}
.etiquette .point{width:7px;height:7px;border-radius:50%;background:var(--c)}
.etape-bloc h3{font-size:clamp(26px,2.6vw,34px);max-width:22ch}
.etape-bloc .lead{margin-top:14px;font-size:17.5px}
.etape-contenu{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;margin-top:30px;align-items:start}
.etape-contenu .fenetre{position:relative}
.liste-coches{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.liste-coches li{display:flex;gap:10px;font-size:15.5px;line-height:1.45}
.liste-coches li::before{content:"";flex:none;width:20px;height:20px;margin-top:1px;border-radius:50%;background:var(--cs,var(--blue-soft)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.6 2.6L14 7.6' fill='none' stroke='%2316151a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.preuve{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.preuve b{display:block;font-family:'Poppins';font-size:34px;letter-spacing:-.03em;color:var(--ct,var(--c));line-height:1}
.preuve span{display:block;font-size:14px;color:var(--muted);margin-top:6px;line-height:1.4}
.etape-lien{margin-top:20px}
@media (max-width:1060px){
  .parcours-grille{grid-template-columns:1fr;gap:0}
  .rail{top:84px;z-index:20;background:rgba(244,244,248,.94);backdrop-filter:blur(10px);margin:0 calc(-1*var(--gutter));padding:10px var(--gutter);overflow-x:auto}
  .rail ol{display:flex;gap:6px}
  .rail ol::before,.rail .remplissage,.colonne-crm,.rail li small{display:none}
  .rail li a{padding:6px 12px 6px 6px;border-radius:999px;background:#fff;gap:8px;white-space:nowrap}
  .rail li .rond{width:28px;height:28px;font-size:12px}
  .rail li b{font-size:14.5px}
  .rail li.actif .rond{box-shadow:none}
  .etape-bloc{min-height:0;padding:56px 0}
  .etape-contenu{grid-template-columns:1fr}
}

/* ---------- Avant / avec (outils éparpillés) ---------- */
.avant-apres{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.bascule{display:inline-flex;padding:5px;border-radius:999px;background:var(--mist);border:1px solid var(--line);margin-top:30px}
.bascule button{border:0;background:none;padding:11px 20px;border-radius:999px;font-weight:600;font-size:15px;cursor:pointer;color:var(--muted);transition:all .25s}
.bascule button[aria-pressed=true]{background:var(--ink);color:#fff}
.bilan{display:flex;gap:36px;margin-top:30px}
.bilan b{display:block;font-family:'Poppins';font-size:32px;letter-spacing:-.03em;line-height:1;transition:color .3s}
.bilan small{display:block;color:var(--muted);font-size:14px;margin-top:6px}
.plateau{position:relative;height:500px;border-radius:var(--r-xl);background:var(--mist);border:1px solid var(--line);overflow:hidden}
.plateau::after{content:"";position:absolute;inset:0;background-image:radial-gradient(#d9d6df 1px,transparent 1px);background-size:18px 18px;opacity:.6;pointer-events:none;transition:opacity .4s}
.plateau.unifie::after{opacity:0}
.cadre-mys{position:absolute;inset:18px;border-radius:22px;background:#fff;box-shadow:var(--shadow-window);opacity:0;transform:scale(.96);transition:opacity .5s ease,transform .5s ease;z-index:1}
.cadre-mys .fenetre-barre{border-radius:22px 22px 0 0}
.plateau.unifie .cadre-mys{opacity:1;transform:none}
.cadre-mys .centre{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:150px}
.cadre-mys .centre b{display:block;width:74px;height:74px;margin:0 auto 8px;border-radius:22px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:26px}
.cadre-mys .centre span{font-family:'Poppins';font-weight:700;font-size:15px;letter-spacing:-.01em}
.outil{position:absolute;z-index:2;left:var(--x1);top:var(--y1);transform:rotate(var(--r1));display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:13.5px;font-weight:600;box-shadow:0 6px 16px -8px rgba(20,20,40,.3);white-space:nowrap;transition:left .7s cubic-bezier(.6,.05,.3,1),top .7s cubic-bezier(.6,.05,.3,1),transform .7s cubic-bezier(.6,.05,.3,1),background-color .4s,border-color .4s}
.outil .ico{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:12px;background:var(--mist)}
.outil .apres{display:none}
.plateau.unifie .outil{left:var(--x2);top:var(--y2);transform:none;border-color:transparent;background:var(--cs)}
.plateau.unifie .outil .avant{display:none}
.plateau.unifie .outil .apres{display:inline}
.plateau.unifie .outil .ico{background:#fff;color:var(--c)}
.plateau .fil{position:absolute;inset:0;z-index:1;transition:opacity .3s}
.plateau.unifie .fil{opacity:0}
@media (max-width:1060px){.avant-apres{grid-template-columns:1fr}}
@media (max-width:700px){.plateau{height:auto;padding:16px;display:flex;flex-wrap:wrap;gap:8px}.plateau::after,.cadre-mys,.plateau .fil{display:none}.outil{position:static;transform:none!important}.plateau.unifie .outil{width:auto}.plateau .outil[style*="--x2:200%"]{display:none}}

/* ---------- Section IA (sombre) ---------- */
.sombre{background:var(--night);color:#fff}
.sombre .h-1,.sombre .h-2{color:#fff}
.ia{overflow:hidden}
.ia::before{content:"";position:absolute;width:900px;height:900px;left:50%;top:-420px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(59,87,224,.32),rgba(59,87,224,0));pointer-events:none}
.ia-grille{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;position:relative}
.ia-onglets{display:flex;flex-direction:column;gap:6px;margin-top:34px}
.ia-onglet{text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--r-md);padding:16px 18px;cursor:pointer;color:#b9b7c6;transition:all .25s;display:grid;grid-template-columns:auto 1fr;gap:4px 14px}
.ia-onglet .ico{grid-row:span 2;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.06);font-size:17px}
.ia-onglet b{font-family:'Poppins';font-weight:600;font-size:17px;color:#fff;letter-spacing:-.01em}
.ia-onglet small{display:none;font-size:14.5px;line-height:1.5}
.ia-onglet[aria-pressed=true]{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.ia-onglet[aria-pressed=true] small{display:block}
.ia-onglet[aria-pressed=true] .ico{background:var(--blue);color:#fff}
.ia-onglet:hover{color:#dcdce6}
.ia-ecran{position:relative}
.ia-ecran .fenetre{position:relative;border-color:rgba(255,255,255,.1);box-shadow:0 40px 100px -20px rgba(0,0,0,.7)}
.ia-ecran .fenetre-corps{aspect-ratio:1200/680}
.ia-ecran .fenetre-corps img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transition:opacity .5s}
.ia-ecran .fenetre-corps img.actif{opacity:1}
.trace{position:absolute;left:-28px;bottom:-26px;z-index:3;width:min(360px,80%);background:#1d1c25;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 16px;font-size:13.5px;line-height:1.55;color:#dcdce6;box-shadow:0 20px 50px -10px rgba(0,0,0,.6)}
.trace .t-tete{display:flex;align-items:center;gap:8px;font-weight:700;color:#fff;margin-bottom:6px;font-size:13px}
.trace .t-tete i{width:8px;height:8px;border-radius:50%;background:#5ed39b;box-shadow:0 0 0 4px rgba(94,211,155,.18)}
.trace ol{margin:0;padding-left:18px}
.trace li{opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
.trace li.vu{opacity:1;transform:none}
.trace .humain{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);color:#9fb0ff;font-weight:600}
.ia-principe{display:flex;gap:28px;margin-top:80px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}
.ia-principe div{flex:1 1 220px}
.ia-principe b{display:block;font-family:'Poppins';font-size:17px;margin-bottom:6px}
.ia-principe span{color:#a6a4b4;font-size:15px;line-height:1.55}
@media (max-width:1060px){.ia-grille{grid-template-columns:1fr}.trace{left:12px}}

/* ---------- Univers d'applications (façon catalogue d'apps) ---------- */
.apps{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}
.app{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:22px 10px 18px;border-radius:var(--r-lg);transition:background-color .2s,transform .2s}
.app:hover{background:var(--mist);transform:translateY(-3px)}
.app .icone{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;color:#fff;font-size:26px;box-shadow:0 10px 22px -10px var(--c);background:linear-gradient(145deg,var(--c),color-mix(in srgb,var(--c) 70%,#000))}
.app b{font-size:14.5px;font-weight:600;line-height:1.3}
.app small{font-size:12.5px;color:var(--muted);margin-top:-8px}
.apps-pied{display:flex;justify-content:center;gap:12px;margin-top:40px;flex-wrap:wrap}
@media (max-width:1060px){.apps{grid-template-columns:repeat(4,1fr)}}
@media (max-width:600px){.apps{grid-template-columns:repeat(3,1fr);gap:6px}.app .icone{width:54px;height:54px;font-size:22px;border-radius:16px}.app b{font-size:13px}}

/* ---------- Résultats ---------- */
.resultats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.resultat{padding:30px 26px 30px 0;border-bottom:1px solid var(--line)}
.resultat+.resultat{padding-left:26px;border-left:1px solid var(--line)}
.resultat:nth-child(4n+1){padding-left:0;border-left:0}
.resultat b{display:block;font-family:'Poppins';font-size:clamp(34px,3.4vw,46px);letter-spacing:-.035em;line-height:1;color:var(--ct,var(--ink))}
.resultat p{font-size:15px;line-height:1.45;margin-top:12px;color:#4a4954}
.resultat .qui{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13.5px;font-weight:600;flex-wrap:wrap}
.resultat .qui img{width:28px;height:28px;object-fit:contain;border-radius:6px;border:1px solid var(--line-2);background:#fff;padding:2px}
.resultat button.video{border:0;background:none;padding:0;color:var(--blue);font-weight:600;font-size:13.5px;cursor:pointer;margin-top:8px}
@media (max-width:1060px){.resultats{grid-template-columns:repeat(2,1fr)}.resultat:nth-child(odd){padding-left:0;border-left:0}.resultat:nth-child(even){padding-left:22px;border-left:1px solid var(--line)}}
@media (max-width:520px){.resultats{grid-template-columns:1fr}.resultat{padding-left:0!important;border-left:0!important}}

/* ---------- Vidéos témoignages ---------- */
.videos{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:64px}
.video-grande,.video-petite{position:relative;border-radius:var(--r-lg);overflow:hidden;cursor:pointer;border:0;padding:0;background:var(--night);text-align:left;color:#fff}
.video-grande{aspect-ratio:16/10}
.video-grande img,.video-petite img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.video-grande:hover img,.video-petite:hover img{transform:scale(1.03)}
.video-grande::after,.video-petite::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(10,9,14,.88))}
.video-texte{position:absolute;left:28px;right:28px;bottom:26px;z-index:2}
.video-texte q{display:block;font-family:'Poppins';font-weight:600;font-size:clamp(18px,1.8vw,24px);line-height:1.3;letter-spacing:-.015em;quotes:"« " " »"}
.video-texte small{display:block;margin-top:10px;color:#cfcdd9;font-size:14px}
.lecture{position:absolute;z-index:2;width:62px;height:62px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;left:28px;top:26px;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .2s}
.video-grande:hover .lecture,.video-petite:hover .lecture{transform:scale(1.08)}
.videos-liste{display:grid;grid-template-rows:repeat(4,1fr);gap:12px}
.video-petite{display:grid;grid-template-columns:150px 1fr;align-items:center;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:var(--r-md)}
.video-petite::after{display:none}
.video-petite .vignette{position:relative;height:100%;min-height:92px;overflow:hidden}
.video-petite .lecture{width:34px;height:34px;left:50%;top:50%;margin:-17px 0 0 -17px}
.video-petite .t{padding:12px 16px}
.video-petite b{display:block;font-size:15px}
.video-petite span{display:block;font-size:13.5px;color:var(--muted);line-height:1.4;margin-top:2px}
.video-petite .vignette .lecture{display:grid;place-items:center;margin:-17px 0 0 -17px;line-height:0}
.lecture svg{display:block}
.modale-fermer{display:grid!important;place-items:center;padding:0!important;line-height:0}
.carrousel-nav button{display:grid;place-items:center;padding:0;line-height:0}
@media (max-width:860px){.videos{grid-template-columns:1fr}.video-grande{aspect-ratio:4/3}.lecture{width:52px;height:52px}}

/* ---------- Citations clients (carrousel) ---------- */
.citations{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 20px;scrollbar-width:none}
.citations::-webkit-scrollbar{display:none}
.citation{flex:0 0 min(420px,86%);scroll-snap-align:start;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:var(--r-lg);padding:26px;display:flex;flex-direction:column;gap:16px}
.citation .tete{display:flex;align-items:center;gap:12px}
.citation .tete img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:12px;padding:5px}
.citation .tete b{display:block;font-family:'Poppins';font-size:17px;color:#fff;letter-spacing:-.01em}
.citation .tete span{font-size:13px;color:#9fb0ff;font-weight:600}
.citation p{color:#cfcdd9;font-size:15.5px;line-height:1.6}
.citation .auteur{margin-top:auto;font-size:13.5px;color:#8d8b97}
.carrousel-nav{display:flex;gap:8px}
.carrousel-nav button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:none;color:#fff;cursor:pointer;font-size:18px}
.carrousel-nav button:hover{background:rgba(255,255,255,.08)}

/* ---------- Intégrations ---------- */
.integrations{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.orbite{position:relative;aspect-ratio:1/1;max-width:520px;margin:0 auto;width:100%}
.orbite .anneau{position:absolute;inset:0;border-radius:50%;border:1px dashed var(--line)}
.orbite .anneau.a2{inset:17%}
.orbite .anneau.a3{inset:34%;border-style:solid;background:radial-gradient(closest-side,#EEF1FF,#fff)}
.orbite .noyau{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:32px;background:var(--ink);color:#fff;display:grid;place-items:center;text-align:center;font-family:'Poppins';font-weight:700;font-size:13px;line-height:1.2;box-shadow:0 20px 50px -14px rgba(22,21,26,.6)}
.orbite .noyau span{font-size:24px;display:block;color:var(--blue-glow)}
.connecteur{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 13px 6px 7px;font-size:13.5px;font-weight:600;white-space:nowrap;box-shadow:0 8px 20px -10px rgba(20,20,40,.3)}
.familles{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;margin-top:30px}
.familles div b{display:block;font-size:15px;margin-bottom:2px}
.familles div span{font-size:14px;color:var(--muted);line-height:1.45}
@media (max-width:1060px){.integrations{grid-template-columns:1fr}}
@media (max-width:600px){.connecteur{font-size:0;padding:7px;gap:0}.connecteur img{width:24px;height:24px}.orbite .noyau{width:90px;height:90px;border-radius:24px}.familles{grid-template-columns:1fr}}

/* ---------- Composer sa plateforme (configurateur) ---------- */
.config{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start}
.config-modules{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.module-choix{position:relative;display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:var(--r-lg);border:1.5px solid var(--line);background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s,background-color .2s}
.module-choix:hover{border-color:#c7c4d2}
.module-choix input{position:absolute;opacity:0;pointer-events:none}
.module-choix .case{flex:none;width:24px;height:24px;border-radius:8px;border:1.5px solid #c7c4d2;display:grid;place-items:center;margin-top:2px;transition:all .2s;color:transparent}
.module-choix:has(input:checked){border-color:var(--c);background:var(--cs);box-shadow:0 10px 24px -14px var(--c)}
.module-choix:has(input:checked) .case{background:var(--c);border-color:var(--c);color:#fff}
.module-choix:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}
.module-choix b{display:block;font-family:'Poppins';font-size:17px;letter-spacing:-.01em}
.module-choix small{display:block;color:var(--muted);font-size:14px;line-height:1.4;margin-top:2px}
.module-choix .prix{display:block;margin-top:8px;font-size:13.5px;font-weight:600;color:var(--ink)}
.tailles{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.tailles label{cursor:pointer}
.tailles input{position:absolute;opacity:0}
.tailles span{display:inline-block;padding:10px 16px;border-radius:999px;border:1.5px solid var(--line);font-weight:600;font-size:14.5px;transition:all .2s;background:#fff}
.tailles input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.tailles input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.recap{position:sticky;top:110px;background:var(--ink);color:#fff;border-radius:var(--r-xl);padding:30px;overflow:hidden}
.recap::before{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side,rgba(95,122,255,.45),rgba(95,122,255,0))}
.recap h3{font-size:20px;position:relative}
.recap .barre{display:flex;height:10px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);margin:18px 0 8px}
.recap .barre i{display:block;height:100%;transition:width .35s ease}
.recap .legende{font-size:13px;color:#a6a4b4;min-height:20px}
.recap .montant{margin-top:22px}
.recap .montant small{display:block;color:#a6a4b4;font-size:13.5px}
.recap .montant b{display:block;font-family:'Poppins';font-size:44px;letter-spacing:-.035em;line-height:1.1}
.recap .montant b em{font-style:normal;font-size:16px;color:#a6a4b4;font-family:'DM Sans';letter-spacing:0;font-weight:500}
.recap ul{list-style:none;margin:20px 0 0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:8px;font-size:14.5px;color:#dcdce6}
.recap ul li::before{content:"✓";color:#5ed39b;font-weight:700;margin-right:8px}
.recap .btn{width:100%;margin-top:24px}
.recap .note{font-size:12.5px;color:#8d8b97;margin-top:12px;line-height:1.45}
@media (max-width:1060px){.config{grid-template-columns:1fr}.recap{position:relative;top:0}}
@media (max-width:600px){.config-modules{grid-template-columns:1fr}}

/* ---------- Webinaires ---------- */
.webinaires{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.webinaire{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:var(--r-lg);border:1px solid var(--line);background:#fff;transition:border-color .2s,box-shadow .2s}
.webinaire:hover{border-color:#c7c4d2;box-shadow:0 18px 40px -24px rgba(30,25,60,.35)}
.webinaire .date{display:flex;align-items:center;gap:12px}
.webinaire .date b{width:56px;height:60px;border-radius:14px;background:var(--blue-soft);color:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Poppins';font-size:22px;line-height:1}
.webinaire .date b small{font-family:'DM Sans';font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}
.webinaire .date span{font-size:13.5px;color:var(--muted);line-height:1.4}
.webinaire h3{font-size:18px;line-height:1.3;letter-spacing:-.015em}
.webinaire .actions{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}
.webinaire .actions .btn{padding:10px 14px;font-size:14px}
@media (max-width:1060px){.webinaires{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.webinaires{grid-template-columns:1fr}}

/* ---------- Appel final ---------- */
.final{padding:40px 0 120px}
.final-bloc{position:relative;overflow:hidden;border-radius:36px;background:linear-gradient(135deg,#2A3FB0 0%,#3B57E0 55%,#5F7AFF 100%);color:#fff;padding:72px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.final-bloc::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}
.final-bloc>*{position:relative}
.final-bloc .h-1{color:#fff}
.final-bloc .lead{color:#dfe4ff;margin-top:16px}
.capture{background:#fff;border-radius:22px;padding:8px;display:flex;gap:8px;box-shadow:0 30px 60px -20px rgba(10,15,60,.5)}
.capture input{flex:1;min-width:0;border:0;padding:0 16px;font:inherit;font-size:16px;color:var(--ink);background:transparent;outline:none}
.capture:focus-within{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ink)}
.recherche:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}
.capture-sous{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;font-size:14px;color:#dfe4ff}
.capture-sous span::before{content:"✓ ";font-weight:700}
@media (max-width:1060px){.final-bloc{grid-template-columns:1fr;padding:48px 28px}}
@media (max-width:520px){.capture{flex-direction:column}.capture input{padding:14px 12px}.final-bloc{border-radius:26px}}

/* ---------- Pied de page (charte galaxie Periplea) ---------- */
.pied{background:var(--night);color:#a6a4b4;padding:80px 0 34px;font-size:14.5px}
.pied-grille{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:36px}
.pied .logo{color:#fff}
.pied p.desc{margin-top:14px;line-height:1.6;max-width:32ch}
.pied h4{font-family:'DM Sans';font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6f6d7c;margin-bottom:16px}
.pied ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pied a:hover{color:#fff}
.reseaux{display:flex;gap:8px;margin-top:20px}
.reseaux a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#dcdce6}
.reseaux a:hover{background:rgba(255,255,255,.16)}
.pied-bas{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:60px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);font-size:13.5px}
.pied-bas nav{display:flex;gap:18px}
.confiance-pied{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.confiance-pied span{font-size:12.5px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:#cfcdd9}
@media (max-width:1060px){.pied-grille{grid-template-columns:1fr 1fr}.pied-grille>div:first-child{grid-column:1/-1}}

/* ---------- Bulle de contact + barre d'action mobile ---------- */
.bulle{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;gap:12px;padding:8px 20px 8px 8px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:15px;box-shadow:0 18px 40px -10px rgba(22,21,26,.55);transition:transform .2s}
.bulle:hover{transform:translateY(-2px)}
.bulle .av{width:40px;height:40px;border-radius:50%;background:var(--blue);display:grid;place-items:center;font-size:15px}
.barre-mobile{display:none}
@media (max-width:760px){
  .bulle{display:none}
  .barre-mobile{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:95;gap:8px;padding:8px;border-radius:999px;background:rgba(22,21,26,.96);backdrop-filter:blur(10px);transform:translateY(160%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s}
  .barre-mobile.visible{transform:none;visibility:visible;transition:transform .3s ease}
  body{padding-bottom:84px}
  .barre-mobile .btn{flex:1;padding:13px 10px;font-size:14.5px}
}

/* ---------- Modale vidéo ---------- */
.modale{position:fixed;inset:0;z-index:200;background:rgba(10,9,14,.82);display:none;align-items:center;justify-content:center;padding:24px}
.modale.ouverte{display:flex}
.modale-boite{position:relative;width:min(1000px,100%);aspect-ratio:16/9;background:#000;border-radius:18px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.modale-boite iframe{width:100%;height:100%;border:0}
.modale-fermer{position:absolute;right:20px;top:20px;width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:var(--ink);font-size:22px;cursor:pointer}
.modale-image .modale-boite{aspect-ratio:auto;background:#fff;max-height:88vh;overflow:auto}

/* ---------- Pages module ---------- */
.fil-ariane{font-size:14px;color:var(--muted);display:flex;gap:8px;align-items:center;margin-bottom:22px}
.fil-ariane a:hover{color:var(--ink)}
.heros-module{padding:132px 0 40px;overflow:hidden}
.heros-module::before{content:"";position:absolute;inset:-200px 0 0;background:radial-gradient(55% 55% at 10% 20%,var(--cs) 0%,rgba(255,255,255,0) 70%),radial-gradient(35% 40% at 95% 5%,var(--blue-soft) 0%,rgba(255,255,255,0) 70%);z-index:-1}
.heros-module .grille{display:grid;grid-template-columns:.95fr 1.05fr;gap:52px;align-items:center}
.heros-module h1{margin-top:20px}
.heros-module h1 .teinte{color:var(--ct,var(--c))}
.heros-module .lead{margin-top:20px}
.heros-module .badge{color:var(--ci,var(--c))}
.heros-module .badge .point{width:8px;height:8px;border-radius:50%;background:var(--c)}
.heros-module .visuel{position:relative}
.heros-module .visuel .fenetre{position:relative;margin-right:-60px}
.heros-module .visuel .puce-vivante{opacity:1;transform:none}
.heros-module .visuel .puce-a{left:-30px;top:auto;bottom:-24px}
.heros-module .visuel .puce-b{right:-20px;bottom:auto;top:-22px}
.prix-ligne{display:flex;align-items:center;gap:16px;margin-top:28px;font-size:14.5px;color:var(--muted)}
.prix-ligne b{color:var(--ink)}
.logos-module{margin-top:56px}
.logos-module p{font-size:14px;color:var(--muted);margin-bottom:14px}
.logos-module .rang{display:flex;gap:10px;flex-wrap:wrap}
.logos-module .logo-tuile{width:120px;height:64px}
@media (max-width:1060px){.heros-module .grille{grid-template-columns:1fr}.heros-module .visuel .fenetre{margin-right:0}.heros-module .visuel .puce-a{left:8px}.heros-module .visuel .puce-b{right:8px}}

.onglets-module{display:flex;gap:6px;flex-wrap:wrap;padding:6px;border-radius:999px;background:var(--mist);border:1px solid var(--line);width:max-content;max-width:100%;margin:0 auto 40px}
.onglets-module button{border:0;background:none;padding:11px 18px;border-radius:999px;font-weight:600;font-size:15px;cursor:pointer;color:var(--muted);transition:all .2s;display:inline-flex;gap:8px;align-items:center}
.onglets-module button:hover{color:var(--ink)}
.onglets-module button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 4px 14px -6px rgba(30,25,60,.3)}
.panneau{display:none;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:center}
.panneau.actif{display:grid;animation:apparait .35s ease}
@keyframes apparait{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.panneau h3{font-size:clamp(26px,2.6vw,34px)}
.panneau .lead{margin-top:14px;font-size:17px}
.panneau .liste-coches{margin-top:24px}
.panneau .fenetre{position:relative}
@media (max-width:860px){.onglets-module{border-radius:20px;width:100%}.panneau.actif{grid-template-columns:1fr;gap:28px}}

.capacites{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.capacite{padding:28px 28px 28px 0;border-bottom:1px solid var(--line)}
.capacite:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid var(--line)}
.capacite h3{font-size:19px;letter-spacing:-.015em;display:flex;gap:10px;align-items:center}
.capacite h3::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--c);flex:none}
.capacite p{margin-top:10px;font-size:15px;color:#4a4954;line-height:1.55}
.capacite ul{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
.capacite li{font-size:14.5px;line-height:1.45;color:#4a4954;padding-left:16px;position:relative}
.capacite li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:1.5px;background:#a6a4b4}
@media (max-width:1060px){.capacites{grid-template-columns:1fr 1fr}.capacite{padding:24px 22px 24px 0!important;border-left:0!important}.capacite:nth-child(even){padding-left:22px!important;border-left:1px solid var(--line)!important}}
@media (max-width:640px){.capacites{grid-template-columns:1fr}.capacite{padding:22px 0!important;border-left:0!important}}

.citation-claire{display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center;padding:44px;border-radius:var(--r-xl);background:var(--cs);margin-top:20px}
.citation-claire img.logo-c{width:110px;height:110px;object-fit:contain;background:#fff;border-radius:24px;padding:12px}
.citation-claire q{display:block;font-family:'Poppins';font-weight:600;font-size:clamp(20px,2.1vw,27px);line-height:1.35;letter-spacing:-.02em;quotes:"« " " »"}
.citation-claire .auteur{margin-top:16px;font-size:15px;color:#4a4954}
.citation-claire .auteur b{color:var(--ink)}
@media (max-width:760px){.citation-claire{grid-template-columns:1fr;padding:28px}}

.autres-modules{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.carte-module{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 20px;border-radius:var(--r-lg);border:1px solid var(--line);background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}
.carte-module::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--c)}
.carte-module:hover{transform:translateY(-3px);box-shadow:0 20px 40px -24px rgba(30,25,60,.4);border-color:#d9d6df}
.carte-module .et{font-size:12.5px;font-weight:700;color:var(--ci,var(--c));letter-spacing:.04em}
.carte-module b{font-family:'Poppins';font-size:18px;letter-spacing:-.015em}
.carte-module span{font-size:14px;color:var(--muted);line-height:1.45}
@media (max-width:1060px){.autres-modules{grid-template-columns:repeat(2,1fr)}}

.faq{max-width:820px;margin:0 auto}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-family:'Poppins';font-weight:600;font-size:18px;letter-spacing:-.015em;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:26px;font-weight:400;color:var(--muted);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details p{padding:0 0 22px;color:#4a4954;font-size:16px;line-height:1.65;max-width:70ch}

/* ---------- Démo ---------- */
.demo-grille{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;padding-top:132px;padding-bottom:100px}
.demo-points{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;margin-top:36px}
.demo-points b{display:block;font-size:16px;margin-bottom:4px}
.demo-points span{font-size:14.5px;color:var(--muted);line-height:1.5}
.formulaire{position:sticky;top:110px;background:#fff;border-radius:var(--r-xl);box-shadow:var(--shadow-window);border:1px solid var(--line-2);padding:34px;overflow:hidden}
.formulaire .progression{display:flex;gap:6px;margin-bottom:24px}
.formulaire .progression i{flex:1;height:5px;border-radius:999px;background:var(--line-2);transition:background-color .3s}
.formulaire .progression i.fait{background:var(--blue)}
.formulaire h2{font-size:24px}
.formulaire .sous{color:var(--muted);font-size:15px;margin-top:6px}
.champ{display:flex;flex-direction:column;gap:7px;margin-top:18px}
.champ label{font-size:14px;font-weight:600}
.champ input,.champ select,.champ textarea{font:inherit;font-size:16px;padding:14px 16px;border-radius:14px;border:1.5px solid var(--line);background:#fff;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.champ input:focus,.champ select:focus,.champ textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}
.champ .erreur{color:#c62b3c;font-size:13.5px;display:none}
.champ.invalide input,.champ.invalide select{border-color:#c62b3c}
.champ.invalide .erreur{display:block}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.puces-choix{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.puces-choix label{cursor:pointer}
.puces-choix input{position:absolute;opacity:0}
.puces-choix span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1.5px solid var(--line);font-weight:600;font-size:14.5px;transition:all .2s}
.puces-choix span i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.puces-choix input:checked+span{border-color:var(--c);background:var(--cs)}
.puces-choix input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.etape-form{display:none}
.etape-form.actif{display:block;animation:apparait .3s ease}
.form-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px}
.form-actions .retour{background:none;border:0;color:var(--muted);font-weight:600;cursor:pointer;padding:10px 4px}
.mention-rgpd{font-size:12.5px;color:var(--muted-2);margin-top:16px;line-height:1.5}
.succes{text-align:center;padding:20px 0}
.succes .coche{width:72px;height:72px;border-radius:50%;background:#e6f6ef;color:#0e8a5f;display:grid;place-items:center;margin:0 auto 18px;font-size:32px}
.avis-recette{margin-top:14px;padding:12px 14px;border-radius:12px;background:#FFF7E6;border:1px solid #F5D9A0;color:#7a5200;font-size:13px;line-height:1.5}
@media (max-width:1060px){.demo-grille{grid-template-columns:1fr}.formulaire{position:relative;top:0}}
@media (max-width:520px){.demo-points,.duo{grid-template-columns:1fr}.formulaire{padding:24px}}

/* ---------- Tarifs ---------- */
.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pack{padding:30px;border-radius:var(--r-xl);border:1px solid var(--line);background:#fff;display:flex;flex-direction:column}
.pack.vedette{background:var(--ink);color:#fff;border-color:var(--ink)}
.pack h3{font-size:22px}
.pack .perimetre{font-size:14px;color:var(--muted);margin-top:4px}
.pack.vedette .perimetre{color:#a6a4b4}
.pack .p{margin-top:24px;font-family:'Poppins';font-weight:700;font-size:38px;letter-spacing:-.035em;line-height:1}
.pack .p small{font-family:'DM Sans';font-size:14px;font-weight:500;color:var(--muted);letter-spacing:0}
.pack.vedette .p small{color:#a6a4b4}
.pack ul{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px}
.pack ul li::before{content:"✓";color:#0e8a5f;font-weight:700;margin-right:10px}
.pack.vedette ul li::before{color:#5ed39b}
.pack .btn{margin-top:28px}
.tableau-modules{width:100%;border-collapse:collapse;font-size:15px}
.tableau-modules th,.tableau-modules td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.tableau-modules th{font-family:'Poppins';font-size:16px;letter-spacing:-.01em}
.tableau-modules td:first-child{font-weight:600;width:22%}
.tableau-modules .pt{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--c);margin-right:8px}
.options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.option{padding:20px;border-radius:var(--r-md);border:1px solid var(--line);background:#fff}
.option b{display:block;font-size:16px}
.option span{display:block;font-size:14px;color:var(--muted);margin-top:4px;line-height:1.45}
.inclus{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.inclus b{display:block;font-family:'Poppins';font-size:19px;letter-spacing:-.015em;margin-bottom:8px}
.inclus span{color:#4a4954;font-size:15.5px;line-height:1.55}
.defil-x{overflow-x:auto}
@media (max-width:1060px){.packs,.options,.inclus{grid-template-columns:1fr}}

/* ---------- Fonctionnalités (catalogue) ---------- */
.filtres{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:28px}
.filtres button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:9px 15px;font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.filtres button i{width:8px;height:8px;border-radius:50%;background:var(--c,var(--ink))}
.filtres button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.recherche{flex:1 1 260px;display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:999px;padding:0 16px;background:#fff;min-height:44px}
.recherche input{border:0;outline:none;font:inherit;font-size:15px;flex:1;min-width:0;background:none}
.catalogue{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fonction{display:flex;flex-direction:column;border-radius:var(--r-lg);border:1px solid var(--line);background:#fff;overflow:hidden;cursor:pointer;text-align:left;padding:0;transition:transform .2s,box-shadow .2s}
.fonction:hover{transform:translateY(-3px);box-shadow:0 22px 44px -26px rgba(30,25,60,.45)}
.fonction .v{aspect-ratio:16/9;background:var(--mist);overflow:hidden;border-bottom:1px solid var(--line-2)}
.fonction .v img{width:100%;height:100%;object-fit:cover;object-position:top left}
.fonction .t{padding:16px 18px 18px}
.fonction .cat{font-size:12px;font-weight:700;color:var(--ci,var(--c));letter-spacing:.04em}
.fonction b{display:block;font-family:'Poppins';font-size:17px;letter-spacing:-.015em;margin-top:4px}
.fonction span{display:block;font-size:14px;color:var(--muted);line-height:1.45;margin-top:4px}
.compte{font-size:14px;color:var(--muted);margin-bottom:16px}
.vide{grid-column:1/-1;text-align:center;padding:40px;color:var(--muted)}
@media (max-width:1060px){.catalogue{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.catalogue{grid-template-columns:1fr}}
.apercu{display:grid;grid-template-columns:1.3fr .7fr}
.apercu .img{background:var(--mist)}
.apercu .img img{width:100%}
.apercu .txt{padding:28px}
.apercu .txt h3{font-size:24px;margin-top:6px}
.apercu .txt p{margin-top:12px;color:#4a4954;font-size:15.5px}
@media (max-width:860px){.apercu{grid-template-columns:1fr}}

/* ---------- Clients / pages simples ---------- */
.grille-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.grille-logos .logo-tuile{width:auto;height:96px}
.grille-logos .logo-tuile img{max-height:56px;max-width:130px}
@media (max-width:1060px){.grille-logos{grid-template-columns:repeat(3,1fr)}}
.cas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cas article{padding:26px;border-radius:var(--r-lg);border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;gap:14px}
.cas article .tete{display:flex;gap:12px;align-items:center}
.cas article .tete img{width:52px;height:52px;object-fit:contain;border:1px solid var(--line-2);border-radius:12px;padding:5px}
.cas article .tete b{display:block;font-family:'Poppins';font-size:17px;letter-spacing:-.01em}
.cas article .resultat-cas{font-family:'Poppins';font-weight:700;color:var(--blue);font-size:15px}
.cas article p{font-size:15px;color:#4a4954;line-height:1.6}
.cas article .auteur{font-size:13.5px;color:var(--muted);margin-top:auto}
@media (max-width:1060px){.cas{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.cas{grid-template-columns:1fr}}
.texte-legal{max-width:780px;margin:0 auto;padding:40px 0 100px}
.texte-legal h2{font-size:24px;margin:36px 0 12px}
.texte-legal p{color:#4a4954;margin-top:10px}
.heros-simple{padding:132px 0 30px}
.heros-simple::before{content:"";position:absolute;inset:-200px 0 0;background:radial-gradient(55% 55% at 15% 20%,#EEF1FF 0%,rgba(238,241,255,0) 70%);z-index:-1}
.heros-simple h1{margin-top:18px}
.heros-simple .lead{margin-top:18px}

/* ---------- Bento « exclusif » ---------- */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:14px}
.tuile{position:relative;overflow:hidden;border-radius:24px;background:var(--mist);border:1px solid var(--line-2);padding:26px;display:flex;flex-direction:column;gap:10px;min-height:230px}
.tuile h3{font-size:20px;line-height:1.25;letter-spacing:-.02em;max-width:26ch}
.tuile p{font-size:15px;color:#4a4954;line-height:1.55;max-width:44ch}
.tuile>svg{color:var(--blue)}
.tuile .etiquette{align-self:flex-start;margin-bottom:4px}
.t-large{grid-column:span 2;grid-row:span 2;background:var(--cs);border-color:transparent}
.t-large-h{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
.t-large .tuile-visuel{margin:8px -26px -26px 0;flex:1;display:flex;align-items:flex-end}
.t-large .tuile-visuel .fenetre{position:relative;width:118%;border-bottom-left-radius:0;border-bottom-right-radius:0}
.t-large h3{font-size:clamp(22px,2.2vw,28px)}
.t-sombre{background:var(--night);border-color:var(--night);color:#fff}
.t-sombre h3{color:#fff}.t-sombre p{color:#b9b7c6}
.t-sombre .etiquette{background:rgba(255,255,255,.08)}
.t-large-h .tuile-visuel{align-self:stretch;margin:-26px -26px -26px 0;display:flex;align-items:center;overflow:hidden}
.t-large-h .tuile-visuel img{width:150%;max-width:none;border-radius:14px 0 0 14px;box-shadow:0 20px 40px -14px rgba(0,0,0,.5)}
.t-video .tuile-visuel .fenetre{position:relative;width:150%;max-width:none}
.t-bleu{background:var(--blue);border-color:var(--blue);color:#fff}
.t-bleu h3{color:#fff}.t-bleu p{color:#dfe4ff}.t-bleu>svg{color:#fff}
.t-tv .tv{margin-top:auto;position:relative}
.tv-ecran{border-radius:12px;background:#000;border:6px solid #2c2b31;padding:14px 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}
.tv-ecran b{display:block;font-family:'Poppins';font-size:22px;letter-spacing:-.03em;color:#5ed39b;line-height:1}
.tv-ecran span:nth-child(2) b{color:#9fb0ff}.tv-ecran span:nth-child(3) b{color:#ff8a7d}
.tv-ecran small{font-size:10.5px;color:#a6a4b4}
.t-tv .tv i{display:block;width:60px;height:8px;margin:0 auto;background:#2c2b31;border-radius:0 0 6px 6px}
.t-segment{background:#fff;border-color:var(--line)}
.segment-demo{background:var(--mist);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;align-self:stretch;justify-content:center}
.saisie{background:#fff;border:1.5px solid var(--blue);border-radius:12px;padding:12px 14px;font-size:14.5px;min-height:48px;box-shadow:0 0 0 4px var(--blue-soft)}
.curseur{display:inline-block;width:2px;height:17px;background:var(--blue);vertical-align:-3px;margin-left:1px;animation:clignote 1s steps(1) infinite}
@keyframes clignote{50%{opacity:0}}
.filtres-ia{display:flex;flex-wrap:wrap;gap:6px}
.filtres-ia span{font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
.filtres-ia span.vu{opacity:1;transform:none}
.compte-ia{font-size:14px;color:var(--muted);opacity:0;transition:opacity .3s}
.compte-ia.vu{opacity:1}
.compte-ia b{font-family:'Poppins';color:var(--ink);font-size:18px}
.t-mcp{background:var(--ink);border-color:var(--ink);color:#fff}
.t-mcp h3{color:#fff}.t-mcp p{color:#b9b7c6}
.chat-mini{margin-top:auto;display:flex;flex-direction:column;gap:6px;font-size:13px}
.chat-mini span{padding:9px 12px;border-radius:14px;max-width:90%;line-height:1.4}
.chat-mini .q{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:4px}
.chat-mini .r{background:#2c2b31;color:#e7e6f0;border-bottom-left-radius:4px}
@media (max-width:1060px){.bento{grid-template-columns:repeat(2,1fr)}.t-large{grid-row:auto}}
@media (max-width:700px){.bento{grid-template-columns:1fr}.t-large,.t-large-h{grid-column:auto}.t-large-h{grid-template-columns:1fr}.t-large-h .tuile-visuel{margin:0 -26px -26px 0}.t-large-h .tuile-visuel img,.t-video .tuile-visuel .fenetre{width:120%}}

/* ---------- Garanties ---------- */
.garanties{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:80px;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.garanties div{padding:22px;display:flex;flex-direction:column;gap:6px;background:#fff}
.garanties div+div{border-left:1px solid var(--line)}
.garanties svg{color:var(--blue);margin-bottom:6px}
.garanties b{font-size:15px}
.garanties span{font-size:13.5px;color:var(--muted);line-height:1.45}
@media (max-width:1060px){.garanties{grid-template-columns:1fr 1fr}.garanties div+div{border-left:0}.garanties div{border-bottom:1px solid var(--line)}}
@media (max-width:520px){.garanties{grid-template-columns:1fr}}

/* plateau unifié : deux colonnes rangées */
.plateau.unifie .outil{width:43%}
.plateau .outil[style*="--x2:200%"]{transition:opacity .3s}
.plateau.unifie .outil[style*="--x2:200%"]{opacity:0}

/* ---------- Catalogue des 235 fonctionnalités ---------- */
.cat-grille{display:grid;grid-template-columns:250px 1fr;gap:48px;align-items:start}
.cat-nav{position:sticky;top:110px;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 130px);overflow:auto}
.cat-nav button{display:flex;align-items:center;gap:10px;text-align:left;border:0;background:none;padding:9px 12px;border-radius:12px;font-weight:600;font-size:14.5px;cursor:pointer;color:var(--ink)}
.cat-nav button i{width:9px;height:9px;border-radius:3px;background:var(--c);flex:none}
.cat-nav button small{margin-left:auto;color:var(--muted);font-weight:500}
.cat-nav button:hover{background:var(--mist)}
.cat-nav button[aria-pressed=true]{background:var(--ink);color:#fff}
.cat-nav button[aria-pressed=true] small{color:#b9b7c6}
.univers-bloc{padding:8px 0 44px;scroll-margin-top:110px}
.univers-tete{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}
.univers-tete .icone{flex:none;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--c),color-mix(in srgb,var(--c) 70%,#000))}
.univers-tete h2{font-size:26px}
.univers-tete h2 small{font-family:'DM Sans';font-size:14px;font-weight:600;color:var(--muted);letter-spacing:0;margin-left:8px}
.univers-tete p{color:#4a4954;font-size:15.5px;margin-top:6px;max-width:68ch}
.univers-tete a{margin-top:8px}
.fns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.fn{padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:#fff}
.fn h3{font-family:'DM Sans';font-size:15.5px;font-weight:700;letter-spacing:-.005em;line-height:1.35}
.fn p{font-size:14px;color:#4a4954;line-height:1.55;margin-top:6px}
.fn mark{background:#FFF1B8;color:inherit;border-radius:3px}
@media (max-width:1060px){.cat-grille{grid-template-columns:1fr}.cat-nav{position:relative;top:0;flex-direction:row;flex-wrap:wrap;max-height:none}.fns{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.fns{grid-template-columns:1fr}}

/* ---------- Vidéos (page témoignages) ---------- */
.cartes-video{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.carte-video{border-radius:var(--r-lg);border:1px solid var(--line);overflow:hidden;background:#fff;display:flex;flex-direction:column}
.carte-video .video-grande{border-radius:0;aspect-ratio:16/9}
.carte-video .t{padding:22px;display:flex;flex-direction:column;gap:10px}
.carte-video .t .tete{display:flex;gap:12px;align-items:center}
.carte-video .t .tete img{width:46px;height:46px;object-fit:contain;border:1px solid var(--line-2);border-radius:10px;padding:4px}
.carte-video .t b{font-family:'Poppins';font-size:18px}
.carte-video .tags{font-size:13px;color:var(--blue);font-weight:600}
.carte-video p{font-size:15px;color:#4a4954;line-height:1.6}
.carte-video .auteur{font-size:13.5px;color:var(--muted)}
@media (max-width:860px){.cartes-video{grid-template-columns:1fr}}
.profils{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.profils div{padding:24px;border-radius:var(--r-lg);background:var(--mist)}
.profils b{display:block;font-family:'Poppins';font-size:18px;margin-bottom:8px}
.profils span{font-size:14.5px;color:#4a4954;line-height:1.55}
@media (max-width:1060px){.profils{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.profils{grid-template-columns:1fr}}
@media (max-width:600px){
  .orbite{width:calc(100% - 64px)}
  .grille-logos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grille-logos .logo-tuile img{max-width:100%}
}
.cycle span{right:0}

.resultats.r3{grid-template-columns:repeat(3,1fr)}.resultats.r3 .resultat:nth-child(4n+1){padding-left:26px;border-left:1px solid var(--line)}.resultats.r3 .resultat:nth-child(3n+1){padding-left:0;border-left:0}
.resultats.r2{grid-template-columns:repeat(2,1fr)}.resultats.r2 .resultat:nth-child(odd){padding-left:0;border-left:0}
.resultats.r1{grid-template-columns:1fr}
.autres-modules.six{grid-template-columns:repeat(6,1fr)}
@media (max-width:1060px){.resultats.r3{grid-template-columns:repeat(2,1fr)}.resultats.r3 .resultat:nth-child(n){padding-left:22px;border-left:1px solid var(--line)}.resultats.r3 .resultat:nth-child(odd){padding-left:0;border-left:0}.autres-modules.six{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.resultats.r3,.resultats.r2{grid-template-columns:1fr}.resultats.r3 .resultat,.resultats.r2 .resultat{padding-left:0!important;border-left:0!important}}
.demo-grille{padding-left:var(--gutter);padding-right:var(--gutter)}
@media (max-width:1060px){.demo-grille .formulaire{order:-1}.demo-grille{gap:36px}}

/* ---------- Bande de preuves (présentation 2026) ---------- */
.preuves-bande{padding:56px 0 24px}
.preuves-grille{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.preuve-item{padding:26px 20px;display:flex;flex-direction:column;gap:8px}
.preuve-item+.preuve-item{border-left:1px solid var(--line)}
.preuve-item>b{font-family:'Poppins';font-size:clamp(30px,3vw,42px);letter-spacing:-.035em;line-height:1;color:var(--ct)}
.preuve-item>span{font-size:14.5px;line-height:1.45;color:#4a4954}
.preuve-item .qui{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13.5px;color:var(--ink);margin-top:auto}
.preuve-item .qui img{width:22px;height:22px;object-fit:contain;border-radius:5px;border:1px solid var(--line-2);background:#fff}
.preuve-item .qui button{border:0;background:var(--ink);color:#fff;width:26px;height:26px;border-radius:50%;cursor:pointer;margin-left:auto;display:grid;place-items:center;padding:0;line-height:0;flex:none}.preuve-item .qui button svg{display:block}
.preuves-chute{text-align:center;font-size:clamp(18px,1.7vw,22px);margin-top:28px;font-family:'Poppins';font-weight:500;letter-spacing:-.015em}
.preuves-chute b{font-weight:700}
.preuves-note{text-align:center;font-size:12.5px;color:var(--muted);margin-top:8px}
@media (max-width:1060px){.preuves-grille{grid-template-columns:repeat(2,1fr)}.preuve-item+.preuve-item{border-left:0}.preuve-item{border-bottom:1px solid var(--line)}}

/* ---------- Mur des 70 outils ---------- */
.mur{background:linear-gradient(180deg,#fff,#f7f7fb)}
.mur-tete{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:36px}
.mur-tete>div:first-child{max-width:760px}
.mur-tete .lead{margin-top:16px}
.mur-tete .bascule{margin-top:0}
.mur-scene{position:relative;display:grid;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:0 30px 70px -40px rgba(30,25,70,.35);padding:28px}
.mur-avant,.mur-plateforme{grid-area:1/1}
.mur-colonnes{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.mur-col h3{display:flex;align-items:center;gap:8px;font-family:'DM Sans';font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ci);margin-bottom:12px;transition:opacity .3s}
.mur-col h3 i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.logo-outil{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;font-weight:500;color:#34313f;transition:transform .8s cubic-bezier(.6,.05,.3,1) var(--delai,0ms),opacity .45s ease calc(var(--delai,0ms) + .3s)}
.logo-outil img{width:24px;height:24px;border-radius:7px;flex:none;box-shadow:0 2px 6px -2px rgba(20,20,40,.25)}
.mur-partout{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px dashed var(--line)}
.mur-partout .lab{font-weight:700;font-size:14px}
.mur-partout .lp{display:flex;gap:8px;flex-wrap:wrap}
.mur-partout .logo-outil{padding:0}
.mur-partout .chute{margin-left:auto;font-family:'Poppins';font-weight:600;font-size:15px;color:#c43d2c;letter-spacing:-.01em}
.mur-plateforme{align-self:stretch;display:flex;flex-direction:column;border-radius:22px;border:1px solid var(--line-2);background:linear-gradient(180deg,#fff,#f7f8ff);overflow:hidden;opacity:0;transform:scale(.96);transition:opacity .5s ease,transform .5s ease;pointer-events:none;box-shadow:var(--shadow-window)}
.mur-modules{flex:1;display:grid;grid-template-columns:repeat(6,1fr);align-content:center;gap:12px;padding:26px 24px 10px}
.mur-module{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:20px 10px;border-radius:18px;background:var(--cs);transition:transform .2s}
.mur-module:hover{transform:translateY(-3px)}
.mur-module .ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:#fff;background:var(--c);box-shadow:0 10px 22px -10px var(--c)}
.mur-module b{font-family:'Poppins';font-size:16px;letter-spacing:-.015em}
.mur-module small{font-size:12.5px;color:var(--ci);font-weight:600}
.mur-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 24px 26px}
.mur-stats div{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--line-2)}
.mur-stats b{font-family:'Poppins';font-size:40px;line-height:1;letter-spacing:-.04em;color:var(--blue)}
.mur-stats span{font-size:14.5px;font-weight:600;line-height:1.35}
.mur-scene.apres .logo-outil{transform:translate(var(--dx,0),var(--dy,0)) scale(.3);opacity:0}
.mur-scene.apres .mur-col h3,.mur-scene.apres .mur-partout .lab,.mur-scene.apres .mur-partout .chute{opacity:0}
.mur-scene.apres .mur-partout{border-color:transparent}
.mur-scene.apres .mur-plateforme{opacity:1;transform:none;pointer-events:auto;transition:opacity .55s ease .7s,transform .55s ease .7s}
.mur-scene.apres .mur-avant{pointer-events:none}
.mur-note{font-size:12.5px;color:var(--muted-2);margin-top:14px}
@media (max-width:1060px){.mur-colonnes{grid-template-columns:repeat(3,1fr)}.mur-modules{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){
  .mur-scene{padding:18px}
  .mur-colonnes{grid-template-columns:repeat(2,1fr);gap:18px 12px}
  .mur-col{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}
  .mur-col h3{width:100%;margin-bottom:2px}
  .mur-col .logo-outil .nom{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .mur-col .logo-outil img{width:28px;height:28px}
  .mur-partout .chute{margin-left:0}
  .mur-modules{grid-template-columns:repeat(2,1fr);padding:18px 14px 6px}
  .mur-stats{grid-template-columns:1fr;padding:12px 14px 18px}
}

/* ---------- Visite guidée ---------- */
.galerie{background:var(--night);color:#fff}
.galerie .h-1{color:#fff}.galerie .lead{color:#b9b7c6}.galerie .eyebrow{color:var(--blue-glow)}
.g-cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.g-cat{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#dcdce6;font-weight:600;font-size:14.5px;cursor:pointer;transition:all .2s}
.g-cat i{width:9px;height:9px;border-radius:50%;background:var(--c)}
.g-cat small{color:#8d8b97;font-weight:600}
.g-cat:hover{border-color:rgba(255,255,255,.3)}
.g-cat[aria-pressed=true]{background:#fff;color:var(--ink);border-color:#fff}
.g-cat[aria-pressed=true] small{color:var(--muted)}
.g-corps{display:grid;grid-template-columns:330px 1fr;gap:28px;align-items:start}
.g-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:640px;overflow:auto;scrollbar-width:thin}
.g-item{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#b9b7c6;padding:12px 14px;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:background-color .2s,border-color .2s}
.g-item b{color:#fff;font-size:15px;font-weight:600}
.g-item span{font-size:13.5px;line-height:1.45}
.g-item:hover{background:rgba(255,255,255,.04)}
.g-item[aria-pressed=true]{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);box-shadow:inset 3px 0 0 var(--c)}
.g-ecran{margin:0;position:sticky;top:110px}
.g-ecran .fenetre{position:relative;border-color:rgba(255,255,255,.12);box-shadow:0 40px 100px -20px rgba(0,0,0,.7)}
.g-ecran .fenetre-corps{aspect-ratio:1800/1136;overflow:hidden;background:#f4f4f8}
.g-ecran .fenetre-corps img{width:100%;height:100%;object-fit:contain;object-position:top left;transition:opacity .25s ease}
.g-ecran .fenetre-corps img.charge{opacity:.25}
@media (max-width:1060px){.g-corps{grid-template-columns:1fr}.g-ecran{position:relative;top:0;order:-1}.g-liste{flex-direction:row;overflow-x:auto;max-height:none;gap:8px}.g-liste li{flex:0 0 240px}}

/* ---------- Démarrage ---------- */
.etapes-dem{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:none}
.etapes-dem li{position:relative;padding:26px;border-radius:var(--r-lg);background:var(--mist);display:flex;flex-direction:column;gap:8px}
.etapes-dem .num{width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:'Poppins';font-weight:700}
.etapes-dem b{font-family:'Poppins';font-size:19px;letter-spacing:-.015em;margin-top:6px}
.etapes-dem li>span:last-child{color:#4a4954;font-size:15px;line-height:1.55}
@media (max-width:860px){.etapes-dem{grid-template-columns:1fr}}

/* ---------- Configurateur 2026 ---------- */
.socle{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r-lg);background:var(--ink);color:#fff;margin-bottom:6px}
.socle .case.on{flex:none;width:24px;height:24px;border-radius:8px;background:#fff;color:var(--ink);display:grid;place-items:center}
.socle b{display:block;font-family:'Poppins';font-size:17px}
.socle small{color:#b9b7c6;font-size:13.5px}
.socle .prix{margin-left:auto;font-weight:700;white-space:nowrap}
.config-titre{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:22px 0 10px}
.recap ul li.ligne{display:flex;justify-content:space-between;gap:12px}
.recap ul li.ligne::before{display:none}
.recap ul li.ligne b{white-space:nowrap}
.recap ul li.quota{font-size:13px;color:#a6a4b4}

/* ---------- Tarifs 2026 ---------- */
.prix-modules th small{display:block;font-family:'DM Sans';font-weight:500;font-size:12.5px;color:var(--muted);letter-spacing:0}
.prix-modules td b{display:block;font-size:16px}
.prix-modules td small{display:block;font-size:13px;color:var(--muted)}
.prix-modules tbody th{text-align:left;font-family:'DM Sans';font-size:15px}
.prix-modules tr.opt td{font-size:14px;color:#4a4954}
.option .prix-opt{float:right;font-weight:700;color:var(--blue-deep)}
.conso{margin-top:28px;padding:24px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line)}
.conso>b{font-family:'Poppins';font-size:18px;display:block}
.conso>span{color:var(--muted);font-size:14.5px}
.conso ul{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.conso li{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:12px;background:var(--mist);font-size:13.5px}
.conso li b{font-size:13.5px}
@media (max-width:860px){.conso ul{grid-template-columns:1fr 1fr}}

fieldset.champ.groupe{border:0;padding:0;margin:18px 0 0;min-width:0}
fieldset.champ.groupe legend{font-size:14px;font-weight:600;padding:0;margin-bottom:2px}
.succes:focus{outline:none}

.mur-fiche{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 24px 0;padding:14px 18px;border-radius:18px;background:#fff;border:1px solid var(--line-2);box-shadow:0 14px 30px -20px rgba(30,25,70,.35)}
.mur-fiche .av{width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:700;flex:none}
.mur-fiche b{display:block;font-family:'Poppins';font-size:16px}
.mur-fiche small{display:block;font-size:13px;color:var(--muted)}
.mur-trajet{list-style:none;margin:0 0 0 auto;padding:0;display:flex;gap:6px;flex-wrap:wrap;counter-reset:t}
.mur-trajet li{position:relative;padding:6px 12px;border-radius:999px;background:var(--cs);color:var(--ci);font-size:12.5px;font-weight:700}
.mur-trajet li+li::before{content:"";position:absolute;left:-7px;top:50%;width:8px;height:2px;background:var(--line)}
@media (max-width:700px){.mur-fiche{margin:14px 14px 0}.mur-trajet{margin-left:0}}
.g-corps>*{min-width:0}

/* ---------- Méga-menus Services (façon Odoo Industries) et Ressources ---------- */
.mega.mega-services{grid-template-columns:1fr;gap:18px}
.ms-grille{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 22px}
.ms-fam{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ci);margin:0 0 8px}
.ms-fam i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.ms-col{display:flex;flex-direction:column;gap:2px;min-width:0}
.ms-col a{display:flex;align-items:center;gap:9px;height:40px;padding:0 8px;margin:0 -8px;border-radius:10px;font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap}
.ms-col a:hover{background:var(--cs)}
.ms-ic{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--cs);color:var(--ci)}
.ms-col a:hover .ms-ic{background:var(--c);color:#fff}
.ms-fam{height:22px}
.ms-tout{display:inline-flex;align-items:center;gap:8px;justify-self:start;font-weight:600;color:var(--blue);padding-top:14px;border-top:1px solid var(--line-2);width:100%}
.mega.mega-ressources{left:auto;right:150px;width:400px;grid-template-columns:1fr;gap:2px;padding:12px}
.mega.mega-ressources.ouvert{display:grid}
.mr{display:block;padding:12px 14px;border-radius:12px}
.mr:hover{background:var(--mist)}
.mr b{display:block;font-size:15px}
.mr small{display:block;font-size:13.5px;color:var(--muted)}

/* ---------- Services de l'école ---------- */
.sv-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 40px}
.sv-col{display:flex;flex-direction:column;gap:6px;scroll-margin-top:110px}
.sv-fam{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ci);margin:0 0 8px;padding-bottom:10px;border-bottom:2px solid var(--c)}
.sv-fam i{width:9px;height:9px;border-radius:50%;background:var(--c)}
.sv{display:flex;gap:11px;align-items:flex-start;padding:12px;border-radius:14px;transition:background-color .2s,transform .2s}
.sv:hover{background:var(--cs);transform:translateX(2px)}
.sv .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--cs);color:var(--ci)}
.sv:hover .ic{background:var(--c);color:#fff}
.sv b{display:block;font-size:14.5px;font-weight:700;line-height:1.3}
.sv small{display:block;font-size:13px;color:var(--muted);line-height:1.4;margin-top:2px}
@media (max-width:1180px){.ms-grille{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.sv-grille{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.sv-grille{grid-template-columns:1fr 1fr;gap:14px}.sv{padding:10px 6px}.sv .ic{display:none}}

/* ---------- Page service ---------- */
.bloc-service{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.bloc-service+.bloc-service{margin-top:96px}
.bloc-service.inverse>div:first-child{order:2}
.bloc-service h3{font-size:clamp(26px,2.6vw,34px)}
.bloc-service .lead{margin-top:14px;font-size:17px}
.bloc-service .liste-coches{margin-top:22px}
.bloc-service .fenetre{position:relative}
@media (max-width:860px){.bloc-service{grid-template-columns:1fr;gap:26px}.bloc-service.inverse>div:first-child{order:0}.bloc-service+.bloc-service{margin-top:64px}}
.preuve-service{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:24px 28px;border-radius:var(--r-xl);background:var(--cs)}
.preuve-service>b{font-family:'Poppins';font-size:clamp(34px,3.6vw,48px);letter-spacing:-.04em;line-height:1;color:var(--ct)}
.preuve-service>span{font-size:16px;max-width:38ch;line-height:1.45}
.preuve-service .qui{display:flex;align-items:center;gap:10px;font-weight:600}
.preuve-service .qui img{width:28px;height:28px;object-fit:contain;border-radius:6px;background:#fff;padding:2px}
.preuve-service .btn{margin-left:auto}
.carte-module .prix-mod{margin-top:6px;font-size:13px;font-weight:700;color:var(--ink)}
.voisins{margin-top:28px;font-size:15px;color:var(--muted);line-height:2}
.capture-prix{margin-top:14px;font-size:14px;color:#dfe4ff}
.capture-prix a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}

.tv-ecran{grid-template-columns:1fr auto;align-items:end;min-height:96px}
.tv-barres{display:flex;align-items:flex-end;gap:5px;height:70px}
.tv-barres i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#9fb0ff,#3B57E0)}
.tv-anneau{width:62px;height:62px;border-radius:50%;background:conic-gradient(#5ed39b 0 68%,#2c2b31 0);-webkit-mask:radial-gradient(circle,transparent 55%,#000 56%);mask:radial-gradient(circle,transparent 55%,#000 56%)}
.erreur-envoi{margin:0 0 16px;padding:12px 14px;border-radius:12px;background:#FDECEE;color:#9b1c2c;font-size:14px;font-weight:600}

/* ---------- Pages service enrichies ---------- */
.heros-service .pour{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:26px;font-size:14px}
.heros-service .pour span{color:var(--muted);font-weight:600;margin-right:4px}
.heros-service .pour b{font-weight:600;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line)}
.heros-service .visuel .puce-vivante{opacity:1;transform:none}
.sv-outils{padding-top:56px}
.sv-outils-grille{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:stretch}
.sv-avant,.sv-apres{border-radius:var(--r-xl);padding:30px}
.sv-avant{background:#fff;border:1px dashed #d9d6df}
.sv-apres{background:var(--cs);border:1px solid transparent}
.sv-tag{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.sv-apres .sv-tag{color:var(--ci)}
.sv-avant h2,.sv-apres h2{margin-bottom:18px}
.sv-logos{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.sv-logo{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--mist);font-size:13.5px;font-weight:600;color:#4a4954}
.sv-logo img{width:24px;height:24px;border-radius:7px}
.sv-douleurs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sv-douleurs li{display:flex;gap:10px;font-size:15px;color:#4a4954;line-height:1.45}
.sv-douleurs li::before{content:"✕";flex:none;width:20px;height:20px;border-radius:50%;background:#FDECEE;color:#c62b3c;display:grid;place-items:center;font-size:11px;font-weight:700;margin-top:1px}
.sv-fleche{align-self:center;width:56px;height:56px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}
.sv-connectes{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:18px;font-size:13.5px}
.sv-connectes span{color:var(--muted);margin-right:4px}
.sv-connectes b{padding:5px 10px;border-radius:999px;background:#fff;font-weight:600}
@media (max-width:960px){.sv-outils-grille{grid-template-columns:1fr}.sv-fleche{transform:rotate(90deg);justify-self:center}}
.saison{background:linear-gradient(180deg,#fff,var(--mist))}
.ss-corps{display:grid;grid-template-columns:400px 1fr;gap:32px;align-items:start}
.ss-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;position:relative}
.ss-liste::before{content:"";position:absolute;left:31px;top:24px;bottom:24px;width:2px;background:var(--line)}
.ss-etape{width:100%;text-align:left;display:flex;gap:16px;align-items:flex-start;padding:14px 16px;border-radius:18px;border:1px solid transparent;background:transparent;cursor:pointer;position:relative;transition:background-color .2s,border-color .2s}
.ss-num{flex:none;width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid var(--line);display:grid;place-items:center;font-weight:700;font-size:14px;color:var(--muted);transition:all .2s;z-index:1}
.ss-txt{display:flex;flex-direction:column;gap:4px}
.ss-txt b{font-family:'Poppins';font-size:16.5px;letter-spacing:-.01em}
.ss-vous{font-size:14px;color:var(--muted);line-height:1.45}
.ss-mys{display:none;font-size:14.5px;line-height:1.5;color:var(--ink)}
.ss-mys::before{content:"MeetYourSchool · ";font-weight:700;color:var(--ci)}
.ss-etape:hover{background:#fff}
.ss-etape[aria-pressed=true]{background:#fff;border-color:var(--line);box-shadow:0 14px 30px -20px rgba(30,25,70,.4)}
.ss-etape[aria-pressed=true] .ss-num{background:var(--ci);border-color:var(--ci);color:#fff}
.ss-etape[aria-pressed=true] .ss-mys{display:block}
.ss-ecran{margin:0;position:sticky;top:110px}
.ss-ecran .fenetre{position:relative}
.ss-ecran .fenetre-corps img{transition:opacity .25s ease}
.ss-ecran .fenetre-corps img.charge{opacity:.25}
@media (max-width:1060px){.ss-corps{grid-template-columns:1fr}.ss-ecran{position:relative;top:0;order:-1}}
.sv-cotes .h-1{color:#fff}
.cotes-grille{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:22px}
.cote{margin:0;display:flex;flex-direction:column;gap:12px}
.cote-tete{display:flex;flex-direction:column;gap:2px}
.cote-tete span{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c)}
.cote-tete b{font-family:'Poppins';font-size:18px;color:#fff}
.cote .fenetre{position:relative;border-color:rgba(255,255,255,.12)}
.cote figcaption{font-size:14.5px;color:#b9b7c6;line-height:1.5}
@media (max-width:960px){.cotes-grille{grid-template-columns:1fr}}
.kpis-grille{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
.kpis{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.kpis li{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:var(--cs);color:var(--ink);font-weight:600;font-size:14.5px}
.kpis li svg{color:var(--ci)}
@media (max-width:860px){.kpis-grille{grid-template-columns:1fr}}
/* écrans de format variable : cadre fixe, haut de l'écran visible */
.ss-ecran .fenetre-corps,.cote .fenetre-corps,.bloc-service .fenetre-corps,.heros-service .visuel .fenetre-corps{aspect-ratio:1800/1136;overflow:hidden;background:#f4f4f8}
.ss-ecran .fenetre-corps img,.cote .fenetre-corps img,.bloc-service .fenetre-corps img,.heros-service .visuel .fenetre-corps img{width:100%;height:100%;object-fit:cover;object-position:top center}

/* ======================= Visuels animés ======================= */
.fenetre-corps:has(.anim){aspect-ratio:1800/1136;position:relative;overflow:hidden;background:linear-gradient(135deg,#f5f7ff,#fdf4f8);container-type:inline-size}
.anim{position:absolute;inset:0;padding:4.5cqw 4.5cqw;font-size:max(9px,1.75cqw);line-height:1.35;color:var(--ink);display:grid;gap:3cqw}
.anim b{font-weight:700}
.anim small{display:block;color:var(--muted);font-size:.86em}
.an-av{border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-weight:700;font-size:.78em;flex:none}
.an-k{background:#fff;border:1px solid var(--line);border-radius:.9em;padding:.7em .9em;display:flex;flex-direction:column}
.an-k b{font-family:'Poppins';font-size:2em;letter-spacing:-.03em;line-height:1.05;color:var(--blue)}
.an-k.vert b{color:#059669}
.an-k.grand b{font-size:3.2em}
.an-k span{font-size:.86em;color:var(--muted);font-weight:600}
.an-toast{display:flex;align-items:center;gap:.5em;padding:.6em .8em;border-radius:.8em;background:#eef2ff;color:#3730a3;font-weight:600;font-size:.88em;opacity:0;transform:translateY(.6em);transition:opacity .4s,transform .4s}
.an-toast.vert{background:#ecfdf5;color:#065f46}
.an-toast.vu{opacity:1;transform:none}
.an-btn{display:inline-flex;align-items:center;gap:.4em;padding:.5em .9em;border-radius:.7em;background:var(--blue);color:#fff;font-weight:700;font-size:.9em;transition:transform .2s,box-shadow .2s}
.an-btn.vu{transform:scale(.94);box-shadow:0 0 0 .35em rgba(59,87,224,.25)}
.an-mt-scan{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#7c3aed,transparent);box-shadow:0 0 12px #7c3aed;opacity:0}
.anim.joue .an-mt-scan{animation:an-scan 2.6s linear infinite;opacity:1}
@keyframes an-scan{0%{top:6%}100%{top:94%}}
/* workflow */
.an-workflow{grid-template-columns:1.55fr 1fr}
.an-wf-zone{position:relative}
.an-wf-fils{position:absolute;inset:0;width:100%;height:100%}
.an-wf-n{position:absolute;transform:translate(-50%,-50%);width:58%;display:flex;gap:.6em;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:.8em;padding:.5em .7em;box-shadow:0 .4em 1em -.6em rgba(30,25,70,.3);transition:border-color .3s,box-shadow .3s,background-color .3s}
.an-wf-n[style*="left:27%"],.an-wf-n[style*="left:73%"]{width:44%}
.an-wf-n .ic{flex:none;width:2.1em;height:2.1em;border-radius:.6em;display:grid;place-items:center;background:var(--mist);color:var(--muted);transition:all .3s}
.an-wf-n b{display:block;font-size:.8em;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.an-wf-n small{color:var(--ink);font-size:.92em;font-weight:600}
.an-wf-n.vu{border-color:var(--blue);box-shadow:0 0 0 .35em rgba(59,87,224,.14)}
.an-wf-n.vu .ic{background:var(--blue);color:#fff}
.an-wf-n.gris{opacity:.55}
.an-wf-n[style*="left:27%"].vu{border-color:#059669;box-shadow:0 0 0 .35em rgba(5,150,105,.15)}
.an-wf-n[style*="left:27%"].vu .ic{background:#059669}
.an-wf-jeton{position:absolute;transform:translate(-50%,-50%);transition:top .7s cubic-bezier(.6,.05,.3,1),left .7s cubic-bezier(.6,.05,.3,1);z-index:2;filter:drop-shadow(0 .3em .5em rgba(59,87,224,.5))}
.an-wf-jeton .an-av{border:2px solid #fff}
.an-wf-jeton[data-p=a]{top:10%;left:16%}.an-wf-jeton[data-p=b]{top:28%;left:16%}.an-wf-jeton[data-p=c]{top:46%;left:16%}.an-wf-jeton[data-p=d]{top:64%;left:16%}.an-wf-jeton[data-p=e]{top:86%;left:2%}
.an-wf-cote{display:flex;flex-direction:column;gap:.7em;justify-content:center}
/* pipeline */
.an-pipeline{grid-template-rows:1fr auto}
.an-pl{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:.7em}
.an-pl-col{background:#eef1f7;border-radius:.9em;padding:.6em;display:flex;flex-direction:column;gap:.5em}
.an-pl-t{display:flex;align-items:center;gap:.45em;font-weight:700;font-size:.9em}
.an-pl-t i{width:.6em;height:.6em;border-radius:50%}
.an-pl-t em{margin-left:auto;font-style:normal;background:#fff;border-radius:.6em;padding:0 .5em;color:var(--muted);font-size:.9em}
.an-pl-c{display:flex;gap:.5em;align-items:center;background:#fff;border-radius:.7em;padding:.5em .6em;border:1px solid var(--line)}
.an-pl-c b{font-size:.92em}
.an-pl-col .an-pl-c:first-of-type{margin-top:3.7em}
.an-pl-mobile{position:absolute;top:2.3em;width:calc(25% - 1.7em);display:flex;gap:.5em;align-items:center;background:#fff;border:2px solid var(--blue);border-radius:.7em;padding:.5em .6em;box-shadow:0 .8em 1.6em -.8em rgba(59,87,224,.6);transition:left .8s cubic-bezier(.6,.05,.3,1);z-index:2}
.an-pl-mobile b{font-size:.92em}
.an-pl-mobile[data-p=c0]{left:.6em}.an-pl-mobile[data-p=c1]{left:calc(25% + .78em)}.an-pl-mobile[data-p=c2]{left:calc(50% + .95em)}.an-pl-mobile[data-p=c3]{left:calc(75% + 1.13em);border-color:#059669}
.an-pl-score{margin-left:auto;font-weight:800;font-size:.8em;color:var(--blue);background:var(--blue-soft);border-radius:.5em;padding:.1em .4em}
.an-pl-toasts{display:flex;gap:.6em}
.an-pl-toasts .an-toast{flex:1}
/* placement */
.an-placement{grid-template-rows:auto 1fr}
.an-pc-tete{display:flex;align-items:center;gap:1em;flex-wrap:wrap}
.an-pc-k{font-size:.92em;color:var(--muted);font-weight:600}
.an-pc-k b{font-family:'Poppins';color:var(--ink);font-size:1.4em}
.an-pc-k.vert{color:#059669;opacity:0;transition:opacity .4s;display:inline-flex;gap:.3em;align-items:center}
.an-pc-k.vert.vu{opacity:1}
.an-pc-grille{display:grid;grid-template-columns:3.4em repeat(4,1fr);gap:.45em;align-content:start}
.an-os{font-weight:700;font-size:.82em;background:#fff;border:1px solid var(--line);border-radius:.6em;padding:.45em .55em}
.an-oh{font-size:.8em;color:var(--muted);text-align:right;padding-top:.8em}
.an-oc{height:3.1em;border-radius:.6em;border:1.5px dashed #cbd5e1;padding:.4em .55em;display:flex;flex-direction:column;justify-content:center;transition:all .35s}
.an-oc b,.an-oc small{opacity:0;transition:opacity .3s}
.an-oc.vu{border:0;border-left:.25em solid var(--blue);background:#eef2ff;transform:scale(1)}
.an-oc.vu b,.an-oc.vu small{opacity:1}
.an-oc.libre{color:#94a3b8;font-size:.82em;align-items:center}
/* appel et accueil */
.an-appel,.an-accueil{grid-template-columns:1.45fr 1fr}
.an-ap-liste{display:grid;grid-template-columns:1fr 1fr;gap:.45em;align-content:start}
.an-ap-l{display:flex;align-items:center;gap:.5em;background:#fff;border:1px solid var(--line);border-radius:.7em;padding:.45em .55em;transition:background-color .3s,border-color .3s;position:relative}
.an-ap-l b{font-size:.88em;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.an-ap-st{position:absolute;left:4.6em;bottom:.25em;font-size:.72em}
.an-ap-st em{font-style:normal;font-weight:700}
.an-ap-st .att{color:#94a3b8}.an-ap-st .ok{display:none;color:#059669}
.an-ap-l.vu{background:#f3fdf8;border-color:#bbf7d0}
.an-ap-l.vu .att{display:none}.an-ap-l.vu .ok{display:inline}
.an-ap-l b{padding-bottom:.7em}
.an-ap-sig{width:2.6em;height:1.2em;flex:none}
.an-ap-sig path{stroke-dasharray:80;stroke-dashoffset:80;transition:stroke-dashoffset .8s ease}
.an-ap-l.vu .an-ap-sig path{stroke-dashoffset:0}
.an-ap-l.arrivee{opacity:0;transform:translateY(-.6em);transition:opacity .4s,transform .4s}
.an-ap-l.arrivee.vu{opacity:1;transform:none}
.an-ap-h{font-size:.75em;color:var(--muted)}
.an-ap-cote{display:flex;flex-direction:column;gap:.7em;justify-content:center}
.an-ap-qr{background:#fff;border-radius:1em;padding:.8em;display:flex;align-items:center;gap:.8em;font-size:.82em;color:var(--muted);font-weight:600}
.an-ap-qr svg{width:4em;height:4em;color:var(--ink);flex:none}
.anim.joue .an-ap-qr svg{animation:an-pulse 2s ease-in-out infinite}
@keyframes an-pulse{50%{transform:scale(.92)}}
/* matching */
.an-matching{grid-template-columns:1fr 1.25fr}
.an-mt-cv{position:relative;background:#fff;border-radius:1em;padding:1em;border:1px solid var(--line);display:flex;flex-direction:column;gap:.55em;overflow:hidden}
.an-mt-tete{display:flex;gap:.6em;align-items:center;margin-bottom:.3em}
.an-mt-ligne{font-size:.88em;padding:.4em .55em;border-radius:.5em;background:var(--mist);transition:background-color .4s,color .4s}
.an-mt-ligne.vu{background:#f5f3ff;color:#5b21b6;font-weight:600}
.an-mt-offres{display:flex;flex-direction:column;gap:.55em;justify-content:center}
.an-mt-o{display:grid;grid-template-columns:1.6fr 1fr auto;gap:.7em;align-items:center;background:#fff;border:1px solid var(--line);border-radius:.8em;padding:.55em .7em;opacity:0;transform:translateX(.8em);transition:opacity .4s,transform .4s}
.an-mt-o.vu{opacity:1;transform:none}
.an-mt-o.top.vu{border:2px solid #059669;box-shadow:0 .6em 1.4em -.8em rgba(5,150,105,.6)}
.an-mt-o b{font-size:.9em}
.an-mt-barre{height:.5em;border-radius:999px;background:var(--mist);overflow:hidden}
.an-mt-barre i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#059669);transition:width 1.1s ease}
.an-mt-o.vu .an-mt-barre i{width:var(--s)}
.an-mt-s{font-family:'Poppins';font-size:1.05em;color:var(--ink);white-space:nowrap}
/* instruction */
.an-instruction{grid-template-columns:1.1fr 1fr}
.an-in-doc{position:relative;background:#fff;border-radius:.6em;box-shadow:0 .8em 2em -1em rgba(15,23,42,.3);padding:1.2em 1.4em;font-family:Georgia,serif;font-size:.9em;line-height:1.65;color:#334155;overflow:hidden}
.an-in-doc p{margin-bottom:.6em}
.an-in-onglet{font-family:'DM Sans';font-size:.85em;font-weight:700;color:var(--blue);margin-bottom:.7em}
.an-in-doc mark{background:transparent;color:inherit;border-radius:.2em;transition:background-color .5s}
.an-in-doc mark.m1.vu{background:#fef3c7}.an-in-doc mark.m2.vu{background:#e0e7ff}
.an-in-ia{display:flex;flex-direction:column;gap:.55em}
.an-in-t{display:flex;align-items:center;gap:.4em;font-weight:700;color:#7c3aed;font-size:.92em}
.an-in-c{background:#fff;border:1px solid var(--line);border-radius:.8em;padding:.55em .7em;opacity:0;transform:translateY(.5em);transition:opacity .4s,transform .4s}
.an-in-c.vu{opacity:1;transform:none}
.an-in-c div{display:flex;justify-content:space-between;gap:.5em;font-size:.9em}
.an-in-c div span{font-weight:700;color:var(--blue);font-size:.88em}
.an-in-c q{display:block;font-size:.84em;color:#475569;margin:.3em 0;padding-left:.5em;border-left:.2em solid #f59e0b;quotes:"« " " »"}
.an-in-c.m2 q{border-color:#6366f1}.an-in-c.m3 q{border-color:#22c55e}
.an-in-c small{display:flex;gap:.3em;align-items:center;color:#059669;font-weight:600}
.an-in-dec{display:flex;gap:.4em;align-items:center;flex-wrap:wrap;opacity:0;transition:opacity .4s}
.an-in-dec.vu{opacity:1}
.an-in-dec>span:not(.an-btn){padding:.45em .8em;border-radius:.7em;border:1px solid var(--line);background:#fff;font-weight:600;font-size:.88em}
.an-in-dec em{font-style:normal;font-size:.82em;color:var(--muted);margin-left:.3em}

/* ======================= De l'autre côté de l'écran : téléphones ======================= */
.sv-tels{overflow:hidden}
.sv-tels::before{content:"";position:absolute;width:1100px;height:1100px;left:50%;top:20%;transform:translateX(-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 35%,transparent),transparent);opacity:.55;pointer-events:none}
.sv-tels .sec-head{position:relative}
.tels{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:clamp(18px,4vw,56px);margin-top:20px}
.tel-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:16px;flex:0 1 300px;position:relative}
.tel-fig:nth-child(2){transform:translateY(-34px)}
.tels.n2 .tel-fig:nth-child(2){transform:none}
.tel-tete{text-align:center}
.tel-tete span{display:block;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ct)}
.tel-tete b{font-family:'Poppins';font-size:18px;color:#fff}
.tel{position:relative;width:100%;aspect-ratio:390/800;border-radius:46px;padding:11px;background:linear-gradient(145deg,#2a2a33,#0b0b10);box-shadow:0 50px 90px -30px rgba(0,0,0,.8),inset 0 0 0 1.5px #3a3a45}
.tel::before{content:"";position:absolute;left:50%;top:20px;transform:translateX(-50%);width:30%;height:22px;border-radius:999px;background:#0b0b10;z-index:2}
.tel img{width:100%;height:100%;object-fit:cover;border-radius:36px;display:block}
.anim-ok .tel-fig .tel{animation:tel-flotte 6s ease-in-out infinite}
.anim-ok .tel-fig:nth-child(2) .tel{animation-delay:-2s}
.anim-ok .tel-fig:nth-child(3) .tel{animation-delay:-4s}
@keyframes tel-flotte{50%{transform:translateY(-10px)}}
.tel-notif{position:absolute;z-index:3;top:34%;left:-22%;max-width:230px;display:flex;gap:10px;align-items:center;background:#fff;color:var(--ink);border-radius:16px;padding:10px 12px;box-shadow:0 20px 40px -14px rgba(0,0,0,.55)}
.tel-fig:nth-child(even) .tel-notif{left:auto;right:-22%;top:58%}
.tel-notif .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--cs);color:var(--ci)}
.tel-notif b{display:block;font-size:13px;line-height:1.3}
.tel-notif small{display:block;font-size:12px;color:var(--muted);line-height:1.35}
.tel-fig figcaption{font-size:14.5px;color:#b9b7c6;line-height:1.5;text-align:center;max-width:280px}
@media (max-width:900px){.tels{flex-direction:column;align-items:center}.tel-fig{flex:none;width:min(280px,80%)}.tel-fig:nth-child(2){transform:none}.tel-notif{left:-8%!important;right:auto!important;top:auto!important;bottom:18%}}
.ss-anime{font-style:normal;font-family:'DM Sans';font-size:11px;font-weight:700;color:var(--ci);background:var(--cs);border-radius:999px;padding:2px 7px;vertical-align:2px;margin-left:4px}
.ss-vue[hidden]{display:none!important}
.tel-fig:nth-child(3) .tel-notif{left:auto;right:-20%;top:40%}

/* Animation : offres à faire glisser */
.an-swipe{grid-template-columns:.8fr 1.25fr .95fr;align-items:center}
.an-sw-g{display:flex;flex-direction:column;gap:.45em;align-items:flex-start}
.an-sw-globe{width:9em;height:9em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#dbeafe,#93c5fd 55%,#60a5fa);position:relative;box-shadow:inset -1em -1em 2em rgba(30,64,175,.25),0 1em 2em -1em rgba(30,64,175,.4);align-self:center;margin-bottom:.4em}
.an-sw-globe::before{content:"";position:absolute;left:28%;top:22%;width:42%;height:48%;border-radius:45% 55% 40% 60%;background:#bbf7d0;opacity:.85}
.an-sw-pin{position:absolute;left:48%;top:40%;width:.9em;height:.9em;border-radius:50%;background:#ef4444;box-shadow:0 0 0 .35em rgba(239,68,68,.25)}
.anim.joue .an-sw-pin{animation:an-ping 1.6s ease-out infinite}
.an-sw-g>small{font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.an-sw-ville{font-family:'Poppins';font-size:1.25em}.an-sw-ville em{display:none;font-style:normal}
.an-sw-ville[data-p=a] .a,.an-sw-ville[data-p=b] .b,.an-sw-ville[data-p=c] .c,.an-sw-ville[data-p=d] .d{display:inline}
.an-sw-cpt{display:flex;gap:.4em;width:100%}.an-sw-cpt span{flex:1;background:#fff;border:1px solid var(--line);border-radius:.7em;padding:.4em;text-align:center;font-size:.78em;color:var(--muted)}.an-sw-cpt b{display:block;font-family:'Poppins';font-size:1.6em;color:var(--ink)}
.an-sw-pile{position:relative;height:100%;min-height:20em}
.an-sw-c{position:absolute;left:6%;right:6%;top:0;bottom:3.6em;background:#fff;border-radius:1.1em;overflow:hidden;box-shadow:0 1.2em 2.4em -1.2em rgba(30,25,70,.45);transition:transform .7s cubic-bezier(.3,.7,.3,1),opacity .7s;display:flex;flex-direction:column}
.an-sw-c:nth-child(1){transform:translate(0,1.2em) scale(.92)}.an-sw-c:nth-child(2){transform:translate(0,.8em) scale(.95)}.an-sw-c:nth-child(3){transform:translate(0,.4em) scale(.97)}
.an-sw-c.d.vu{transform:translateX(130%) rotate(18deg);opacity:0}.an-sw-c.g.vu{transform:translateX(-130%) rotate(-18deg);opacity:0}.an-sw-c.h.vu{transform:translateY(-120%) scale(.9);opacity:0}
.an-sw-v{flex:1;color:#fff;padding:.8em;display:flex;flex-direction:column;justify-content:flex-end;position:relative;min-height:0}
.an-sw-v b{font-family:'Poppins';font-size:2.3em;letter-spacing:-.03em;line-height:1}
.an-sw-tag{position:absolute;left:.8em;top:.8em;background:rgba(255,255,255,.95);color:var(--blue);font-weight:700;font-size:.72em;border-radius:.6em;padding:.25em .6em}
.an-sw-st{position:absolute;right:.8em;top:1.6em;border:.18em solid;border-radius:.5em;padding:.15em .5em;font-weight:900;font-size:1em;letter-spacing:.04em;background:rgba(255,255,255,.92);transform:rotate(-12deg);opacity:0;transition:opacity .2s}
.an-sw-st.d{color:#16a34a}.an-sw-st.g{color:#dc2626;transform:rotate(12deg);right:auto;left:.8em}.an-sw-st.h{color:#4f46e5}
.an-sw-c.vu .an-sw-st{opacity:1}
.an-sw-b{padding:.7em .8em;display:flex;flex-direction:column;gap:.2em}.an-sw-b span{display:flex;gap:.3em;flex-wrap:wrap;margin-top:.2em}.an-sw-b i{font-style:normal;font-size:.72em;background:#f1f5f9;border-radius:.5em;padding:.15em .5em;color:#334155}
.an-sw-btns{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:.8em}
.an-sw-btns span{width:2.8em;height:2.8em;border-radius:50%;display:grid;place-items:center;box-shadow:0 .6em 1.2em -.6em rgba(15,23,42,.45);background:#fff}
.an-sw-btns .x{color:#dc2626}.an-sw-btns .z{background:#1e1b4b;color:#fff}.an-sw-btns .h{background:#ec4899;color:#fff;width:3.2em;height:3.2em}
.an-sw-btns .vu{animation:an-press .45s}
@keyframes an-press{40%{transform:scale(.82)}100%{transform:scale(1)}}
.an-sw-d{display:flex;flex-direction:column;gap:.5em;background:#fff;border:1px solid var(--line);border-radius:1em;padding:.9em;align-self:center}
.an-sw-sel{display:flex;gap:.5em;align-items:center;border:1.5px dashed #f9a8d4;border-radius:.8em;padding:.5em .6em;color:#db2777;opacity:0;transform:translateX(1em);transition:opacity .4s,transform .4s}
.an-sw-sel.vu{opacity:1;transform:none;border-style:solid;background:#fdf2f8}.an-sw-sel b{color:var(--ink);font-size:.9em}
/* Animation : mobilisation des ambassadeurs */
.an-mobilisations{grid-template-columns:1.35fr 1fr}
.an-mo-carte{position:relative;background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid var(--line);border-radius:1em;overflow:hidden}
.an-mo-fond{position:absolute;inset:0;width:100%;height:100%}
.an-mo-v{position:absolute;transform:translate(-50%,-50%);font-size:.7em;color:#94a3b8;font-weight:600;white-space:nowrap;margin-top:1.4em}
.an-mo-rayon{position:absolute;left:51%;top:47%;width:58%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(0);background:radial-gradient(circle,rgba(79,70,229,.14),rgba(79,70,229,.06) 70%);border:2px dashed rgba(79,70,229,.55);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.an-mo-rayon.vu{transform:translate(-50%,-50%) scale(1)}
.an-mo-p{position:absolute;width:.7em;height:.7em;border-radius:50%;background:#cbd5e1;transform:translate(-50%,-50%);transition:background .3s,box-shadow .3s}
.an-mo-p.vu{background:var(--blue);box-shadow:0 0 0 .3em rgba(59,87,224,.2)}
.an-mo-pin{position:absolute;left:51%;top:47%;transform:translate(-50%,-100%) translateY(-1.5em);color:#ef4444;opacity:0;transition:transform .5s cubic-bezier(.3,1.6,.5,1),opacity .3s;filter:drop-shadow(0 .3em .3em rgba(0,0,0,.25))}
.an-mo-pin.vu{opacity:1;transform:translate(-50%,-100%)}
.an-mo-r{position:absolute;left:.8em;top:.8em;background:#fff;border:1px solid var(--line);border-radius:.6em;padding:.3em .6em;font-size:.78em;font-weight:700;color:var(--blue);opacity:0;transition:opacity .4s}.an-mo-r.vu{opacity:1}
.an-mo-k{position:absolute;right:.8em;bottom:.8em;background:#fff;border-radius:.8em;padding:.5em .8em;box-shadow:0 .6em 1.4em -.8em rgba(30,25,70,.4);display:flex;flex-direction:column}.an-mo-k b{font-family:'Poppins';font-size:1.9em;line-height:1;color:var(--blue)}.an-mo-k span{font-size:.78em;color:var(--muted);font-weight:600}
.an-mo-d{display:flex;flex-direction:column;gap:.6em;min-height:0}
.an-mo-m{display:flex;gap:.6em;align-items:center;background:#fff;border:1px solid var(--line);border-radius:.9em;padding:.6em .7em}
.an-mo-ic{width:2.2em;height:2.2em;border-radius:.6em;background:#fff7ed;color:#ea580c;display:grid;place-items:center;flex:none}
.an-mo-l{display:flex;flex-direction:column;gap:.35em}
.an-mo-c{display:flex;align-items:center;gap:.5em;background:#fff;border:1px solid var(--line);border-radius:.7em;padding:.3em .5em;font-size:.88em;opacity:0;transform:translateY(.5em);transition:opacity .35s,transform .35s}
.an-mo-c.vu{opacity:1;transform:none}.an-mo-c b{flex:1}.an-mo-c em{font-style:normal;font-size:.8em;font-weight:700;border-radius:.5em;padding:.1em .5em}
.an-mo-c em.ok{background:#ecfdf5;color:#059669}.an-mo-c em.att{background:#fffbeb;color:#b45309}
.an-mo-q{display:flex;justify-content:space-between;align-items:center;font-size:.85em;color:var(--muted);font-weight:600;margin-top:auto}.an-mo-q b{font-family:'Poppins';font-size:1.4em;color:var(--ink)}
/* Animation : studio de matching ambassadeurs */
.an-matching-amb{grid-template-columns:.9fr 1fr 1.25fr;align-items:center}
.an-ma-t{display:flex;gap:.4em;align-items:center;font-weight:700;font-size:.85em;color:var(--muted);margin-bottom:.5em}
.an-ma-p,.an-ma-regles{background:#fff;border:1px solid var(--line);border-radius:1em;padding:.8em}
.an-ma-r{padding:.35em 0;border-bottom:1px solid #f1f5f9;opacity:.25;transition:opacity .4s}.an-ma-r.vu{opacity:1}.an-ma-r small{font-size:.75em}
.an-ma-rg{display:grid;grid-template-columns:1fr auto;gap:0 .4em;padding:.35em 0;border-bottom:1px solid #f1f5f9;opacity:.35;transition:opacity .4s}.an-ma-rg.vu{opacity:1}
.an-ma-rg small{grid-column:1}.an-ma-rg em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-size:.72em;font-weight:700;border-radius:.5em;padding:.15em .5em}
.an-ma-rg em.p0{background:#4f46e5;color:#fff}.an-ma-rg em.p1{background:#eef2ff;color:#4f46e5}.an-ma-rg em.p2{background:#f1f5f9;color:#475569}.an-ma-rg em.p3{background:#f8fafc;color:#94a3b8}
.an-ma-eg{display:block;margin-top:.5em;font-size:.75em}
.an-ma-amb{display:flex;flex-direction:column;gap:.5em}
.an-ma-a{display:grid;grid-template-columns:auto 1fr;gap:.2em .6em;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:.9em;padding:.6em .7em;opacity:0;transform:translateX(1em);transition:opacity .4s,transform .4s,border-color .4s,box-shadow .4s}
.an-ma-a.vu{opacity:1;transform:none}.an-ma-a.top.vu{border-color:#10b981;box-shadow:0 0 0 .3em rgba(16,185,129,.14)}
.an-ma-tx small{font-size:.74em}.an-ma-s{grid-column:1/3;height:.5em;border-radius:1em;background:#eef2f7;overflow:hidden;display:block}
.an-ma-s i{display:block;height:100%;width:0;border-radius:1em;background:linear-gradient(90deg,#4f46e5,#10b981);transition:width 1.2s .3s}
.an-ma-a.vu .an-ma-s i{width:var(--s)}.an-ma-n{grid-column:2;grid-row:1;justify-self:end;font-family:'Poppins';font-size:1.1em;color:var(--ink)}
.an-ma-a .an-av{grid-row:1}.an-ma-tx{grid-column:2;grid-row:1;padding-right:3em}
/* Animation : agent LinkedIn */
.an-linkedin{grid-template-rows:auto auto auto;align-content:center}
.an-li-tete{display:flex;align-items:center;gap:.7em;background:#fff;border:1px solid var(--line);border-radius:1em;padding:.6em .8em}
.an-li-logo{width:2.2em;height:2.2em;border-radius:.6em;background:#0a66c2;color:#fff;display:grid;place-items:center;flex:none}
.an-li-tete>span:nth-child(2){flex:1}.an-li-k{font-size:.85em;color:var(--muted);font-weight:600}.an-li-k b{font-family:'Poppins';font-size:1.4em;color:var(--ink)}
.an-li-liste{display:flex;flex-direction:column;gap:.5em}
.an-li-l{display:grid;grid-template-columns:auto 9em 1fr;align-items:center;gap:.7em;background:#fff;border:1.5px solid var(--line);border-radius:.9em;padding:.55em .8em;transition:border-color .3s,box-shadow .3s}
.an-li-l.vu{border-color:#93c5fd;box-shadow:0 0 0 .3em rgba(10,102,194,.1)}
.an-li-l:has(.an-li-res.vu){border-color:#a7f3d0;box-shadow:none}.an-li-l.prop:has(.an-li-res.vu){border-color:#fcd34d}
.an-li-n small{font-size:.75em}
.an-li-cherche{color:#94a3b8;font-size:.85em;display:flex;gap:.4em;align-items:center}
.an-li-l.vu .an-li-cherche{color:#0a66c2}.an-li-l:has(.an-li-res.vu) .an-li-cherche{display:none}
.an-li-res{display:none;grid-template-columns:1fr 1.2fr .7fr auto;gap:.6em;align-items:center}
.an-li-res.vu{display:grid;animation:an-flash .8s}
.an-li-res small{font-size:.7em}.an-li-res b{font-size:.9em}
.an-li-res em{font-style:normal;font-size:.75em;font-weight:700;border-radius:.5em;padding:.2em .55em;white-space:nowrap}.an-li-res em.ok{background:#ecfdf5;color:#059669}.an-li-res em.att{background:#fffbeb;color:#b45309}
@keyframes an-flash{0%{opacity:0;transform:translateX(.6em)}100%{opacity:1;transform:none}}
@keyframes an-ping{0%{box-shadow:0 0 0 0 rgba(239,68,68,.5)}100%{box-shadow:0 0 0 1.2em rgba(239,68,68,0)}}
@media (prefers-reduced-motion:reduce){.an-sw-c,.an-mo-rayon,.an-ma-s i{transition:none}}

/* Application mobile et hébergement */
.stores{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.store{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 18px 0 14px;border-radius:14px;background:#0b0b10;color:#fff;text-decoration:none;border:1px solid #0b0b10;transition:transform .2s}
.store:hover{transform:translateY(-2px)}.store:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.store span{display:flex;flex-direction:column;line-height:1.1}.store small{font-size:11px;opacity:.85}.store b{font-family:'Poppins';font-size:17px;font-weight:600;letter-spacing:-.01em}
.stores.sombre .store{background:#fff;color:#0b0b10;border-color:#fff}
.app-bande .wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}
.app-tels{margin-top:0;gap:18px}.app-tels .tel-fig{flex:0 1 240px}
.app-bande .lead{margin-top:18px}.app-heros h1{font-size:clamp(36px,4.4vw,58px)}.app-heros .app-tels .tel-fig{flex-basis:250px}
.app-tels.clair .tel{box-shadow:0 40px 70px -30px rgba(30,25,70,.55),inset 0 0 0 1.5px #3a3a45}
.app-heros-g{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}
.app-fns{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.app-fn,.app-qui article,.heberg-c{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 20px}
.app-fn .ic,.app-qui .ic,.heberg-c .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--blue-soft,#eef1fd);color:var(--blue);margin-bottom:14px}
.app-fn h3,.app-qui h3,.heberg-c h3{font-family:'Poppins';font-size:17px;margin:0 0 6px;color:var(--ink)}
.app-fn p,.app-qui p,.heberg-c p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.app-tab-g{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}
.tabs-app{display:flex;gap:18px;justify-content:center}
.tablette{margin:0;flex:0 1 300px;border-radius:28px;padding:12px;background:linear-gradient(145deg,#2a2a33,#0b0b10);box-shadow:0 50px 90px -30px rgba(0,0,0,.8),inset 0 0 0 1.5px #3a3a45}
.tablette:nth-child(2){transform:translateY(40px)}
.tablette img{display:block;width:100%;height:auto;border-radius:18px}
.app-qui{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.app-galerie{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px}
.app-galerie .tel-fig{flex:none}.app-galerie figcaption{font-size:14px;color:var(--muted);text-align:center}
.app-galerie .tel-fig:nth-child(2){transform:none}
.heberg{background:linear-gradient(180deg,#f4fbf7,#fff)}
.heberg-tete{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:end;margin-bottom:28px}
.heberg-tete .lead{margin:0}
.heberg-cartes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.heberg-c .ic{background:#e7f6ee;color:#0e7a55}
.heberg-src{margin:18px 0 0;font-size:13px;color:var(--muted)}
@media (max-width:980px){.app-bande .wrap,.app-heros-g,.app-tab-g,.heberg-tete{grid-template-columns:1fr}.app-fns,.app-qui,.heberg-cartes{grid-template-columns:repeat(2,1fr)}.app-galerie{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.app-fns,.app-qui,.heberg-cartes{grid-template-columns:1fr}.app-tels .tel-fig{flex-basis:30%}.tablette:nth-child(2){transform:none}.store{height:48px}}

/* Accès vérifié à la grille tarifaire */
.coffre{position:relative;overflow:hidden;background:#0d0c1d;color:#fff;padding:110px 0 120px;isolation:isolate}
.coffre::before{content:"";position:absolute;inset:-30%;background:radial-gradient(40% 35% at 20% 25%,rgba(59,87,224,.55),transparent 70%),radial-gradient(35% 35% at 85% 70%,rgba(124,92,255,.45),transparent 70%),radial-gradient(30% 30% at 60% 10%,rgba(214,36,110,.25),transparent 70%);z-index:-2;animation:coffre-aurore 18s ease-in-out infinite alternate}
@keyframes coffre-aurore{to{transform:translate(4%,-3%) rotate(6deg)}}
.coffre-leurre{position:absolute;inset:0;z-index:-1;opacity:.5;filter:blur(7px);pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}
.coffre-leurre .wrap{height:100%;display:flex;align-items:center}
.cl-g{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;width:100%}
.cl-cartes{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.cl-c,.cl-total{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px}
.cl-c i,.cl-total i{display:block;height:8px;border-radius:9px;background:rgba(255,255,255,.18);width:90%}.cl-c i.court,.cl-total i.court{width:55%}
.cl-case{width:18px;height:18px;border-radius:6px;border:2px solid rgba(255,255,255,.4)}.cl-case.on{background:#7C5CFF;border-color:#7C5CFF}
.cl-prix{font-weight:700;color:#c7d2fe}.cl-total strong{font-family:'Poppins';font-size:44px}
.cl-barre{display:flex;height:10px;border-radius:9px;overflow:hidden}.cl-barre i{flex:1;width:auto;height:100%;border-radius:0}.cl-barre i:nth-child(1){background:#fff}.cl-barre i:nth-child(2){background:#3B57E0}.cl-barre i:nth-child(3){background:#7C5CFF}
.coffre-g{display:grid;grid-template-columns:1fr 470px;gap:64px;align-items:center;position:relative}
.coffre-txt .h-1{color:#fff;margin:14px 0 0}.coffre-txt .lead{margin-top:20px}
.coffre-liste{list-style:none;padding:0;margin:30px 0 0;display:flex;flex-direction:column;gap:12px}
.coffre-liste li{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 16px;color:#cfd3f6;font-size:15px;line-height:1.5}
.coffre-liste li b{display:block;color:#fff;font-family:'Poppins';font-size:16px;margin-bottom:2px}
.coffre-liste .ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#3B57E0,#7C5CFF);color:#fff;flex:none}
.coffre-liste .cadenas{margin-left:auto;color:#8b90c9;flex:none;align-self:center;transition:color .4s,transform .4s}
.coffre.deverrouille .coffre-liste .cadenas{color:#34d399;transform:rotate(-14deg) scale(1.15)}
.coffre-note{display:flex;gap:8px;align-items:center;margin-top:20px;font-size:13.5px;color:#9aa0d6}
.coffre-carte{position:relative;border-radius:28px;padding:30px 30px 26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:0 40px 90px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.18)}
.coffre-carte::before{content:"";position:absolute;inset:-1px;border-radius:29px;padding:1px;background:conic-gradient(from var(--angle,0deg),transparent 0 70%,#7C5CFF 80%,#3B57E0 90%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:coffre-tour 6s linear infinite;pointer-events:none}
@property --angle{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes coffre-tour{to{--angle:360deg}}
.cf-etapes{list-style:none;padding:0;margin:0 0 24px;display:flex;gap:8px;counter-reset:none}
.cf-etapes li{flex:1;display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#8b90c9;padding-bottom:10px;border-bottom:2px solid rgba(255,255,255,.12);transition:color .3s,border-color .3s}
.cf-etapes li i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:11.5px;flex:none;transition:background .3s}
.cf-etapes li.on{color:#fff;border-color:#7C5CFF}.cf-etapes li.on i{background:#7C5CFF}.cf-etapes li.fait i{background:#34d399;color:#0d0c1d}
.cf-form{display:flex;flex-direction:column;gap:14px}
.cf-form[hidden],.cf-ok[hidden],.cf-panne[hidden],.cf-recette[hidden]{display:none}
.cf-ligne{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cf-champ{min-width:0;display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#cfd3f6}
.cf-champ input{width:100%;min-width:0;box-sizing:border-box;height:50px;border-radius:14px;border:1.5px solid rgba(255,255,255,.16);background:rgba(13,12,29,.45);color:#fff;font:inherit;font-size:16px;font-weight:500;padding:0 15px;transition:border-color .2s,box-shadow .2s}
.cf-champ input::placeholder{color:#6f74a8}
.cf-champ input:focus{outline:none;border-color:#7C5CFF;box-shadow:0 0 0 4px rgba(124,92,255,.25)}
.cf-champ input[aria-invalid=true]{border-color:#fb7185}
.cf-err{font-style:normal;font-size:12.5px;color:#fda4af;font-weight:600;min-height:0}.cf-err:empty{display:none}
.cf-piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cf-accord{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:#aab0e0;cursor:pointer}
.cf-accord input{width:18px;height:18px;margin-top:2px;accent-color:#7C5CFF;flex:none}
.cf-btn{height:54px;border-radius:999px;border:0;background:linear-gradient(135deg,#3B57E0,#7C5CFF);color:#fff;font-family:'Poppins';font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 18px 40px -16px rgba(124,92,255,.9);transition:transform .2s,box-shadow .2s,opacity .2s;position:relative}
.cf-btn:hover{transform:translateY(-2px)}.cf-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.cf-btn.charge{opacity:.75;pointer-events:none}.cf-btn.charge span::after{content:"";display:inline-block;width:14px;height:14px;margin-left:10px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;vertical-align:-2px;animation:cf-tourne .8s linear infinite}
@keyframes cf-tourne{to{transform:rotate(360deg)}}
.cf-msg{margin:0;font-size:13.5px;color:#fda4af;font-weight:600}.cf-msg:empty{display:none}
.cf-envoye{display:flex;gap:10px;align-items:flex-start;margin:0;font-size:15px;color:#cfd3f6;line-height:1.5}.cf-envoye b{color:#fff}.cf-envoye svg{color:#7C5CFF;flex:none;margin-top:2px}
.cf-code{border:0;padding:0;margin:6px 0 2px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.cf-code input{height:66px;border-radius:16px;border:1.5px solid rgba(255,255,255,.18);background:rgba(13,12,29,.5);color:#fff;text-align:center;font-family:'Poppins';font-size:30px;font-weight:700;caret-color:#7C5CFF;transition:border-color .2s,transform .2s,box-shadow .2s;width:100%;min-width:0}
.cf-code input:focus{outline:none;border-color:#7C5CFF;box-shadow:0 0 0 4px rgba(124,92,255,.25);transform:translateY(-2px)}
.cf-code input.rempli{border-color:#a5b4fc;background:rgba(124,92,255,.18)}
.cf-code.secoue{animation:cf-secoue .45s}
@keyframes cf-secoue{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
.cf-liens{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cf-lien{background:none;border:0;color:#a5b4fc;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;padding:4px 0;text-decoration:underline;text-underline-offset:3px}.cf-lien:disabled{color:#6f74a8;text-decoration:none;cursor:default}
.cf-recette{margin:0;font-size:12.5px;color:#fde68a;background:rgba(253,230,138,.1);border:1px dashed rgba(253,230,138,.4);border-radius:12px;padding:9px 12px}.cf-recette a{color:#fde68a}
.cf-ok{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:26px 0 12px}
.cf-ok b{font-family:'Poppins';font-size:26px}.cf-ok span:last-child{color:#cfd3f6}
.cf-ok-ic{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#10b981,#34d399);color:#0d0c1d;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:cf-onde 1.4s ease-out}
@keyframes cf-onde{0%{transform:scale(.4);box-shadow:0 0 0 0 rgba(52,211,153,.6)}50%{transform:scale(1.08)}100%{transform:scale(1);box-shadow:0 0 0 40px rgba(52,211,153,0)}}
.cf-panne{margin:0;font-size:15px;color:#cfd3f6;line-height:1.6}.cf-panne a{color:#fff}
.coffre.ouvert{background:#fff;color:var(--ink);padding:0}
.coffre.ouvert::before,.coffre.ouvert .coffre-leurre{display:none}
.coffre-contenu{opacity:0;transform:translateY(30px);filter:blur(10px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1),filter .9s ease}
.coffre-contenu.visible{opacity:1;transform:none;filter:none}
.coffre-contenu h2:focus{outline:none}
.coffre.deverrouille .coffre-g{animation:coffre-sort 1.5s ease forwards}
@keyframes coffre-sort{0%,60%{opacity:1;transform:none}100%{opacity:0;transform:scale(.96)}}
@media (max-width:1060px){.coffre-g{grid-template-columns:1fr;gap:22px}.cl-g{grid-template-columns:1fr}.coffre-txt{display:contents}.coffre-txt>.eyebrow,.coffre-txt>.h-1,.coffre-txt>.lead{order:1}.coffre-g>.coffre-carte{order:2;margin:10px 0}.coffre-liste{order:3;margin-top:0}.coffre-note{order:4}}
@media (max-width:600px){.coffre{padding:80px 0 90px}.coffre-carte{padding:22px 18px}.cf-ligne{grid-template-columns:1fr}.cf-code{gap:6px}.cf-code input{height:56px;font-size:24px;border-radius:12px}}
@media (prefers-reduced-motion:reduce){.coffre::before,.coffre-carte::before{animation:none}.coffre-contenu{transition:none}}
.connecteur img{width:20px;height:20px;border-radius:5px;object-fit:contain;flex:none}

/* Animation : le stand d'un salon */
.an-stand{grid-template-columns:1.25fr 1fr;align-items:center}
.an-st-tab{border-radius:1.6em;padding:.7em;background:linear-gradient(145deg,#2a2a33,#0b0b10);box-shadow:0 1.6em 3em -1.4em rgba(15,23,42,.55);aspect-ratio:4/3}
.an-st-ecr{background:#fff;border-radius:1em;height:100%;padding:.9em 1em;display:flex;flex-direction:column;gap:.55em;overflow:hidden}
.an-st-haut{display:flex;align-items:center;gap:.5em;font-size:.85em}
.an-st-logo{width:1.9em;height:1.9em;border-radius:.5em;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:.75em;font-weight:800;flex:none}
.an-st-res{margin-left:auto}.an-st-res em{font-style:normal;font-size:.82em;font-weight:700;border-radius:1em;padding:.2em .6em;display:none;align-items:center;gap:.3em}
.an-st-res .off{background:#fffbeb;color:#b45309}.an-st-res .on{background:#ecfdf5;color:#059669}
.an-st-res[data-p=off] .off,.an-st-res[data-p=on] .on{display:inline-flex}
.an-st-ecr>div{display:none;flex-direction:column;gap:.5em;flex:1;animation:an-flash .5s}
.an-st-ecr[data-p=a] .pa,.an-st-ecr[data-p=b] .pb,.an-st-ecr[data-p=c] .pc,.an-st-ecr[data-p=d] .pd{display:flex}
.an-st-q{font-family:'Poppins';font-size:1.2em;letter-spacing:-.01em}
.an-st-ch{border:1.5px solid var(--line);border-radius:.7em;padding:.35em .7em;display:flex;flex-direction:column}.an-st-ch small{font-size:.72em}
.an-st-ch b{opacity:0;transition:opacity .3s}.an-st-ch b.vu{opacity:1}
.an-st-ev,.an-st-amb{display:flex;align-items:center;gap:.6em;border:1.5px solid var(--line);border-radius:.8em;padding:.45em .7em;font-size:.88em;transition:border-color .3s,background .3s}
.an-st-ev em{font-style:normal;font-weight:700;color:var(--blue);width:3.6em;flex:none}
.an-st-ev i{margin-left:auto;width:1.1em;height:1.1em;border-radius:.3em;border:2px solid #cbd5e1;flex:none;transition:background .3s,border-color .3s}
.an-st-ev.vu{border-color:var(--blue);background:#eef2ff}.an-st-ev.vu i{background:var(--blue);border-color:var(--blue)}
.an-st-amb span small{font-size:.75em}.an-st-amb i{margin-left:auto;color:#cbd5e1;font-style:normal;transition:color .3s}
.an-st-amb.vu{border-color:#f9a8d4;background:#fdf2f8}.an-st-amb.vu i{color:#db2777}
.an-st-ecr .pd{align-items:center;justify-content:center;text-align:center}
.an-st-merci{width:3.4em;height:3.4em;border-radius:50%;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;display:grid;place-items:center}
.an-st-ecr .pd b{font-family:'Poppins';font-size:1.4em}
.an-st-crm{display:flex;flex-direction:column;gap:.5em}
.an-st-t{display:flex;gap:.4em;align-items:center;font-weight:700;font-size:.85em;color:var(--muted)}
.an-st-k{display:flex;gap:.5em}.an-st-k span{flex:1;background:#fff;border:1px solid var(--line);border-radius:.8em;padding:.5em .7em;font-size:.78em;color:var(--muted);font-weight:600;display:flex;flex-direction:column}.an-st-k b{font-family:'Poppins';font-size:1.9em;line-height:1.1;color:var(--blue)}
.an-st-att{display:flex;gap:.4em;align-items:center;font-size:.82em;font-weight:700;color:#b45309;background:#fffbeb;border-radius:.7em;padding:.45em .7em;opacity:0;transition:opacity .3s}
.an-st-att.vu{opacity:1}.an-st-crm:has(.an-st-i.vu) .an-st-att{display:none}
.an-st-i{display:flex;gap:.6em;align-items:center;background:#fff;border:1px solid var(--line);border-radius:.8em;padding:.5em .7em;opacity:0;transform:translateX(1em);transition:opacity .4s,transform .4s}
.an-st-i.vu{opacity:1;transform:none}.an-st-i .ic{width:2em;height:2em;border-radius:.6em;background:#ecfdf5;color:#059669;display:grid;place-items:center;flex:none}.an-st-i small{font-size:.75em}
/* Section IA : onglets compacts et galerie des agents */
.ia-onglets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:28px}
.ia-onglet{padding:10px 12px;gap:0 10px;align-items:center;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.ia-onglet .ico{grid-row:auto;width:32px;height:32px}
.ia-onglet b{font-size:14.5px;line-height:1.25}
.ia-onglet small,.ia-onglet[aria-pressed=true] small{display:none}
.ia-desc{margin:18px 0 0;min-height:4.6em;color:#cfd0dc;font-size:15.5px;line-height:1.55;border-left:3px solid var(--blue);padding-left:14px}
@media (max-width:600px){.ia-onglets{grid-template-columns:1fr}}
.ia-agents{margin-top:64px}
.ia-agents-t{color:#b9b7c6;font-size:15px;margin:0 0 16px}.ia-agents-t b{color:#fff}
.ia-defile{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ia-piste{display:flex;gap:12px;width:max-content;animation:ia-defile 60s linear infinite}
.ia-defile:hover .ia-piste{animation-play-state:paused}
@keyframes ia-defile{to{transform:translateX(-50%)}}
.ia-ag{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:10px 16px 10px 10px;min-width:200px}
.ia-ag i{grid-row:1/3;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-weight:700;color:#fff;font-size:13px}
.ia-ag b{color:#fff;font-family:'Poppins';font-size:15px;line-height:1.2}.ia-ag small{color:#9aa0c9;font-size:12.5px}
@media (prefers-reduced-motion:reduce){.ia-piste{animation:none;flex-wrap:wrap;width:auto}}

/* Menu : lien Agents IA */
.nav-ia{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.nav-ia .etoile{color:#7C5CFF;font-size:13px;animation:nav-ia 3s ease-in-out infinite}
@keyframes nav-ia{50%{transform:rotate(90deg) scale(1.2)}}
@media (prefers-reduced-motion:reduce){.nav-ia .etoile{animation:none}}
/* Page Agents IA */
.ag-heros{position:relative;overflow:hidden;background:#0d0c1d;color:#fff;padding:150px 0 110px;isolation:isolate}
.ag-heros::before{content:"";position:absolute;inset:-30%;background:radial-gradient(35% 35% at 75% 40%,rgba(124,92,255,.55),transparent 70%),radial-gradient(35% 30% at 15% 20%,rgba(59,87,224,.5),transparent 70%),radial-gradient(25% 25% at 50% 90%,rgba(214,36,110,.25),transparent 70%);z-index:-1;animation:coffre-aurore 18s ease-in-out infinite alternate}
.ag-heros-g{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}
.ag-heros .h-1{color:#fff;margin-top:18px}.ag-heros .lead{margin-top:20px}
.ag-degrade{background:linear-gradient(90deg,#a5b4fc,#f0abfc,#fda4af);-webkit-background-clip:text;background-clip:text;color:transparent}
.badge.sombre{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}
.btn-line.on-dark{color:#fff;border-color:rgba(255,255,255,.35)}
.ag-chiffres{list-style:none;padding:0;margin:36px 0 0;display:flex;gap:28px;flex-wrap:wrap}
.ag-chiffres li{display:flex;flex-direction:column;max-width:180px}.ag-chiffres b{font-family:'Poppins';font-size:40px;line-height:1;background:linear-gradient(90deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;color:transparent}.ag-chiffres span{font-size:13.5px;color:#aab0e0;margin-top:6px}
.cst{position:relative;aspect-ratio:1;max-width:560px;width:100%;margin:0 auto}
.cst-anneau{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(255,255,255,.18);animation:cst-tour 70s linear infinite}
.cst-anneau.a1{inset:19%;animation-duration:50s;animation-direction:reverse}
.cst-ag{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--r)))}
.cst-anneau.a2 .cst-ag{--r:min(280px,44vw)}.cst-anneau.a1 .cst-ag{--r:min(174px,27vw)}
.cst-in{position:absolute;left:-28px;top:-28px;width:56px;height:56px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.15),0 14px 28px -10px rgba(0,0,0,.6);overflow:hidden;transform:rotate(calc(-1 * var(--a)));animation:cst-contre 70s linear infinite}
.cst-anneau.a1 .cst-in{animation-duration:50s;animation-direction:reverse}
.cst-in img{width:100%;height:100%;display:block}
@keyframes cst-tour{to{transform:rotate(360deg)}}
@keyframes cst-contre{from{transform:rotate(calc(-1 * var(--a)))}to{transform:rotate(calc(-1 * var(--a) - 360deg))}}
.cst-coeur{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:132px;height:132px;border-radius:36px;background:linear-gradient(135deg,#3B57E0,#7C5CFF);display:grid;place-items:center;align-content:center;text-align:center;font-family:'Poppins';font-weight:700;font-size:15px;box-shadow:0 0 0 12px rgba(124,92,255,.15),0 0 80px rgba(124,92,255,.6)}
.cst-coeur span{font-size:28px;display:block}
.cst-bulle{position:absolute;display:flex;gap:9px;align-items:center;background:#fff;color:#16151a;border-radius:16px;padding:9px 14px 9px 9px;box-shadow:0 20px 40px -18px rgba(0,0,0,.7);font-size:12.5px;opacity:0;animation:cst-bulle 15s ease-in-out infinite;white-space:nowrap}
.cst-bulle img{border-radius:50%;background:#eef}.cst-bulle b{display:block;font-size:13px}.cst-bulle small{color:#6b6b78}
.cst-bulle.b0{left:-4%;top:12%;animation-delay:0s}.cst-bulle.b1{right:-6%;top:28%;animation-delay:3s}.cst-bulle.b2{left:2%;bottom:18%;animation-delay:6s}.cst-bulle.b3{right:0;bottom:8%;animation-delay:9s}.cst-bulle.b4{left:30%;top:-2%;animation-delay:12s}
@keyframes cst-bulle{0%,100%{opacity:0;transform:translateY(10px) scale(.95)}4%,18%{opacity:1;transform:none}24%{opacity:0;transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.cst-anneau,.cst-in{animation:none}.cst-bulle{animation:none;opacity:1}.cst-bulle.b3,.cst-bulle.b4{display:none}}
.ag-filtres{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 28px}
.ag-filtres button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;color:var(--ink);display:inline-flex;gap:6px;align-items:center}
.ag-filtres button em{font-style:normal;font-size:12px;color:var(--muted)}
.ag-filtres button[aria-pressed=true]{background:var(--c,var(--ink));border-color:var(--c,var(--ink));color:#fff}.ag-filtres button[aria-pressed=true] em{color:rgba(255,255,255,.8)}
.ag-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.ag-carte{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
.ag-carte::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--c)}
.ag-carte:hover{transform:translateY(-4px);box-shadow:0 24px 50px -28px rgba(30,25,70,.45)}
.ag-carte[hidden]{display:none}
.ag-tete{display:flex;gap:12px;align-items:center}.ag-tete img{width:60px;height:60px;border-radius:50%;background:#f4f4fb;flex:none}
.ag-tete h3{font-family:'Poppins';font-size:19px;margin:0}.ag-tete p{margin:2px 0 0;font-size:13.5px;color:var(--muted);line-height:1.35}
.ag-badge{margin-left:auto;align-self:flex-start;font-size:11px;font-weight:700;border-radius:999px;padding:3px 9px;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c);white-space:nowrap}
.ag-accroche{font-size:14.5px;line-height:1.55;color:#33323d;font-style:italic;quotes:"« " " »"}
.ag-missions{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.ag-missions li{display:flex;gap:8px;font-size:13.5px;line-height:1.45;color:#3b3a46}.ag-missions svg{color:var(--c);flex:none;margin-top:3px}
.ag-plus summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--blue);list-style:none}.ag-plus summary::-webkit-details-marker{display:none}.ag-plus summary::after{content:" +"}.ag-plus[open] summary::after{content:" −"}.ag-plus .ag-missions{margin-top:8px}
.ag-canaux{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.ag-canaux span{font-size:11.5px;font-weight:600;border-radius:8px;padding:3px 8px;background:#f4f4f8;color:#4a4a57}
.ag-journee{max-width:1080px;margin:40px auto 0}
.ag-etapes{list-style:none;padding:0;margin:0 0 48px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:none}
.ag-etapes li{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 20px;position:relative}
.ag-etapes .n{position:absolute;right:18px;top:14px;font-family:'Poppins';font-size:36px;font-weight:700;color:#eef0fb}
.ag-etapes .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#3B57E0,#7C5CFF);color:#fff;margin-bottom:14px}
.ag-etapes h3{font-family:'Poppins';font-size:17px;margin:0 0 6px}.ag-etapes p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.ag-ecrans{display:grid;grid-template-columns:1fr 1fr;gap:36px 28px}
.ag-ecrans figure{margin:0}.ag-ecrans .fenetre{position:relative}.ag-ecrans figcaption{margin-top:14px;font-size:15px;color:var(--muted);line-height:1.55}.ag-ecrans figcaption b{color:var(--ink)}
.ag-garde{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ag-garde article{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:22px 20px}
.ag-garde .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(124,92,255,.25);color:#c7d2fe;margin-bottom:14px}
.ag-garde h3{font-family:'Poppins';font-size:17px;margin:0 0 6px;color:#fff}.ag-garde p{margin:0;color:#b9b7c6;font-size:15px;line-height:1.55}
@media (max-width:1060px){.ag-heros-g{grid-template-columns:1fr}.cst{max-width:440px}.ag-etapes,.ag-garde{grid-template-columns:repeat(2,1fr)}.ag-ecrans{grid-template-columns:1fr}}
@media (max-width:600px){.ag-heros{padding:120px 0 80px}.ag-etapes,.ag-garde{grid-template-columns:1fr}.cst-in{left:-20px;top:-20px;width:40px;height:40px}.cst-coeur{width:96px;height:96px;border-radius:26px;font-size:12px}.cst-bulle{display:none}.cst-bulle.b0,.cst-bulle.b2{display:flex;font-size:11px}}
/* Animation : une journée avec les agents */
.an-journee{grid-template-columns:.8fr 1.4fr;align-items:center}
.an-jo-heure{font-family:'Poppins';font-size:4.2em;line-height:1;color:var(--blue);letter-spacing:-.03em}
.an-jo-heure b{display:none;font-weight:700}
.an-jo-heure[data-p=h0] .h0,.an-jo-heure[data-p=h1] .h1,.an-jo-heure[data-p=h2] .h2,.an-jo-heure[data-p=h3] .h3,.an-jo-heure[data-p=h4] .h4,.an-jo-heure[data-p=h5] .h5,.an-jo-heure[data-p=h6] .h6,.an-jo-heure[data-p=h7] .h7{display:inline;animation:an-flash .4s}
.an-jo-k{display:flex;flex-direction:column;gap:.5em;margin-top:1em}.an-jo-k span{background:#fff;border:1px solid var(--line);border-radius:.8em;padding:.5em .8em;font-size:.85em;color:var(--muted);font-weight:600;display:flex;flex-direction:column}.an-jo-k b{font-family:'Poppins';font-size:1.8em;line-height:1.1;color:var(--ink)}
.an-jo-fil{display:flex;flex-direction:column;gap:.4em}
.an-jo-l{display:flex;align-items:center;gap:.7em;background:#fff;border:1px solid var(--line);border-radius:.9em;padding:.45em .8em;opacity:.25;transform:translateX(.6em);transition:opacity .4s,transform .4s,border-color .4s}
.an-jo-l.vu{opacity:1;transform:none}.an-jo-l img{width:2.3em;height:2.3em;border-radius:50%;background:#f4f4fb;flex:none}
.an-jo-h{font-weight:700;color:var(--blue);width:3.2em;flex:none;font-size:.9em}.an-jo-l small{font-size:.78em}
.ia-tete{max-width:820px;margin-bottom:8px}.ia-tete .lead{margin-top:18px}
.ia-grille .ia-onglets{margin-top:0}
.ag-journee .fenetre{position:relative}
/* Mur des outils : vue « Avec MeetYourSchool » en fiche 360° */
.mp-corps{flex:1;display:grid;grid-template-columns:250px 1fr 330px;gap:18px;padding:20px;min-height:0;background:radial-gradient(60% 80% at 50% 0%,#eef1ff,transparent 70%)}
.mp-profil{background:#fff;border:1px solid var(--line-2);border-radius:20px;padding:20px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 20px 40px -28px rgba(30,25,70,.4)}
.mp-av{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:'Poppins';font-weight:700;font-size:24px;background:linear-gradient(135deg,#3B57E0,#7C5CFF);box-shadow:0 0 0 5px #fff,0 0 0 7px #c7d2fe}
.mp-nom{font-family:'Poppins';font-size:19px;margin-top:12px}.mp-profil>small{font-size:13px;color:var(--muted)}
.mp-tags{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;margin:10px 0 4px}.mp-tags span{font-size:11.5px;font-weight:700;border-radius:999px;padding:3px 9px}
.mp-tags .t1{background:#eef1ff;color:#3B57E0}.mp-tags .t2{background:#e7f6ee;color:#0e7a55}.mp-tags .t3{background:#fff4e0;color:#a85d00}
.mp-profil dl{margin:10px 0 0;width:100%;display:flex;flex-direction:column;gap:0;text-align:left}
.mp-profil dl div{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #f0f0f5;font-size:12.5px}.mp-profil dt{color:var(--muted)}.mp-profil dd{margin:0;font-weight:600;text-align:right}
.mp-vue{margin:auto 0 0;padding-top:10px;font-size:12px;color:var(--muted)}
.mp-parcours{background:#fff;border:1px solid var(--line-2);border-radius:20px;padding:18px 20px;box-shadow:0 20px 40px -28px rgba(30,25,70,.4)}
.mp-t{display:block;font-family:'Poppins';font-size:16px;margin-bottom:12px}
.mp-parcours ol{list-style:none;margin:0;padding:0;position:relative}
.mp-parcours ol::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--attirer),var(--selectionner),var(--former),var(--inserer),var(--fideliser));border-radius:2px}
.mp-parcours li{position:relative;display:flex;gap:14px;align-items:flex-start;padding:6px 0 7px;opacity:0;transform:translateX(14px);transition:opacity .45s ease,transform .45s ease}
.mur-scene.apres .mp-parcours li{opacity:1;transform:none;transition-delay:calc(1s + var(--i) * .22s)}
.mp-pt{width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--c);flex:none;margin-top:2px;position:relative;z-index:1}
.mp-li{font-size:13.5px;line-height:1.4}.mp-li em{display:block;font-style:normal;font-size:11.5px;font-weight:700;color:var(--ci,var(--c));margin-bottom:1px}
.mp-droite{display:flex;flex-direction:column;gap:12px;min-height:0}
.mp-droite .mur-modules{grid-template-columns:repeat(2,1fr);padding:0;gap:10px;flex:1;align-content:stretch}
.mp-droite .mur-module{padding:10px 8px;gap:4px}.mp-droite .mur-module .ic{width:40px;height:40px;border-radius:12px}.mp-droite .mur-module b{font-size:14px}.mp-droite .mur-module small{font-size:11.5px}
.mp-droite .mur-stats{grid-template-columns:repeat(3,1fr);padding:0;gap:8px}
.mp-droite .mur-stats div{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px}.mp-droite .mur-stats b{font-size:28px}.mp-droite .mur-stats span{font-size:11.5px}
@media (max-width:1060px){.mp-corps{grid-template-columns:1fr 1fr}.mp-droite{grid-column:1/-1}.mp-droite .mur-modules{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.mp-corps{grid-template-columns:1fr;padding:12px}.mp-droite .mur-modules{grid-template-columns:repeat(2,1fr)}.mp-droite .mur-stats{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.mp-parcours li{opacity:1;transform:none;transition:none}}
/* Pages modules : explorateur des écrans */
.explorateur{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:start;margin-top:12px}
.explorateur .onglets-module{display:flex;flex-direction:column;gap:6px;padding:0;border:0;background:none;border-radius:0;width:auto;margin:0;position:sticky;top:96px}
.explorateur .onglets-module button{display:flex;align-items:center;gap:12px;text-align:left;padding:11px 14px;border-radius:16px;border:1.5px solid transparent;color:var(--ink);font-weight:500;width:100%}
.explorateur .onglets-module button:hover{background:#fff;border-color:var(--line)}
.explorateur .onglets-module button[aria-selected=true]{background:#fff;border-color:var(--c);box-shadow:0 14px 30px -18px color-mix(in srgb,var(--c) 70%,transparent)}
.om-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--cs);color:var(--ci,var(--c));flex:none;transition:background .2s,color .2s}
.onglets-module button[aria-selected=true] .om-ic{background:var(--c);color:#fff}
.om-tx b{display:block;font-family:'Poppins';font-size:15.5px;font-weight:600}.om-tx small{display:block;font-size:13px;color:var(--muted);line-height:1.35;margin-top:1px}
.explorateur .panneau{grid-template-columns:1fr;gap:22px;align-items:start}
.explorateur .panneau .fenetre{box-shadow:0 40px 80px -40px rgba(30,25,70,.45)}
.om-texte{display:grid;grid-template-columns:1fr 1fr auto;gap:24px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 22px}
.om-texte h3{font-family:'Poppins';font-size:19px;margin:0 0 6px}.om-texte p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.om-texte .liste-coches{margin:0}.om-texte .liste-coches li{font-size:14.5px}
.om-texte .btn{align-self:end;white-space:nowrap}
@media (max-width:1060px){.explorateur{grid-template-columns:1fr;gap:20px}.explorateur .onglets-module{position:static;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.explorateur .onglets-module button{width:auto;min-width:230px;max-width:250px;flex:none;scroll-snap-align:start}.om-texte{grid-template-columns:1fr}}
/* Pages modules : bandeau des clients */
.cm{margin-top:56px}
.cm-titre{font-size:14.5px;color:var(--muted);margin:0 0 14px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.cm-titre b{color:var(--ink)}.cm-titre a{display:inline-flex;gap:4px;align-items:center;color:var(--ci,var(--c));font-weight:600;text-decoration:none}
.cm-defile{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.cm-piste{display:flex;gap:14px;width:max-content;animation:ia-defile 70s linear infinite}
.cm-defile:hover .cm-piste{animation-play-state:paused}
.cm-t{width:150px;height:86px;flex:none;border-radius:18px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;padding:12px;box-shadow:0 10px 24px -20px rgba(30,25,70,.4)}
.cm-t img{max-width:118px;max-height:54px;object-fit:contain}
.cm-t.cm-s{border-color:color-mix(in srgb,var(--c) 45%,var(--line))}
@media (prefers-reduced-motion:reduce){.cm-piste{animation:none;flex-wrap:wrap;width:auto}.cm-dup{display:none}}
/* Pages modules : agents IA du module */
.agm{position:relative;overflow:hidden;background:#0d0c1d;color:#fff;padding:110px 0;isolation:isolate}
.agm::before{content:"";position:absolute;inset:-30%;background:radial-gradient(35% 35% at 80% 30%,color-mix(in srgb,var(--c) 55%,transparent),transparent 70%),radial-gradient(35% 35% at 10% 80%,rgba(124,92,255,.45),transparent 70%);z-index:-1;animation:coffre-aurore 18s ease-in-out infinite alternate}
.agm-tete{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.agm .h-1{color:#fff;margin-top:12px}.agm .lead{margin:18px 0 18px}
.agm-fil{position:relative;height:250px}
.agm-ev{position:absolute;left:0;right:0;display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:12px 16px;backdrop-filter:blur(10px);opacity:.4;animation:agm-ev 12s ease-in-out calc(var(--i) * 3s) infinite both}
.agm-ev img{width:38px;height:38px;border-radius:50%;background:#fff;flex:none}.agm-ev b{display:block;font-size:15px}.agm-ev small{color:#b9b7c6;font-size:13px}
.agm-ev:nth-child(1){top:0}.agm-ev:nth-child(2){top:64px;left:40px}.agm-ev:nth-child(3){top:128px}.agm-ev:nth-child(4){top:192px;left:40px}
@keyframes agm-ev{0%,100%{opacity:.4;transform:none;border-color:rgba(255,255,255,.14)}5%,24%{opacity:1;transform:translateX(-10px);border-color:color-mix(in srgb,var(--c) 70%,#fff)}32%{opacity:.4;transform:none;border-color:rgba(255,255,255,.14)}}
.agm-cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:56px}
.agm-cartes.n6{grid-template-columns:repeat(3,1fr)}.agm-cartes.n2{grid-template-columns:repeat(2,1fr)}
@media (max-width:900px){.agm-cartes.n6,.agm-cartes.n2{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}}
.agm-c{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:8px;transition:transform .25s,background .25s}
.agm-c:hover{transform:translateY(-4px);background:rgba(255,255,255,.1)}
.agm-c img{width:64px;height:64px;border-radius:50%;background:#fff}
.agm-c h3{font-family:'Poppins';font-size:19px;margin:6px 0 0;color:#fff}.agm-c .r{margin:0;color:#c7c9e8;font-size:13.5px}
.agm-c q{font-size:14px;line-height:1.5;color:#e4e4ee;font-style:italic;quotes:"« " " »"}
.agm-c ul{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:6px}.agm-c li{display:flex;gap:7px;font-size:13px;color:#cfd0dc;line-height:1.4}.agm-c li svg{color:#a5b4fc;flex:none;margin-top:3px}
.agm-anim{max-width:980px;margin:40px auto 0}.agm-anim .fenetre{position:relative}
@media (max-width:1060px){.agm-tete{grid-template-columns:1fr}.agm-fil{height:260px}}
@media (max-width:600px){.agm{padding:80px 0}.agm-fil{height:auto;display:flex;flex-direction:column;gap:8px}.agm-ev,.agm-ev:nth-child(n){position:static;left:auto;top:auto}}
@media (prefers-reduced-motion:reduce){.agm-ev{animation:none;opacity:1}}
/* Pages modules : outils remplacés et équipes */
.mpe-g{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
.mpe .h-2{margin-top:12px}.mpe .lead{margin-top:14px}
.mpe-logos{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.mpe-logo{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;color:var(--muted)}
.mpe-logo img{width:24px;height:24px;object-fit:contain;border-radius:6px;filter:grayscale(.6)}
.mpe-logo s{text-decoration-color:color-mix(in srgb,var(--c) 70%,transparent);text-decoration-thickness:2px}
.mpe-sv{display:flex;flex-direction:column;gap:8px}
.mpe-st{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--muted)}
.mpe-c{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}
.mpe-c:hover{border-color:var(--c);transform:translateX(4px)}
.mpe-c b{display:block;font-family:'Poppins';font-size:16px}.mpe-c small{display:block;color:var(--muted);font-size:13.5px;line-height:1.4}
.mpe-c>svg{margin-left:auto;color:var(--ci,var(--c));flex:none}
@media (max-width:1060px){.mpe-g{grid-template-columns:1fr;gap:32px}}
/* Page Clients : deux bandeaux de logos en sens opposés, pleine largeur */
.clients-carrousel{display:flex;flex-direction:column;gap:16px;padding-top:24px}
.clients-carrousel .cm-defile{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.clients-carrousel .cm-piste{gap:16px;animation-duration:80s}
.clients-carrousel .cc-rang.inverse .cm-piste{animation-direction:reverse;animation-duration:95s}
.clients-carrousel .cm-t{width:200px;height:110px;border-radius:22px;padding:16px;transition:transform .25s,box-shadow .25s,border-color .25s}
.clients-carrousel .cm-t img{max-width:150px;max-height:66px}
.clients-carrousel .cm-t:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--blue) 40%,var(--line));box-shadow:0 18px 34px -22px rgba(30,25,70,.5)}
@media (max-width:600px){.clients-carrousel .cm-t{width:150px;height:86px}.clients-carrousel .cm-t img{max-width:112px;max-height:50px}}