/* Parcours · maquette du 2026-10-19
   Gabarit commun de l'accueil, du Sprint et de l'entreprise, tiré de la landing du live
   (mockups/live-30-octobre/index.html). Une idée par écran, l'étoile guide le défilement. */

@font-face{font-family:"Instrument Sans";src:url("/assets/fonts/instrument-sans-variable.woff") format("woff");font-weight:400 700;font-display:swap}
:root{--bg:#fff;--soft:#f6f5f3;--ink:#0d0d0d;--ink-2:#2b2b2b;--muted:#6e6e73;--line:#ececec;--coral:#ff6b5c;--vert:#1f9e7a;--g:clamp(16px,3vw,48px)}
:root[data-theme="dark"]{--bg:#0d0d0d;--soft:#171717;--ink:#f5f5f5;--ink-2:#dcdcdc;--muted:#9a9a9f;--line:#262626}
*{box-sizing:border-box;margin:0}
html,body{background:var(--bg);overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
body{font-family:"Instrument Sans",-apple-system,"Helvetica Neue",Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 var(--g);position:relative;z-index:1}
h1,h2,h3{font-weight:600;letter-spacing:-.035em}
h2 span,h1 span{color:var(--muted)}
.lbl{font-size:14px;color:var(--muted);letter-spacing:.01em}
.sous{margin:18px auto 0;color:var(--muted);font-size:18px;max-width:560px;line-height:1.5}

/* En-tête */
.top{--hw:min(calc(100vw - 2*clamp(16px,2.8vw,40px)),1480px);position:relative;width:var(--hw);left:50%;margin-left:calc(var(--hw)/-2);padding:0 8px;display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px}
.brand{display:flex;align-items:center;gap:9px;font-weight:600;font-size:17px;text-decoration:none;flex:none;min-height:44px}
.star{display:inline-block;width:20px;height:20px;background:var(--coral);-webkit-mask:url(/img/etoile-pleine-petit.svg) center/contain no-repeat;mask:url(/img/etoile-pleine-petit.svg) center/contain no-repeat}
.nav{display:flex;gap:4px}
.nav a{text-decoration:none;font-size:15px;font-weight:500;color:var(--ink-2);padding:12px 14px;min-height:44px;display:inline-flex;align-items:center;border-radius:999px;transition:background .2s}
.nav a:hover{background:var(--soft)}
.nav a[aria-current="page"]{background:var(--soft);color:var(--ink)}
.top-r{display:flex;gap:10px;align-items:center;flex:none}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--bg);border:0;text-decoration:none;font:500 15px/1 inherit;font-family:inherit;border-radius:999px;padding:14px 22px;cursor:pointer;transition:opacity .2s}
.btn:hover{opacity:.82}
.btn.s{padding:11px 18px;font-size:14px}
.btn svg{width:18px;height:18px;transition:transform .25s}
.btn:hover svg{transform:translateX(4px)}
.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
#jour-nuit{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;flex:none}
#jour-nuit svg{width:18px;height:18px}
.sun{display:none}:root[data-theme="dark"] .sun{display:block}:root[data-theme="dark"] .moon{display:none}
@media (max-width:860px){
  .top{flex-wrap:wrap;height:auto;padding:14px 0 6px}
  .nav{order:3;width:100%;overflow-x:auto;scrollbar-width:none;justify-content:space-between;margin:0}
  .nav::-webkit-scrollbar{display:none}
  .nav a{white-space:nowrap;font-size:13.5px;padding:8px 9px}
}
@media (max-width:420px){.top .btn.s{display:none}}

/* Apparition */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .9s,transform .9s cubic-bezier(.22,1,.36,1)}
.js .rv.in{opacity:1;transform:none}
.d1{transition-delay:.12s}.d2{transition-delay:.24s}

/* Créatures des routines (mêmes formes que mx-site-v2 composants.css) */
.forme{position:relative;display:inline-block;width:var(--t,64px);height:var(--t,64px);background:var(--c,var(--ink));border-radius:50%;flex:none}
.forme::before,.forme::after{content:"";position:absolute;top:42%;width:13%;height:19%;border-radius:50%;background:#fff;transform:translate(-50%,-50%);animation:cligne 5s infinite}
.forme::before{left:35%}.forme::after{left:65%}
.forme-carre{border-radius:30%}.forme-oeuf{border-radius:50% 50% 46% 46%/60% 60% 40% 40%}
.forme-goutte{border-radius:50% 12% 50% 50%}.forme-galet{border-radius:60% 40% 55% 45%/50% 55% 45% 50%}
.forme-hexa{border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.forme-feuille{border-radius:78% 12% 78% 12%}
.forme-nuit::before,.forme-nuit::after{height:6%;width:17%;border-radius:999px}
.forme-etoile{border-radius:0;background:linear-gradient(135deg,#f2553e,#f7964a);-webkit-mask:url(/img/etoile-pleine-petit.svg) center/contain no-repeat;mask:url(/img/etoile-pleine-petit.svg) center/contain no-repeat;width:calc(var(--t,64px)*1.375);height:calc(var(--t,64px)*1.375)}
.forme-etoile::before,.forme-etoile::after{width:10%;height:14.6%;transform:translate(-50%,-50%) rotate(10deg);animation-name:cligne-etoile}
.forme-etoile::before{left:42.3%;top:49.6%}.forme-etoile::after{left:59.5%;top:53%}
@keyframes cligne{0%,92%,100%{transform:translate(-50%,-50%) scaleY(1)}95%{transform:translate(-50%,-50%) scaleY(.1)}}
@keyframes cligne-etoile{0%,92%,100%{transform:translate(-50%,-50%) rotate(10deg) scaleY(1)}95%{transform:translate(-50%,-50%) rotate(10deg) scaleY(.1)}}
@keyframes flotte{0%,100%{translate:0 0}50%{translate:0 -9px}}

/* Hero couverture : la grande photo du site, titre sur le mur, rien sur Julien */
.hero{position:relative;padding:4px 0 0}
.hero:has(.couv){--hw:min(calc(100vw - 2*clamp(16px,2.8vw,40px)),1480px);width:var(--hw);left:50%;margin-left:calc(var(--hw)/-2)}
.couv{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;min-height:max(540px,min(calc(100svh - 96px),calc(var(--hw,1180px)*9/16)));border-radius:clamp(24px,3vw,36px);overflow:hidden;background:#ede6dd;color:#0d0d0d}
.couv picture{position:absolute;inset:0;z-index:-1}
.couv picture img{width:100%;height:100%;object-fit:cover;object-position:50% 0%}
.couv .haut{padding:clamp(36px,4.6vw,74px) 0 0 clamp(24px,3.6vw,56px);max-width:50%}
.couv .kicker{font-size:13px;font-weight:600;letter-spacing:.01em;color:#2b2b2b}
.couv h1{margin-top:14px;font-size:clamp(40px,5vw,78px);line-height:.98;letter-spacing:-.04em;color:#0d0d0d}
.couv h1 span{display:block;color:#6e6e73}
.couv .hook{margin-top:18px;font-size:clamp(17px,1.5vw,21px);letter-spacing:-.01em;color:#2b2b2b}
.couv .bas{grid-row:3;padding:24px 0 clamp(28px,3.4vw,48px) clamp(24px,3.6vw,52px);display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:46%}
.couv .acts{margin-top:0}
.couv .btn{background:#0d0d0d;color:#fff}
.couv .btn.ghost{background:rgba(255,255,255,.55);border-color:rgba(0,0,0,.08);color:#0d0d0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.couv .petit{margin:0;color:#2b2b2b;font-weight:500;font-size:13px}
.depart{height:1px}
@media (max-width:1023px){
  .couv{display:flex;flex-direction:column;min-height:0;overflow:visible;border-radius:0;background:none;color:var(--ink)}
  .couv .haut{order:1}.couv picture{order:2}.couv .bas{order:3}
  .couv picture{position:relative;inset:auto;display:block;z-index:0;aspect-ratio:4/3;border-radius:28px;overflow:hidden;background:#ede6dd;margin-top:6px}
  .couv .haut{padding:18px 4px 24px;max-width:none;text-align:center}
  .couv .kicker,.couv .hook{color:var(--ink-2)}
  .couv h1{color:var(--ink)}
  .couv .bas{max-width:none;align-items:center;padding:20px 0 0}
  .couv .acts{justify-content:center}
  .couv .btn{background:var(--ink);color:var(--bg)}
  .couv .btn.ghost{background:transparent;border-color:var(--line);color:var(--ink)}
  .couv .petit{color:var(--muted);text-align:center}
}
@media (max-width:760px){.couv picture{aspect-ratio:1/1}.couv picture img{object-position:50% 0%}.couv h1{font-size:clamp(34px,9.4vw,44px)}}

.hero .accroche{margin-top:26px;font-size:clamp(17px,1.7vw,20px);line-height:1.5;color:var(--muted);max-width:560px}
.hero .accroche b{color:var(--ink);font-weight:600}
.acts{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.petit{margin-top:16px;font-size:14px;color:var(--muted)}
.hero.chiffre{display:grid;align-items:center;min-height:calc(100svh - 72px);padding:28px 0 64px}

/* Hero chiffré (Sprint, entreprise) : le chiffre géant en corail, les créatures autour */
.hero.chiffre{grid-template-columns:1fr;justify-items:center;text-align:center}
.hero.chiffre::before{content:"";position:absolute;inset:4% -10% auto;height:80%;z-index:-1;background:radial-gradient(40% 50% at 30% 45%,rgba(255,170,150,.33),transparent 70%),radial-gradient(35% 45% at 70% 60%,rgba(190,180,255,.28),transparent 70%),radial-gradient(30% 40% at 55% 20%,rgba(170,230,210,.26),transparent 70%);filter:blur(10px);pointer-events:none}
:root[data-theme="dark"] .hero.chiffre::before{opacity:.4}
.titre-n{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:clamp(10px,2vw,28px);margin-top:16px;text-align:left}
.nombre{position:relative;width:clamp(150px,18vw,250px);height:clamp(190px,23vw,310px);display:grid;place-items:center}
.nombre b{font-size:clamp(200px,25vw,350px);font-weight:700;line-height:.8;padding:0 .04em;background:linear-gradient(150deg,#f2553e 10%,#f7964a 55%,#ffb38a 90%);-webkit-background-clip:text;background-clip:text;color:transparent;transform:translateY(4%)}
.nombre .forme{position:absolute;animation:flotte 6s ease-in-out infinite}
.nombre .forme:nth-of-type(1){--t:clamp(30px,3.4vw,48px);left:-14%;top:8%;animation-delay:-1s}
.nombre .forme:nth-of-type(2){--t:clamp(26px,3vw,40px);right:-12%;top:-2%;animation-delay:-2.2s}
.nombre .forme:nth-of-type(3){--t:clamp(30px,3.4vw,46px);right:-10%;top:70%;animation-delay:-3.1s}
.nombre .forme:nth-of-type(4){--t:clamp(24px,2.8vw,38px);left:-18%;top:56%;animation-delay:-.4s}
.nombre .forme:nth-of-type(5){--t:clamp(26px,3vw,40px);left:30%;bottom:-12%;animation-delay:-2.7s}
.titre-n .txt{color:var(--ink);font-size:clamp(40px,5.6vw,82px);font-weight:600;letter-spacing:-.045em;line-height:.98}
.titre-n .txt span{display:block;color:var(--muted)}
.hero.chiffre .accroche{margin:26px auto 0;text-align:center}
.hero.chiffre .acts{justify-content:center}
.rdv{margin-top:34px;display:inline-grid;grid-template-columns:repeat(3,auto);gap:clamp(14px,3vw,34px);padding:16px 26px;border-radius:24px;background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);text-align:left}
.rdv>span{display:flex;align-items:center;gap:12px}
.rdv>span>span:not(.ico){display:block;font-size:14px;line-height:1.3;color:var(--muted);white-space:nowrap}
.rdv b{display:block;font-size:19px;font-weight:600;letter-spacing:-.02em;color:var(--ink);line-height:1.15;margin-bottom:2px}
.ico{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none}
.ico svg{width:19px;height:19px}
.i1{background:#ffe5df;color:#e2462f}.i2{background:#e3f4ef;color:#00897B}.i3{background:#ecebff;color:#5b4fe0}
:root[data-theme="dark"] .i1{background:#3a1d18}:root[data-theme="dark"] .i2{background:#123128}:root[data-theme="dark"] .i3{background:#22213f}
@media (max-width:760px){.titre-n{grid-template-columns:1fr;justify-items:center;text-align:center}.nombre{margin:8px 0}.rdv{grid-template-columns:1fr;padding:18px 20px}.rdv>span>span:not(.ico){white-space:normal}}

/* Introduction du parcours */
.intro{text-align:center;padding:96px 0 0}
.intro h2{font-size:clamp(34px,4.6vw,58px);line-height:1.04}

/* Les étapes : une heure, un titre, une photo avec son schéma */
.jour{min-height:80svh;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;padding:60px 0}
.jour .heure{font-size:clamp(64px,10vw,140px);font-weight:500;letter-spacing:-.05em;line-height:.9;font-variant-numeric:tabular-nums;margin-top:14px}
.jour .heure small{font-size:.32em;letter-spacing:-.02em;color:var(--muted);font-weight:500;margin-left:.15em}
.jour h2{font-size:clamp(28px,3.4vw,44px);line-height:1.08;margin-top:22px}
.jour .demi{margin-top:14px;font-size:17px;line-height:1.5;color:var(--muted);max-width:420px}
.jr{display:flex;align-items:center;gap:14px;font-size:15px;color:var(--muted)}
.jr .forme{--t:34px}.jr .forme-etoile{--t:28px}
.jr b{font-weight:600;color:var(--ink)}
.media{border-radius:28px;aspect-ratio:4/3.4;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:clamp(18px,3vw,36px);background:var(--soft)}
.media .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.6s cubic-bezier(.22,1,.36,1)}
.media.on .ph{transform:scale(1)}
.media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.18));pointer-events:none}
.media .win,.media .rush{position:relative;z-index:1}
.media .win{max-width:360px;margin:0}
.jour.alt .media{order:-1}
.js .media .win,.js .media .rush{opacity:0;transform:translateY(16px) scale(.97);transition:opacity .7s,transform .9s cubic-bezier(.22,1,.36,1)}
.js .media.on .win,.js .media.on .rush{opacity:1;transform:none}
:root[data-theme="dark"] .media .ph{filter:brightness(.66) saturate(.9)}
.jour.large{grid-template-columns:.78fr 1.32fr}
.jour.large.alt{grid-template-columns:1.32fr .78fr}
.jour.large .media{aspect-ratio:16/10.5;align-items:flex-end;justify-content:flex-start}
.jour.large .media::after{background:linear-gradient(0deg,rgba(0,0,0,.24),rgba(0,0,0,0) 45%)}
@media (max-width:900px){.jour,.jour.large,.jour.large.alt{grid-template-columns:1fr;min-height:auto;padding:64px 0}.jour .media,.jour.alt .media{order:2}}

/* Le verre posé sur la photo : un schéma, pas des données */
.win{width:100%;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:18px;padding:18px;color:#0d0d0d;font-size:14px;display:grid;gap:12px}
.lab{font-size:12px;color:#6e6e73;display:flex;justify-content:space-between}
.sk{display:block;height:9px;border-radius:999px;background:#e6e6e8}
.sk.w1{width:90%}.sk.w2{width:70%}.sk.w3{width:50%}.sk.w4{width:35%}
.puce{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;border-radius:999px;padding:7px 12px;background:#f1f1f2;width:fit-content}
.puce.ok{background:#e3f4ec;color:#146b52}.puce.ch{background:#ffe9e5;color:#a2291e}
.puce i{width:7px;height:7px;border-radius:50%;background:currentColor}
.prio{display:grid;grid-template-columns:24px 92px 1fr;gap:10px;align-items:center;font-size:13px;font-weight:500}
.prio .n{font-variant-numeric:tabular-nums;color:#9a9a9f}
.prio .p{border-radius:999px;padding:4px 9px;font-size:12px;background:#f1f1f2;text-align:center}
.prio .p.ch{background:#ffe9e5;color:#a2291e}
.rush{display:flex;align-items:center;gap:10px;justify-content:center;width:100%;max-width:380px;margin:0 auto}
.clip{width:70px;height:124px;border-radius:14px;background:rgba(255,255,255,.9);display:grid;place-items:center;font-size:11px;color:#6e6e73;text-align:center;padding:8px;line-height:1.3}
.clip.long{width:104px;height:64px}
.fl{color:#fff;font-size:26px;opacity:.9}
.play{width:30px;height:30px;border-radius:50%;background:#E86FA0;position:relative;margin:0 auto 6px}
.play::after{content:"";position:absolute;left:11px;top:8px;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}
.chk{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;font-size:13px;font-weight:500}
.chk .o{width:20px;height:20px;border-radius:50%;background:#B04A9A;display:grid;place-items:center;color:#fff;font-size:11px}
.chk .o.v{background:transparent;border:1.5px solid #c3c3c8}
.chk em{font-style:normal;color:#9a9a9f;font-size:12px;font-weight:400}
.b2s{display:grid;gap:12px}
.b2{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center;font-size:13px;font-weight:500}
.b2 i{display:block;height:14px;border-radius:999px;background:#0d0d0d;transform-origin:left;transform:scaleX(0);transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.on .b2 i{transform:none}.b2.g i{background:#c3c3c8}.b2.r i{background:#ff6b5c}
.flux{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center;font-size:12px;color:#6e6e73}
.flux div{background:#f4f4f5;border-radius:14px;padding:12px 8px;display:grid;gap:7px;justify-items:center}
.flux b{color:#0d0d0d;font-size:13px;font-weight:600}
.flux .fin{background:#e3f4ec}
.flux .fl2{font-size:20px;color:#9a9a9f}
.portes6{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.portes6 span{border-radius:12px;padding:10px 6px;background:#f4f4f5;text-align:center;font-size:12px;font-weight:500}
.portes6 span.on2{background:#ffe9e5;color:#a2291e;box-shadow:0 0 0 1.5px #ff8a7a inset}
.notifw{display:flex !important;grid-template-columns:none;gap:12px;align-items:center;max-width:340px;margin:0 !important;padding:14px 18px 14px 14px;border-radius:20px}
.notifw .forme{--t:34px}.notifw .forme-etoile{--t:30px}
.notifw b{display:block;font-weight:600;font-size:15px}.notifw span:not(.forme){font-size:13px;color:#55555a}
@media (max-width:700px){
  .media{padding:14px}
  .rush{display:grid;grid-template-columns:1.35fr auto 1fr 1fr 1fr;gap:6px;padding:0 2px}
  .rush .clip{width:auto;height:auto;aspect-ratio:9/16;padding:4px;font-size:11px;border-radius:10px}
  .rush .clip.long{aspect-ratio:4/3}
  .rush .play{width:22px;height:22px;margin-bottom:4px}
  .rush .play::after{left:8px;top:6px;border-left-width:8px;border-top-width:5px;border-bottom-width:5px}
  .rush .fl{font-size:16px}
  .jour.large .media .notifw{max-width:78%;padding:10px 12px;gap:8px}
  .notifw b{font-size:13.5px}.notifw span:not(.forme){font-size:13px}
}

/* L'équipe : les créatures en rang, leur heure, leur seul travail */
.equipe{padding:110px 0 40px;text-align:center}
.equipe h2,.bloc-t h2{font-size:clamp(34px,4.6vw,58px);line-height:1.05}
.rang{margin-top:52px;display:grid;grid-template-columns:repeat(5,1fr);gap:28px 14px}
.agent{display:grid;justify-items:center;gap:10px;text-align:center}
.agent .forme{--t:58px;transition:transform .3s}.agent .forme-etoile{--t:50px}
.agent:hover .forme{transform:rotate(-6deg) scale(1.08)}
.agent b{font-size:16px;font-weight:600;letter-spacing:-.01em}
.agent span:not(.forme){font-size:13px;color:var(--muted);line-height:1.35;max-width:150px}
.agent em{font-style:normal;font-size:12px;font-weight:500;color:var(--ink-2);background:var(--soft);border-radius:999px;padding:3px 9px}
.outils{margin-top:46px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.outils .t{width:100%;font-size:14px;color:var(--muted);margin-bottom:4px}
.marque{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:999px;padding:9px 15px;font-size:14px;font-weight:500;color:var(--ink)}
.marque img{width:20px;height:20px}
@media (max-width:900px){.rang{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.rang{grid-template-columns:repeat(2,1fr)}}

/* Blocs à titre centré */
.bloc-t{padding:110px 0 30px;text-align:center}

/* Cartes pastel */
.docs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px;text-align:left}
.doc{border-radius:24px;padding:26px;min-height:220px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;color:#0d0d0d}
.doc.d1{background:linear-gradient(160deg,#ffe3dc,#fff4ef)}.doc.d2{background:linear-gradient(160deg,#e5e2ff,#f4f2ff)}.doc.d3{background:linear-gradient(160deg,#d8f0e6,#effaf5)}.doc.d4{background:linear-gradient(160deg,#dcecff,#f1f7ff)}.doc.d5{background:linear-gradient(160deg,#fff0c9,#fff9ea)}.doc.d6{background:linear-gradient(160deg,#fde0ee,#fff3f8)}
:root[data-theme="dark"] .doc{filter:brightness(.9)}
.doc h3{font-size:22px;font-weight:500;letter-spacing:-.02em;color:#0d0d0d}
.doc p{font-size:15px;line-height:1.5;color:#2b2b2b}
.doc .forme{--t:40px}.doc .forme-etoile{--t:34px}
.doc .preuve{margin-top:auto;font-size:13px;color:#55555a;padding-top:6px}
@media (max-width:900px){.docs{grid-template-columns:1fr}}

/* Témoignages : le problème en corail, la solution cochée en vert */
.cas{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px;text-align:left}
.fort{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background:var(--ink);color:var(--bg);border-radius:28px;padding:clamp(24px,4vw,44px)}
.fort img{width:96px;height:96px;border-radius:50%;object-fit:cover}
.fort q{font-size:clamp(24px,3vw,36px);line-height:1.15;letter-spacing:-.02em;quotes:"« " " »"}
.fort .qui{margin-top:12px;font-size:14px;opacity:.7}
.ca{background:var(--soft);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:12px}
.ca header{display:flex;gap:12px;align-items:center}
.ca header img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.ca header b{display:block;font-weight:600;font-size:15px}.ca header span{font-size:13px;color:var(--muted)}
.ca h3{font-size:19px;font-weight:500;letter-spacing:-.02em;line-height:1.2}
.av-ap{display:grid;gap:8px;font-size:14px;line-height:1.45;color:var(--ink-2)}
.av-ap div{display:grid;gap:3px;border-radius:14px;padding:12px 14px 12px 46px;position:relative}
.av-ap em{font-style:normal;font-size:13px;font-weight:600;letter-spacing:.02em}
.av-ap div::before{position:absolute;left:14px;top:13px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff}
.av-ap div:nth-child(1){background:color-mix(in srgb,#ff6b5c 10%,var(--bg))}
.av-ap div:nth-child(1) em{color:#c2412f}
.av-ap div:nth-child(1)::before{content:"!";background:#ff8a7a}
.av-ap div:nth-child(2){background:color-mix(in srgb,#1f9e7a 11%,var(--bg))}
.av-ap div:nth-child(2) em{color:#137a5c}
.av-ap div:nth-child(2)::before{content:"✓";background:#1f9e7a}
:root[data-theme="dark"] .av-ap div:nth-child(1) em{color:#ff9a8c}
:root[data-theme="dark"] .av-ap div:nth-child(2) em{color:#5fd3a8}
.ca .mini{margin-top:auto;display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted)}
.ca .mini .forme{--t:20px}
@media (max-width:900px){.cas{grid-template-columns:1fr}.fort{grid-template-columns:1fr}}

/* Julien */
.julien{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,5vw,72px);align-items:center;padding:90px 0 40px}
.julien .photo{border-radius:28px;overflow:hidden;aspect-ratio:4/4.4}
.julien .photo img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.julien h2{font-size:clamp(30px,3.6vw,46px);line-height:1.08;margin-top:12px}
.julien .bio{margin-top:20px;color:var(--muted);font-size:17px;line-height:1.55;max-width:480px}
.lien{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:8px 0;min-height:44px;font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line)}
.lien:hover{text-decoration-color:var(--ink)}
@media (max-width:900px){.julien{grid-template-columns:1fr}}

/* La fourche : la fin du parcours, deux chemins */
.fourche{padding:110px 0 40px;text-align:center}
.fourche h2{font-size:clamp(40px,6vw,80px);line-height:.98;letter-spacing:-.05em}
.fourche h2 span{display:block}
.noeud{display:grid;place-items:center;height:110px;margin-top:20px}
.noeud .point{width:14px;height:14px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 8px color-mix(in srgb,var(--coral) 16%,transparent)}
.portes{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}
.porte{position:relative;display:flex;flex-direction:column;border-radius:32px;overflow:hidden;text-decoration:none;background:color-mix(in srgb,var(--k) 9%,var(--bg));border:1.5px solid color-mix(in srgb,var(--k) 22%,transparent);transition:transform .3s,box-shadow .3s,border-color .3s}
.porte:hover{transform:translateY(-4px);border-color:var(--k);box-shadow:0 30px 60px -36px color-mix(in srgb,var(--k) 60%,transparent)}
.porte .img{aspect-ratio:16/9;overflow:hidden}
.porte .img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.porte:hover .img img{transform:scale(1.04)}
.porte .txt{padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;gap:12px;flex:1}
.porte .qui3{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:var(--muted)}
.porte .qui3 .forme{--t:30px}.porte .qui3 .forme-etoile{--t:26px}
.porte h3{font-size:clamp(26px,2.8vw,36px);line-height:1.05;letter-spacing:-.04em}
.porte p{font-size:16px;line-height:1.5;color:var(--ink-2)}
.porte .go{margin-top:auto;padding-top:10px}
.porte .go .btn{background:var(--k);color:#fff}
.alt-audit{display:block;margin-top:26px;font-size:15px;color:var(--muted)}.alt-audit a{display:inline-block;padding:12px 0}
.alt-audit a{color:var(--ink);font-weight:500;text-underline-offset:4px}
@media (max-width:820px){.portes{grid-template-columns:1fr}.noeud{height:70px}}

/* L'offre, au gabarit du formulaire une ligne */
.offre{position:relative;text-align:center;padding:clamp(48px,7vw,96px) clamp(18px,4vw,40px);border-radius:40px;background:radial-gradient(45% 60% at 25% 30%,rgba(255,170,150,.35),transparent 70%),radial-gradient(40% 55% at 78% 70%,rgba(190,180,255,.32),transparent 70%),var(--soft);overflow:hidden}
.offre-eq{display:flex;justify-content:center;gap:12px;margin-bottom:28px}
.offre-eq .forme{--t:34px;animation:flotte 5s ease-in-out infinite}.offre-eq .forme-etoile{--t:30px}
.offre-eq .forme:nth-child(2n){animation-delay:-1.5s}.offre-eq .forme:nth-child(3n){animation-delay:-3s}
.prix{font-size:clamp(50px,8.5vw,112px);font-weight:600;letter-spacing:-.05em;line-height:.95}
.prix span{color:#e2462f}
:root[data-theme="dark"] .prix span{color:var(--coral)}
.prix small{display:block;font-size:max(13px,.3em);letter-spacing:-.02em;color:var(--muted);font-weight:500;margin-top:14px}
.offre .acts{justify-content:center;margin-top:34px}
.offre .acts .btn.c{background:var(--coral);color:#1a0905;font-weight:600;padding:17px 26px}
.coches{margin-top:20px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.coches span::before{content:"✓";color:var(--vert);font-weight:700;margin-right:6px}
.mention{margin:18px auto 0;max-width:520px;font-size:13px;color:var(--muted);line-height:1.5}

/* Le bloc sombre : l'autre chemin */
.sombre{position:relative;text-align:center;padding:clamp(48px,7vw,96px) clamp(18px,4vw,40px);border-radius:40px;background:radial-gradient(45% 60% at 80% 20%,rgba(255,107,92,.35),transparent 70%),radial-gradient(40% 55% at 15% 85%,rgba(120,110,255,.25),transparent 70%),#0d0d0d;color:#fff;overflow:hidden;margin-top:40px}
.sombre .lbl{color:rgba(255,255,255,.6)}
.sombre h2{margin-top:16px;font-size:clamp(38px,6vw,80px);font-weight:600;letter-spacing:-.05em;line-height:.98}
.sombre h2 span{color:#ff8a72}
.sombre p{margin:20px auto 0;max-width:560px;font-size:18px;line-height:1.5;color:rgba(255,255,255,.75)}
.sombre .btn{margin-top:34px;background:#fff;color:#0d0d0d;padding:18px 28px;font-size:17px;font-weight:600}
.sombre .lien-b{display:table;margin:8px auto 0;padding:12px 0;font-size:15px;color:rgba(255,255,255,.65);text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.3)}
.sombre .lien-b:hover{color:#fff}

/* Frise de semaines */
.prog{margin:48px auto 0;max-width:820px;display:grid;gap:10px;text-align:left}
.etape{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:start;padding:20px 24px;border-radius:20px;background:var(--soft)}
.etape .h{font-size:20px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#c43f2b;line-height:1.2}
:root[data-theme="dark"] .etape .h{color:var(--coral)}
.etape .h small{display:block;font-size:13px;font-weight:500;color:#55555a;letter-spacing:0;margin-top:3px}
.etape h3{font-size:20px;font-weight:500;letter-spacing:-.02em}
.etape p{margin:6px 0 0;color:var(--muted);font-size:15px;line-height:1.5}
.etape.fort2{background:color-mix(in srgb,var(--coral) 12%,var(--bg))}
@media (max-width:700px){.etape{grid-template-columns:1fr;gap:6px;padding:18px}}

/* Deux colonnes : ce que tu reçois / ce que tu ne vois pas */
.deux{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:48px;text-align:left}
.col{border-radius:24px;padding:26px;display:grid;gap:12px;align-content:start}
.col h3{font-size:20px;font-weight:600;letter-spacing:-.02em;margin-bottom:4px}
.col p{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45}
.col.oui{background:color-mix(in srgb,var(--vert) 10%,var(--bg))}
.col.non{background:var(--soft)}
.col .ck,.col .x{flex:none;font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff}
.col .ck{background:var(--vert)}.col .x{background:#9a9a9f}
@media (max-width:820px){.deux{grid-template-columns:1fr}}

/* FAQ */
.faq{padding:100px 0 110px;max-width:820px;margin:0 auto}
.faq h2{font-size:clamp(32px,4vw,48px);text-align:center;margin-bottom:36px}
.faq details{border-top:1px solid var(--line);padding:4px 0}
.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:19px;font-weight:500;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:26px;font-weight:300;color:var(--muted);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 40px 22px 0;color:var(--muted);font-size:16px;line-height:1.6}

/* Pied */
.pied{border-top:1px solid var(--line);padding:30px 0 110px;display:flex;justify-content:space-between;gap:18px 30px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.pied nav{display:flex;gap:0 18px;flex-wrap:wrap}
.pied a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.pied a:hover{color:var(--ink)}

/* Barre collée : l'audit offert */
.collant{text-decoration:none;position:fixed;left:50%;bottom:16px;z-index:40;transform:translate(-50%,160%);transition:transform .5s cubic-bezier(.22,1,.36,1);display:flex;align-items:center;gap:14px;background:var(--ink);color:var(--bg);border-radius:999px;padding:8px 8px 8px 20px;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.18);white-space:nowrap}
.collant.vu{transform:translate(-50%,0)}
.collant .btn{background:var(--coral);color:#1a0905;padding:10px 16px;font-size:14px}
.collant .pt{width:8px;height:8px;border-radius:50%;background:var(--coral)}
@media (max-width:560px){.collant{font-size:13px;padding-left:14px;gap:10px}.collant .txt-long{display:none}}

/* Le guide : l'étoile qui voyage d'une étape à l'autre et prend la forme de chaque agent */
#fil{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:auto;overflow-x:clip}
#fil svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0}
#fil .t0,#fil .br0{fill:none;stroke:var(--line);stroke-width:1.5;stroke-dasharray:2 7;stroke-linecap:round}
#fil .t1,#fil .br1{fill:none;stroke:var(--gc,#ff6b5c);stroke-width:1.5;stroke-linecap:round;opacity:.55;transition:stroke .4s}
#fil .br1{transition:stroke-dashoffset 1.1s cubic-bezier(.22,1,.36,1)}
.guide{position:absolute;left:0;top:0;width:68px;height:68px;margin:-34px 0 0 -34px;z-index:30;pointer-events:none;will-change:transform}
.guide::before{content:"";position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gc,#ff6b5c) 30%,transparent),transparent 70%)}
.guide.pop::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid var(--gc,#ff6b5c);animation:pop .7s ease-out forwards}
@keyframes pop{from{transform:scale(.6);opacity:.9}to{transform:scale(2.6);opacity:0}}
.guide .corps{position:absolute;inset:0;display:grid;place-items:center;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.guide .corps .forme{--t:58px}.guide .corps .forme-etoile{--t:50px}
.guide.mue .corps{transform:scale(.2) rotate(-90deg)}
@media (max-width:900px){#fil{display:none}#fil svg{display:none}.guide{width:52px;height:52px;margin:-26px 0 0 -26px}.guide .corps .forme{--t:42px}.guide .corps .forme-etoile{--t:38px}}

@media (prefers-reduced-motion:reduce){
  #fil{display:none}
  *{animation:none!important;transition:none!important}
  .js .rv,.js .media .win,.js .media .rush{opacity:1;transform:none}
}
.hero.chiffre .scroll{display:none}

/* Le schéma en une ligne : compris d'un coup d'oeil */
.win.ligne{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;width:auto;max-width:100%;padding:10px;border-radius:24px}
.etq{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:999px;background:#f1f1f2;color:#0d0d0d;font-size:14px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.etq.ch{background:#ffe5e1;color:#a2291e}
.etq.ok{background:#dff3ea;color:#11684f}
.etq.x{background:transparent;color:#9a9a9f;text-decoration:line-through;font-weight:500;padding:10px 6px}
.etq svg{width:16px;height:16px}
.fl3{color:#6e6e73;font-size:18px;line-height:1}
:root[data-theme="dark"] .fl3{color:#b5b5ba}
.win.mini-b{max-width:280px;padding:16px}

/* Le panneau noir de l'équipe (repris de l'accueil en ligne) */
.equipe-sombre{margin-top:clamp(40px,5vw,64px);padding:clamp(28px,4vw,48px) clamp(16px,3vw,40px) clamp(32px,4vw,56px);border-radius:28px;background:#121212;color:#fff}
.equipe-libre{position:relative;list-style:none;height:clamp(540px,46vw,620px);margin:0;padding:0}
.equipe-libre .perso{position:absolute;left:var(--x);top:var(--y);width:180px;margin:calc(var(--t)/-2) 0 0 -90px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.equipe-libre .forme{margin-bottom:12px;transform:rotate(var(--r,0deg));animation:flotte-r 6.5s ease-in-out infinite}
.equipe-libre .forme.forme-etoile{width:calc(var(--t,64px)*1.485);height:calc(var(--t,64px)*1.485)}
.equipe-libre .perso:nth-child(2n) .forme{animation-duration:8s;animation-delay:-2.5s}
.equipe-libre .perso:nth-child(3n) .forme{animation-duration:7.2s;animation-delay:-4s}
@keyframes flotte-r{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-6px) rotate(var(--r,0deg))}}
.perso .heure{font-size:13px;font-variant-numeric:tabular-nums;color:#b8b8b8}
.perso .nom{font-size:18px;font-weight:600;letter-spacing:-.02em;color:#fff}
.perso .travail{font-size:14px;color:#b8b8b8}
:root[data-theme="dark"] .equipe-sombre{background:#171717;box-shadow:0 0 0 1px #262626 inset}
@media (max-width:900px){
  .equipe-libre{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 12px;padding-bottom:30px}
  .equipe-libre .perso{position:static;width:auto;margin:0}
  .equipe-libre .perso:first-child{grid-column:1/-1}
  .equipe-libre .perso:nth-child(2n+3){transform:translateY(30px)}
  .equipe-libre .forme{width:calc(var(--t)*.72);height:calc(var(--t)*.72)}
  .equipe-libre .forme.forme-etoile{width:calc(var(--t)*.72*1.485);height:calc(var(--t)*.72*1.485)}
}

.nav .court,.pied .court{display:none}
@media (max-width:760px){.nav .long{display:none}.nav .court{display:inline}}

@media (max-width:430px){.etq{padding:8px 11px;font-size:13px}.win.ligne{gap:6px;padding:8px}}
:root[data-theme="dark"] .etape .h small,:root[data-theme="dark"] .notifw span:not(.forme){color:#b5b5ba}
.langue{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:13px;font-weight:600;letter-spacing:.02em;text-decoration:none;color:var(--ink);flex:none;transition:background .2s}
.langue:hover{background:var(--soft)}

/* L'équipe se déploie (accueil seulement, piloté par parcours.js)
   Bureau : le panneau reste collé pendant 160vh ; la petite étoile s'y fond, la grande se révèle,
   puis les neuf agents partent du centre. Sous 900 px : cascade à l'entrée. Mouvement réduit : rien. */
@media (min-width:901px){
  .eq-seq{margin-top:clamp(40px,5vw,64px)}
  .eq-seq::after{content:"";display:block;height:160vh}
  .eq-seq .equipe-sombre{margin-top:0;overflow:clip}
  .eq-seq .equipe-colle{position:sticky;top:var(--eq-top,0px)}
  .eq-seq .perso{opacity:0;transform-origin:50% calc(var(--t)/2);will-change:transform,opacity}
  .eq-seq .perso:first-child{transform-origin:50% calc(var(--t)*.7425)}
  .eq-seq .perso>span:not(.forme){opacity:var(--tt,0);translate:0 calc((1 - var(--tt,0))*8px)}
  .eq-seq .perso::before{content:"";position:absolute;left:50%;top:calc(var(--t)/2);width:var(--t);height:var(--t);margin:calc(var(--t)/-2) 0 0 calc(var(--t)/-2);border-radius:50%;border:1.5px solid var(--c);opacity:var(--ro,0);transform:scale(var(--rs,1));pointer-events:none}
  .eq-halo,.eq-onde{position:absolute;left:0;top:0;width:220px;height:220px;margin:-110px 0 0 -110px;border-radius:50%;pointer-events:none;opacity:0;will-change:transform,opacity}
  .eq-halo{background:radial-gradient(circle,rgba(255,107,92,.42),rgba(255,107,92,.12) 42%,rgba(255,107,92,0) 68%)}
  .eq-onde{border:1.5px solid var(--coral)}
}
.eq-cascade .perso{opacity:0;translate:0 22px;scale:.6}
.eq-cascade .perso:first-child{scale:.25;rotate:-30deg;translate:none}
.eq-cascade.eq-vu .perso{opacity:1;translate:none;scale:none;rotate:none;transition:opacity .5s ease calc(var(--i,0)*90ms + 120ms),translate .8s cubic-bezier(.34,1.56,.64,1) calc(var(--i,0)*90ms + 120ms),scale .8s cubic-bezier(.34,1.56,.64,1) calc(var(--i,0)*90ms + 120ms),rotate .8s cubic-bezier(.34,1.56,.64,1) calc(var(--i,0)*90ms + 120ms)}

/* La frise des six semaines (entreprise, piloté par parcours.js, data-scene="rail")
   Bureau : le titre et la frise restent collés pendant 140vh ; la petite étoile se fond dans celle de l'audit,
   puis la ligne se tire et les étapes arrivent une à une. Sous 900 px : la cascade de la page. Mouvement réduit : rien. */
@media (min-width:901px){
  .rl-seq::after{content:"";display:block;height:140vh}
  .rl-seq .rail.rv,.rl-seq .rail.rv.in{opacity:1;transform:none;transition:none}
  .rl-seq .rail-colle{position:sticky;top:var(--eq-top,0px)}
  .rl-seq .rail::before{transform-origin:0 50%;transform:scaleX(var(--rl,0))}
  .rl-seq .rail.rv .forme,.rl-seq .rail.rv.in .forme{opacity:0;transition:none;will-change:transform,opacity}
  .rl-seq .rail li>:not(.forme){opacity:var(--tt,0);translate:0 calc((1 - var(--tt,0))*10px)}
  .rl-seq .rail li::before{content:"";position:absolute;left:50%;top:30px;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;border:1.5px solid var(--c);opacity:var(--ro,0);transform:scale(var(--rs,1));pointer-events:none}
  .rl-seq .rail li:first-child::before{display:none}
  /* La fin du parcours : l'étoile fixe de la rangée garde sa place, le guide vient la prendre */
  .guide-actif [data-fin] .forme-etoile{opacity:0}
}
/* Les clignements de la frise, décalés : jamais les sept en même temps (sinon une capture les fige en tirets) */
.rail li:nth-child(2n) .forme::before,.rail li:nth-child(2n) .forme::after{animation-delay:-1.7s}
.rail li:nth-child(3n) .forme::before,.rail li:nth-child(3n) .forme::after{animation-delay:-3.2s}
.rail li:nth-child(5) .forme::before,.rail li:nth-child(5) .forme::after{animation-delay:-.9s}
.rail li:nth-child(7) .forme::before,.rail li:nth-child(7) .forme::after{animation-delay:-4.1s}
@media (max-width:900px){.eq-halo,.eq-onde{display:none}}
.guide::before{opacity:var(--ha,1)}
/* Au bout, le guide flotte en phase avec l'étoile qu'il remplace, à la même amplitude malgré sa mise à l'échelle */
.guide.au-bout .corps .forme{animation:flotte-g 5s ease-in-out infinite}
@keyframes flotte-g{0%,100%{translate:0 0}50%{translate:0 calc(-9px / var(--gk,1))}}
/* Les clignements de l'équipe de l'accueil, décalés : dix personnages, pas un décor */
.equipe-libre .perso:nth-child(2) .forme::before,.equipe-libre .perso:nth-child(2) .forme::after{animation-delay:-.7s}
.equipe-libre .perso:nth-child(3) .forme::before,.equipe-libre .perso:nth-child(3) .forme::after{animation-delay:-2.1s;animation-duration:5.6s}
.equipe-libre .perso:nth-child(4) .forme::before,.equipe-libre .perso:nth-child(4) .forme::after{animation-delay:-3.4s;animation-duration:4.6s}
.equipe-libre .perso:nth-child(5) .forme::before,.equipe-libre .perso:nth-child(5) .forme::after{animation-delay:-1.3s;animation-duration:6.2s}
.equipe-libre .perso:nth-child(6) .forme::before,.equipe-libre .perso:nth-child(6) .forme::after{animation-delay:-4.2s;animation-duration:5.3s}
.equipe-libre .perso:nth-child(7) .forme::before,.equipe-libre .perso:nth-child(7) .forme::after{animation-delay:-2.8s;animation-duration:4.9s}
.equipe-libre .perso:nth-child(8) .forme::before,.equipe-libre .perso:nth-child(8) .forme::after{animation-delay:-.3s;animation-duration:5.8s}
.equipe-libre .perso:nth-child(9) .forme::before,.equipe-libre .perso:nth-child(9) .forme::after{animation-delay:-3.9s;animation-duration:4.4s}
.equipe-libre .perso:nth-child(10) .forme::before,.equipe-libre .perso:nth-child(10) .forme::after{animation-delay:-1.8s;animation-duration:6.6s}
.langue.suggere{border-color:var(--coral);color:#e2462f;box-shadow:0 0 0 3px color-mix(in srgb,var(--coral) 22%,transparent);animation:lg-appel 2.4s ease-in-out 3}
:root[data-theme="dark"] .langue.suggere{color:var(--coral)}
@keyframes lg-appel{0%,100%{box-shadow:0 0 0 3px color-mix(in srgb,var(--coral) 22%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--coral) 10%,transparent)}}
@media (prefers-reduced-motion:reduce){.langue.suggere{animation:none}}