/* =========================================================
   Théophile Burnet · Partenaire IA des entreprises
   DA : crème quadrillé · noir · bleu électrique · Anton + Poppins
   ========================================================= */
@font-face{font-family:'Anton';src:url('assets/anton.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Poppins';src:url('assets/poppins-600.woff2') format('woff2');font-weight:600;font-display:swap}

:root{
  --creme:#FBF5E4;
  --creme-2:#F4ECD6;
  --grid:#E9DFC6;
  --noir:#1A1A1C;
  --noir-2:#101012;
  --bleu:#4062E6;
  --bleu-2:#2F4BC4;
  --bleu-soft:#DCE3FB;
  --jaune:#F6E35A;
  --blanc:#FFFFFF;
  --gris:#6B6A66;
  --gris-2:#A8A59C;
  --line:rgba(26,26,28,.12);
  --radius:22px;
  --shadow:0 20px 60px rgba(26,26,28,.10);
  --display:'Anton','Arial Narrow',Impact,sans-serif;
  --body:'Poppins','Avenir Next',Arial,sans-serif;
  --wrap:1180px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--body);color:var(--noir);background:var(--creme);line-height:1.6;font-size:16px;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
h1,h2,h3{margin:0;font-weight:400;line-height:1.02}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
.wrap{width:min(var(--wrap),calc(100% - 48px));margin:0 auto}
.skip{position:absolute;left:-999px;top:8px;background:var(--noir);color:#fff;padding:10px 14px;border-radius:8px;z-index:1000}
.skip:focus{left:8px}

/* grid paper background helper */
.paper{background-color:var(--creme);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px}

/* --------- type --------- */
.display{font-family:var(--display);text-transform:none;letter-spacing:.005em;font-size:clamp(40px,5.6vw,74px);line-height:.98}
.display .accent{font-style:normal;color:var(--bleu)}
.display .accent-yellow{font-style:normal;color:var(--jaune)}
.kicker{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gris);margin-bottom:18px}
.kicker .star{color:var(--bleu);font-size:16px;display:inline-block;animation:spin 14s linear infinite}
.kicker.light{color:rgba(255,255,255,.75)}
.kicker.light .star{color:var(--jaune)}
@keyframes spin{to{transform:rotate(360deg)}}
.lead{font-size:clamp(17px,1.35vw,20px);color:#3D3C38;max-width:60ch}
.lead.small{font-size:16px;max-width:46ch}
.section{padding:clamp(80px,10vw,130px) 0}
.section-head{display:grid;gap:24px;margin-bottom:56px}
.section-head.split{grid-template-columns:1.2fr .8fr;align-items:end}
@media (max-width:860px){.section-head.split{grid-template-columns:1fr}}

/* --------- buttons --------- */
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 22px;border-radius:14px;font-weight:600;font-size:15px;border:2px solid transparent;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s}
.btn .arr{transition:transform .25s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn:hover .arr{transform:translate(2px,-2px)}
.btn-dark{background:var(--noir);color:#fff;box-shadow:0 10px 30px rgba(26,26,28,.18)}
.btn-blue{background:var(--bleu);color:#fff;box-shadow:0 10px 30px rgba(64,98,230,.28)}
.btn-ghost{background:transparent;color:var(--noir);border-color:var(--noir)}
.btn-light{background:#fff;color:var(--noir)}
.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn-sm{padding:11px 16px;font-size:14px;border-radius:12px}
.link-btn{background:none;border:0;color:inherit;text-decoration:underline;padding:0}

/* --------- nav --------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 28px;transition:background .3s,box-shadow .3s,padding .3s}
.nav.scrolled{background:rgba(251,245,228,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line);padding:10px 28px}
.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px;letter-spacing:-.01em}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--noir);color:#fff;font-family:var(--display);font-size:15px;letter-spacing:.02em}
.brand-name b{color:var(--bleu)}
.nav-links{display:flex;gap:26px;font-size:14px;font-weight:500}
.nav-links a{position:relative;padding:6px 0}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--bleu);transition:right .3s var(--ease)}
.nav-links a:hover::after{right:0}
.nav-cta{padding:11px 16px;font-size:14px}
.burger{display:none;width:42px;height:42px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:6px;align-items:center}
.burger span{display:block;width:22px;height:2px;background:var(--noir);transition:transform .3s}
.burger[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.mobile-menu{position:fixed;inset:64px 0 auto 0;z-index:99;background:var(--creme);display:none;flex-direction:column;gap:6px;padding:16px 24px 28px;border-bottom:1px solid var(--line)}
.mobile-menu.open{display:flex}
.mobile-menu a{padding:12px 0;font-weight:500;border-bottom:1px solid var(--line)}
.mobile-menu .btn{margin-top:12px;justify-content:center;border-bottom:0}
@media (max-width:960px){.nav-links,.nav-cta{display:none}.burger{display:flex}}

/* =========================================================
   INTRO ANIMATION (sticky scroll stage)
   ========================================================= */
.intro{height:230svh;position:relative}
.intro-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:var(--creme)}
.intro-grid{position:absolute;inset:-60px;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px;opacity:0;animation:gridIn 1.4s var(--ease) .1s forwards, gridDrift 40s linear infinite;mask-image:radial-gradient(ellipse at center,#000 45%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse at center,#000 45%,transparent 85%)}
@keyframes gridIn{to{opacity:1}}
@keyframes gridDrift{to{background-position:32px 32px}}
.intro-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:0;animation:blobIn 1.6s var(--ease) .3s forwards}
.intro-blob-blue{width:46vw;height:46vw;right:-8vw;top:-10vw;background:radial-gradient(circle,rgba(64,98,230,.35),rgba(64,98,230,0) 70%)}
.intro-blob-yellow{width:36vw;height:36vw;left:-10vw;bottom:-14vw;background:radial-gradient(circle,rgba(246,227,90,.55),rgba(246,227,90,0) 70%)}
@keyframes blobIn{to{opacity:1}}

.intro-content{position:absolute;inset:0;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding-bottom:12vh;gap:clamp(24px,5vw,80px);width:min(1180px,calc(100% - 48px));margin:0 auto;will-change:transform,opacity}
.intro-portrait{position:relative;justify-self:end;width:min(34vw,420px);aspect-ratio:1}
.intro-portrait img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;border-radius:50%;border:5px solid var(--noir);transform:scale(.6);opacity:0;animation:popIn 1s var(--ease) .7s forwards}
.intro-ring{position:absolute;inset:-6%;border-radius:50%;background:conic-gradient(from 200deg,var(--bleu),var(--jaune),var(--bleu));opacity:0;transform:scale(.4) rotate(-40deg);animation:ringIn 1.2s var(--ease) .55s forwards, ringSpin 18s linear 1.8s infinite;z-index:1;mask:radial-gradient(circle,transparent 62%,#000 63%);-webkit-mask:radial-gradient(circle,transparent 62%,#000 63%)}
@keyframes ringIn{to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes ringSpin{to{transform:rotate(360deg)}}
@keyframes popIn{to{opacity:1;transform:scale(1)}}
.intro-badge{position:absolute;z-index:3;background:#fff;border:2px solid var(--noir);border-radius:999px;padding:8px 14px;font-weight:600;font-size:14px;box-shadow:0 8px 20px rgba(26,26,28,.12);opacity:0;transform:translateY(14px) scale(.9);animation:badgeIn .7s var(--ease) forwards, float 5s ease-in-out infinite}
.intro-badge-1{top:6%;left:-8%;animation-delay:1.5s,2.2s}
.intro-badge-2{top:46%;right:-14%;animation-delay:1.7s,2.6s;background:var(--bleu);color:#fff;border-color:var(--bleu)}
.intro-badge-3{bottom:6%;left:2%;animation-delay:1.9s,3s;background:var(--jaune);border-color:var(--noir)}
@keyframes badgeIn{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes float{50%{translate:0 -8px}}

.intro-copy{max-width:640px}
.intro-kicker{display:inline-flex;align-items:center;gap:10px;background:var(--bleu);color:#fff;font-weight:600;font-size:14px;padding:8px 16px;border-radius:999px;margin-bottom:26px;opacity:0;transform:translateY(12px);animation:fadeUp .8s var(--ease) .5s forwards}
.intro-kicker .dot{width:8px;height:8px;border-radius:50%;background:var(--jaune);box-shadow:0 0 0 0 rgba(246,227,90,.8);animation:pulse 2s ease-out infinite}
@keyframes pulse{to{box-shadow:0 0 0 10px rgba(246,227,90,0)}}
.intro-title{font-family:var(--display);font-size:clamp(64px,10.5vw,148px);line-height:.92;letter-spacing:.005em}
.intro-title .line{display:block;overflow:hidden;padding-bottom:.04em}
.intro-title .line span{display:block;transform:translateY(110%);animation:riseIn 1s var(--ease) forwards}
.intro-title .line:nth-child(1) span{animation-delay:.75s}
.intro-title .line:nth-child(2) span{animation-delay:.9s}
.blue{color:var(--bleu)}
.intro-sub{margin-top:22px;font-family:var(--display);font-size:clamp(24px,3.2vw,44px);line-height:1.05;color:var(--noir)}
.intro-sub .w{display:inline-block;opacity:0;transform:translateY(16px);animation:fadeUp .7s var(--ease) forwards}
.intro-sub .w:nth-child(1){animation-delay:1.25s}.intro-sub .w:nth-child(2){animation-delay:1.35s}.intro-sub .w:nth-child(3){animation-delay:1.45s}.intro-sub .w:nth-child(4){animation-delay:1.55s}.intro-sub .w:nth-child(5){animation-delay:1.65s}
@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}
@keyframes riseIn{to{transform:translateY(0)}}
.intro-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.chip{padding:10px 18px;border-radius:999px;font-weight:600;font-size:14px;opacity:0;transform:translateY(10px) scale(.92);animation:badgeIn .6s var(--ease) forwards}
.chip:nth-child(1){animation-delay:1.9s}.chip:nth-child(2){animation-delay:2.05s}.chip:nth-child(3){animation-delay:2.2s}.chip:nth-child(4){animation-delay:2.35s}
.chip-outline{background:#fff;border:2px solid var(--noir)}
.chip-blue{background:var(--bleu);color:#fff}

/* typing window (bottom right) */
.intro-typing{position:absolute;right:clamp(16px,3vw,40px);bottom:18px;width:min(360px,calc(100% - 32px));opacity:0;transform:translateY(20px);animation:fadeUp .8s var(--ease) 2.6s forwards;z-index:4}
.typing-window{background:#fff;border:2px solid var(--noir);border-radius:16px;box-shadow:8px 8px 0 var(--noir);overflow:hidden}
.typing-head{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:12px;color:var(--gris)}
.typing-head i{width:9px;height:9px;border-radius:50%;background:#E4E1D8}
.typing-head i:nth-child(1){background:#F26D62}.typing-head i:nth-child(2){background:#F5C451}.typing-head i:nth-child(3){background:#5FC96F}
.typing-head span{margin-left:8px}
.typing-body{padding:14px;display:grid;gap:10px;font-size:13.5px;line-height:1.5}
.typing-user{justify-self:end;background:var(--bleu-soft);border-radius:14px 14px 4px 14px;padding:9px 12px;max-width:88%}
.typing-ai{background:var(--creme);border-radius:14px 14px 14px 4px;padding:9px 12px;min-height:44px}
.caret{display:inline-block;width:2px;height:1em;background:var(--bleu);vertical-align:-2px;margin-left:2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

.intro-hint{position:absolute;left:0;right:0;bottom:26px;display:flex;justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:500;color:var(--gris);opacity:0;animation:fadeUp .8s var(--ease) 3s forwards;z-index:5}
.intro-hint .arrow-down{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--noir);color:var(--noir);font-style:normal;animation:bounce 1.6s ease-in-out infinite}
@keyframes bounce{50%{transform:translateY(5px)}}
.intro-skip{position:absolute;right:28px;top:84px;z-index:5;background:transparent;border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13px;color:var(--gris);opacity:0;animation:fadeUp .6s var(--ease) 1.2s forwards}
.intro-skip:hover{border-color:var(--noir);color:var(--noir)}
.intro-stage.done .intro-hint,.intro-stage.done .intro-skip{opacity:0;pointer-events:none;transition:opacity .3s}

@media (max-height:760px){.intro-typing{display:none}}
@media (max-width:900px){
  .intro{height:190svh}
  .intro-content{grid-template-columns:1fr;align-content:center;gap:24px;padding-top:70px}
  .intro-portrait{justify-self:start;width:min(46vw,220px)}
  .intro-badge{font-size:12px;padding:6px 10px}
  .intro-badge-2{right:-24%}
  .intro-title{font-size:clamp(56px,17vw,92px)}
  .intro-typing{display:none}
  .intro-skip{top:74px;right:16px}
}

/* =========================================================
   HERO
   ========================================================= */
.hero{position:relative;background:var(--creme);padding:clamp(60px,8vw,110px) 0 40px;z-index:2}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
.hero-copy .display{margin-bottom:22px}
.hero-copy .display em{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:0;color:var(--bleu)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-note{margin-top:18px;font-size:14px;color:var(--gris)}
.hero-visual{position:relative;padding:20px 0 0;perspective:1200px}
.hero-blob{position:absolute;left:8%;top:0;width:84%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 30%,#B9C7F8,#4062E6 70%);opacity:.9;filter:blur(2px);animation:blobMorph 12s ease-in-out infinite;z-index:0}
.hero-blob-2{left:66%;top:55%;width:32%;background:var(--jaune);filter:none;opacity:1;animation-duration:9s;animation-direction:reverse}
@keyframes blobMorph{0%,100%{border-radius:60% 40% 55% 45%/50% 60% 40% 50%}50%{border-radius:45% 55% 40% 60%/60% 45% 55% 40%}}
.laptop{position:relative;z-index:1;margin:4vw 2vw 0;transform-style:preserve-3d;transition:transform .4s var(--ease);will-change:transform}
.laptop-screen{background:#141416;border-radius:18px 18px 6px 6px;padding:14px 14px 24px;box-shadow:0 30px 70px rgba(26,26,28,.35)}
.laptop-base{height:16px;margin:0 -4%;background:linear-gradient(#E3E2DE,#BFBEB9);border-radius:0 0 14px 14px;box-shadow:0 12px 30px rgba(26,26,28,.25)}
.chat{background:#fff;border-radius:10px;min-height:330px;display:flex;flex-direction:column;overflow:hidden}
.chat-head{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #EEE;font-size:12px;color:var(--gris)}
.chat-body{padding:22px 22px 12px;flex:1;display:flex;flex-direction:column;gap:12px}
.chat-star{color:var(--bleu);font-size:22px;line-height:1}
.chat-h{font-family:var(--display);font-size:clamp(22px,2vw,28px);line-height:1.05}
.chat-thread{display:grid;gap:8px}
.chat-thread .m{font-size:13.5px;line-height:1.5;padding:10px 12px;border-radius:14px;max-width:92%;animation:fadeUp .4s var(--ease) both}
.chat-thread .m-user{background:var(--bleu-soft);justify-self:end;border-bottom-right-radius:4px}
.chat-thread .m-ai{background:var(--creme);border-bottom-left-radius:4px}
.chat-thread .m-ai b{color:var(--bleu);font-weight:600}
.chat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}
.chat-chips button{border:1.5px solid var(--noir);background:#fff;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:500;transition:background .2s,color .2s,transform .2s}
.chat-chips button:hover{background:var(--noir);color:#fff;transform:translateY(-1px)}
.chat-chips button.used{opacity:.45}
.chat-foot{padding:8px 14px 10px;font-size:11px;color:var(--gris-2);border-top:1px solid #EEE}
.hero-visual-note{margin-top:22px;text-align:center;font-size:13px;color:var(--gris)}
.hero-tagline{margin-top:56px;padding-top:26px;border-top:1px solid var(--line);font-size:14px;color:var(--gris)}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:60px}}

/* =========================================================
   STATS
   ========================================================= */
.stats{background:var(--noir);color:#fff;padding:56px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.stat{display:grid;gap:6px;padding-left:20px;border-left:2px solid var(--bleu)}
.stat b{font-family:var(--display);font-size:clamp(38px,4vw,58px);line-height:1;color:#fff}
.stat span{font-size:14px;color:rgba(255,255,255,.7)}
@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}

/* =========================================================
   MÉTHODE
   ========================================================= */
.methode{background-color:var(--creme);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px}
.tools{margin:0 0 56px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tools-label{font-size:13px;font-weight:600;color:var(--gris);margin-bottom:14px;text-align:center}
.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-track{display:flex;gap:14px;width:max-content;animation:marquee 38s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-track span{padding:10px 18px;border-radius:999px;background:#fff;border:1.5px solid var(--noir);font-weight:600;font-size:14px;white-space:nowrap}
@keyframes marquee{to{transform:translateX(-50%)}}
.methode-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.pillars{display:grid;gap:14px}
.pillar{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;background:#fff;border:2px solid var(--noir);border-radius:18px;padding:22px 24px;box-shadow:6px 6px 0 var(--noir);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.pillar:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--bleu)}
.pillar-ico{font-family:var(--display);font-size:22px;color:var(--bleu);padding-top:2px}
.pillar h3{font-family:var(--body);font-weight:600;font-size:18px;margin-bottom:6px}
.pillar p{font-size:14.5px;color:#4A4945}
.pillar .arr{color:var(--gris-2)}
.prompt-card{background:#fff;border:2px solid var(--noir);border-radius:20px;padding:26px 28px;box-shadow:8px 8px 0 var(--bleu);position:sticky;top:110px}
.prompt-head{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:var(--gris);margin-bottom:22px}
.prompt-head .dots{display:flex;gap:5px}
.prompt-head .dots i{width:9px;height:9px;border-radius:50%;background:var(--grid)}
.prompt-head .arr{margin-left:auto}
.prompt-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--gris);margin-bottom:8px}
.prompt-bad{font-family:Georgia,serif;font-style:italic;font-size:20px;color:var(--gris);text-decoration:line-through;text-decoration-color:var(--bleu);text-decoration-thickness:2px;margin-bottom:14px}
.prompt-arrow{font-size:13.5px;color:var(--bleu);font-weight:600;margin:0 0 18px}
.prompt-good{margin:0 0 14px;padding:16px 18px;background:var(--creme);border-left:4px solid var(--bleu);border-radius:0 12px 12px 0;font-size:15px;line-height:1.6}
.prompt-note{font-size:14px;color:#4A4945;margin-bottom:16px}
.prompt-legal{margin-top:14px;font-size:11.5px;color:var(--gris-2)}
@media (max-width:900px){.methode-grid{grid-template-columns:1fr}.prompt-card{position:static}}

/* =========================================================
   QUIZ
   ========================================================= */
.quiz{background:linear-gradient(180deg,var(--creme),#F3EEFF 60%,var(--creme))}
.quiz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.qcard{background:#fff;border:2px solid var(--noir);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:6px 6px 0 var(--noir)}
.qnum{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--bleu)}
.qcard h3{font-family:var(--body);font-weight:600;font-size:17px;line-height:1.35}
.qopts{display:grid;gap:8px}
.qopts label{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;font-size:14px;cursor:pointer;transition:border-color .2s,background .2s}
.qopts label:hover{border-color:var(--noir)}
.qopts input{accent-color:var(--bleu);margin-top:3px}
.qopts label.ok{border-color:#2FA36B;background:#EAF7EF}
.qopts label.ko{border-color:#E0553F;background:#FCEEEB}
.qcheck{align-self:flex-start}
.qexp{display:none;background:var(--creme);border-radius:12px;padding:14px;font-size:14px;line-height:1.55}
.qexp-title{font-weight:600;color:var(--bleu);font-size:13px;margin-bottom:6px}
.qcard.answered .qexp{display:block;animation:fadeUp .4s var(--ease)}
.quiz-note{margin-top:26px;font-size:13px;color:var(--gris)}
@media (max-width:900px){
  .quiz-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:12px;margin:0 -24px;padding-left:24px;padding-right:24px}
  .qcard{min-width:84%;scroll-snap-align:start}
}

/* =========================================================
   OFFRES
   ========================================================= */
.offres{background:var(--creme)}
.offres-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.offre{background:#fff;border:2px solid var(--noir);border-radius:22px;padding:30px 28px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow);transition:transform .3s var(--ease)}
.offre:hover{transform:translateY(-4px)}
.offre-featured{background:var(--noir);color:#fff;border-color:var(--noir);box-shadow:10px 10px 0 var(--bleu)}
.offre-tag{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--bleu)}
.offre-featured .offre-tag{color:var(--jaune)}
.offre h3{font-family:var(--display);font-size:30px;line-height:1.05}
.offre-desc{font-size:14.5px;color:#4A4945}
.offre-featured .offre-desc{color:rgba(255,255,255,.78)}
.ticks{display:grid;gap:9px;margin:6px 0 10px}
.ticks li{position:relative;padding-left:26px;font-size:14.5px}
.ticks li::before{content:"→";position:absolute;left:0;top:0;color:var(--bleu);font-weight:600}
.offre-featured .ticks li::before{color:var(--jaune)}
.offre-price{margin-top:auto;font-family:var(--display);font-size:26px;padding-top:14px;border-top:1px solid var(--line)}
.offre-featured .offre-price{border-color:rgba(255,255,255,.18)}
.offre .btn{justify-content:center}
.offre-featured .btn-blue{box-shadow:none}
@media (max-width:960px){.offres-grid{grid-template-columns:1fr}}

/* =========================================================
   APPROCHE (dark)
   ========================================================= */
.approche{background:var(--noir-2);color:#fff;background-image:radial-gradient(circle at 85% 10%,rgba(64,98,230,.35),transparent 40%),radial-gradient(circle at 5% 90%,rgba(246,227,90,.14),transparent 40%)}
.approche .kicker{color:rgba(255,255,255,.6)}
.approche .lead{color:rgba(255,255,255,.75)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:80px}
.steps li{position:relative;padding:26px 22px 24px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.03);transition:border-color .3s,background .3s}
.steps li:hover{border-color:var(--bleu);background:rgba(64,98,230,.1)}
.step-n{font-family:var(--display);font-size:34px;color:var(--bleu);display:block;margin-bottom:14px}
.steps h3{font-family:var(--body);font-weight:600;font-size:17px;margin-bottom:8px}
.steps p{font-size:14px;color:rgba(255,255,255,.72)}
.gallery-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}
.gallery-head h3{font-family:var(--display);font-size:clamp(30px,3.4vw,44px);line-height:1}
.gallery-head p{color:rgba(255,255,255,.65);font-size:14px;max-width:34ch;text-align:right}
.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.gallery-grid figure{margin:0;position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3;border:1px solid rgba(255,255,255,.1)}
.gallery-grid .g-wide{grid-column:span 2;aspect-ratio:21/9}
.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.gallery-grid figure:hover img{transform:scale(1.04)}
.gallery-grid figcaption{position:absolute;left:14px;bottom:12px;right:14px;font-size:13px;padding:8px 12px;background:rgba(16,16,18,.65);backdrop-filter:blur(8px);border-radius:10px}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}.gallery-head{flex-direction:column;align-items:start}.gallery-head p{text-align:left}}
@media (max-width:600px){.steps{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.gallery-grid .g-wide{grid-column:span 1;aspect-ratio:4/3}}

/* =========================================================
   BIO
   ========================================================= */
.bio{background:var(--creme)}
.bio-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,90px);align-items:center}
.bio-visual{position:relative}
.bio-visual img{position:relative;z-index:1;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:28px;border:3px solid var(--noir)}
.bio-ring{position:absolute;inset:auto -6% -6% auto;width:70%;aspect-ratio:1;border-radius:50%;background:var(--bleu);z-index:0}
.bio-visual::before{content:"";position:absolute;left:-6%;top:-6%;width:40%;aspect-ratio:1;border-radius:50%;background:var(--jaune);z-index:0}
.bio-card{position:absolute;z-index:2;left:-20px;bottom:36px;display:flex;align-items:center;gap:12px;background:#fff;border:2px solid var(--noir);border-radius:14px;padding:12px 16px;box-shadow:6px 6px 0 var(--noir)}
.bio-card span{font-size:22px}
.bio-card b{display:block;font-size:14px}
.bio-card small{font-size:12px;color:var(--gris)}
.bio-mission{font-family:Georgia,serif;font-style:italic;font-size:22px;color:var(--bleu);margin:22px 0 18px;line-height:1.35}
.bio-copy p{margin-bottom:14px;color:#3D3C38}
.bio-copy p a{color:var(--bleu);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}
.bio-stats{display:flex;gap:34px;margin:30px 0 14px;flex-wrap:wrap}
.bio-stats b{display:block;font-family:var(--display);font-size:44px;line-height:1}
.bio-stats b span{color:var(--bleu)}
.bio-stats small{font-size:13px;color:var(--gris)}
.bio-tags{font-size:13px;color:var(--gris);margin-bottom:24px!important}
@media (max-width:900px){.bio-grid{grid-template-columns:1fr}.bio-visual{max-width:420px}}

/* =========================================================
   RETOURS
   ========================================================= */
.retours{background:#EEF0FB}
.carousel-ctl{display:flex;gap:10px;justify-content:end}
.carousel-ctl button{width:46px;height:46px;border-radius:50%;border:2px solid var(--noir);background:#fff;font-size:16px;transition:background .2s,color .2s}
.carousel-ctl button:hover{background:var(--noir);color:#fff}
.case{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;background:var(--noir);color:#fff;border-radius:24px;padding:36px 40px;margin-bottom:26px;box-shadow:10px 10px 0 var(--bleu)}
.case-tag{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--jaune);margin-bottom:16px}
.case blockquote{margin:0;font-family:Georgia,serif;font-style:italic;font-size:clamp(18px,1.6vw,23px);line-height:1.45}
.case blockquote b{color:var(--jaune);font-style:normal;font-family:var(--body);font-weight:600}
.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.case-facts div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px}
.case-facts small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.55)}
.case-facts b{display:block;font-family:var(--display);font-size:24px;margin:4px 0}
.case-facts span{font-size:12.5px;color:rgba(255,255,255,.7)}
.tslider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 0 18px;scrollbar-width:none}
.tslider::-webkit-scrollbar{display:none}
.tcard{position:relative;flex:0 0 min(380px,86%);scroll-snap-align:start;background:#fff;border:2px solid var(--noir);border-radius:18px;padding:30px 26px 24px;display:flex;flex-direction:column;gap:18px;box-shadow:6px 6px 0 var(--noir)}
.tcard-blue{background:var(--bleu-soft)}
.tcard-yellow{background:#FBF3C2}
.tq{font-family:Georgia,serif;font-size:56px;line-height:.6;color:var(--bleu);position:absolute;top:22px;left:22px;opacity:.5}
.tcard p{font-size:14.5px;line-height:1.6;padding-top:14px}
.tcard footer{display:flex;align-items:center;gap:12px;margin-top:auto}
.tav{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--noir);color:#fff;font-weight:600}
.tcard footer b{display:block;font-size:14px}
.tcard footer small{font-size:12px;color:var(--gris)}
@media (max-width:900px){.case{grid-template-columns:1fr;padding:28px}.carousel-ctl{justify-content:start}}

/* =========================================================
   FAQ
   ========================================================= */
.faq{background:var(--creme)}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,80px);align-items:start}
.faq-intro{position:sticky;top:110px}
.faq-intro a{color:var(--bleu);font-weight:600;text-decoration:underline}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none;padding:20px 0;font-weight:600;font-size:16px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--noir);font-weight:400;transition:transform .3s,background .3s,color .3s;flex:0 0 auto}
.faq-list details[open] summary span{transform:rotate(45deg);background:var(--bleu);border-color:var(--bleu);color:#fff}
.faq-list details p{padding:0 0 22px;color:#3D3C38;font-size:15px;max-width:60ch}
@media (max-width:900px){.faq-grid{grid-template-columns:1fr}.faq-intro{position:static}}

/* =========================================================
   CTA
   ========================================================= */
.cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#2F4BC4,var(--bleu) 55%,#6B86F0);color:#fff;padding:clamp(90px,11vw,140px) 0;text-align:center}
.cta-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}
.cta .wrap{position:relative}
.cta .kicker{justify-content:center}
.cta .display{margin-bottom:20px}
.cta .lead{color:rgba(255,255,255,.85);margin:0 auto}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:34px}
.cta-note{margin-top:16px;font-size:13px;color:rgba(255,255,255,.65)}

/* =========================================================
   FOOTER
   ========================================================= */
.footer{background:var(--noir-2);color:#fff;padding:44px 0}
.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:start}
.footer .brand-mark{background:#fff;color:var(--noir)}
.footer-tag{margin-top:12px;font-size:14px;color:rgba(255,255,255,.6)}
.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:14px;padding-top:6px}
.footer-links a:hover{color:var(--jaune)}
.footer-links .muted{color:rgba(255,255,255,.5)}
.footer-right{text-align:right;font-size:13px;color:rgba(255,255,255,.6)}
.footer-right p{margin-top:12px}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr}.footer-right{text-align:left}}

/* --------- reveal + misc --------- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.in{opacity:1;transform:none}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--noir);color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:200}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* motion off */
html.no-motion *,html.no-motion *::before,html.no-motion *::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
html.no-motion .intro{height:100svh}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
  .intro{height:100svh}
  .reveal{opacity:1;transform:none}
}

/* =========================================================
   V2 · Intro scène conférence (zoom caméra)
   ========================================================= */
.intro{height:280svh}
.intro-stage{background:#0B0A09}
.scene{position:absolute;inset:0;overflow:hidden}
.scene-plane{position:absolute;left:50%;top:50%;width:var(--plane-w);height:var(--plane-h);transform:translate(-50%,-50%);will-change:transform}
.scene-cam{position:absolute;inset:0;will-change:transform;transform-origin:var(--ox) var(--oy)}
.scene-img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:saturate(.95) brightness(.92)}
.scene-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,transparent 40%,rgba(0,0,0,.55) 100%);pointer-events:none}
.board{position:absolute;left:var(--bx);top:var(--by);width:var(--bw);height:var(--bh);container-type:inline-size;background:var(--creme);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:5.5% 5.5%;color:var(--noir);overflow:hidden;box-shadow:0 0 0 .4cqw rgba(255,255,255,.35),0 0 12cqw rgba(255,255,255,.18)}
.board-inner{position:absolute;inset:7% 7% 6% 7%;display:flex;flex-direction:column;justify-content:space-between}
.board-kicker{display:flex;align-items:center;gap:1.4cqw;font-size:2.6cqw;font-weight:600;color:var(--gris);opacity:0;transform:translateY(8px);animation:fadeUp .8s var(--ease) .6s forwards}
.board-kicker i{width:1.6cqw;height:1.6cqw;border-radius:50%;background:var(--bleu);font-style:normal}
.board-title{font-family:var(--display);font-size:9.8cqw;line-height:.95;letter-spacing:.005em}
.board-title .line{display:block;overflow:hidden}
.board-title .line span{display:block;transform:translateY(110%);animation:riseIn .9s var(--ease) forwards}
.board-title .line:nth-child(1) span{animation-delay:.8s}.board-title .line:nth-child(2) span{animation-delay:.95s}.board-title .line:nth-child(3) span{animation-delay:1.1s}
.board-title .blue{color:var(--bleu)}
.board-foot{display:flex;justify-content:space-between;align-items:center;font-size:2.2cqw;color:var(--gris);opacity:0;animation:fadeUp .8s var(--ease) 1.5s forwards}
.board-foot b{font-family:var(--body);font-weight:600;color:var(--noir)}
.board-chips{display:flex;gap:1.2cqw;flex-wrap:wrap}
.board-chips span{font-size:2.1cqw;font-weight:600;padding:.9cqw 2cqw;border-radius:99px;background:var(--bleu);color:#fff;opacity:0;transform:translateY(6px);animation:fadeUp .6s var(--ease) forwards}
.board-chips span:nth-child(1){animation-delay:1.7s}.board-chips span:nth-child(2){animation-delay:1.85s}.board-chips span:nth-child(3){animation-delay:2s}
.board-chips span.outline{background:#fff;color:var(--noir);border:.3cqw solid var(--noir)}
.scene-caption{position:absolute;left:clamp(20px,5vw,72px);bottom:clamp(90px,14vh,150px);max-width:560px;color:#fff;opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease);z-index:4}
.scene-caption.show{opacity:1;transform:none}
.scene-caption .kicker{color:rgba(255,255,255,.7);margin-bottom:12px}
.scene-caption .kicker .star{color:var(--jaune)}
.scene-caption h2{font-family:var(--display);font-size:clamp(30px,4vw,56px);line-height:1}
.scene-caption p{margin-top:12px;color:rgba(255,255,255,.8);font-size:15px;max-width:44ch}
.scene-meta{position:absolute;right:clamp(20px,4vw,56px);bottom:clamp(90px,14vh,150px);text-align:right;color:rgba(255,255,255,.7);font-size:13px;opacity:0;transition:opacity .6s;z-index:4}
.scene-meta.show{opacity:1}
.scene-meta b{display:block;color:#fff;font-weight:600;font-size:14px}
.intro-stage .intro-hint{color:rgba(255,255,255,.75)}
.intro-stage .intro-hint .arrow-down{border-color:rgba(255,255,255,.7);color:#fff}
.intro-stage .intro-skip{color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.3)}
.intro-stage .intro-skip:hover{border-color:#fff;color:#fff}
.intro-fade{position:absolute;inset:0;background:var(--creme);opacity:0;pointer-events:none;z-index:6}
.nav.on-dark:not(.scrolled){color:#fff}
.nav.on-dark:not(.scrolled) .brand-mark{background:#fff;color:var(--noir)}
.nav.on-dark:not(.scrolled) .nav-links a::after{background:var(--jaune)}
.nav.on-dark:not(.scrolled) .btn-dark{background:#fff;color:var(--noir)}
.nav.on-dark:not(.scrolled) .burger span{background:#fff}
@media (max-width:900px){.intro{height:220svh}.scene-caption{bottom:110px;max-width:80%}.scene-caption h2{font-size:28px}.scene-meta{display:none}}
html.no-motion .intro,body.reduced .intro{height:100svh}

/* =========================================================
   V2 · Logos
   ========================================================= */
.lg{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;flex:0 0 auto;vertical-align:-.3em}
.lg svg{width:100%;height:100%;display:block}
.lg-openai{color:#000}.lg-claude{color:#D97757}.lg-googlegemini{color:#4E8DF5}.lg-notion{color:#000}.lg-perplexity{color:#20B8CD}.lg-slack{color:#4A154B}.lg-canva{color:#00C4CC}.lg-google{color:#4285F4}.lg-linkedin{color:#0A66C2}.lg-substack{color:#FF6719}
.offre-featured .lg-openai,.offre-featured .lg-notion,.approche .lg-openai,.approche .lg-notion,.dark .lg-openai,.dark .lg-notion{color:#fff}
.logo-pill{display:inline-flex;align-items:center;gap:10px;padding:9px 16px 9px 12px;border-radius:999px;background:#fff;border:1.5px solid var(--noir);font-weight:600;font-size:14px;white-space:nowrap}
.logo-pill .lg{width:22px;height:22px}
.marquee-track .logo-pill{flex:0 0 auto}
.partners{padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--creme)}
.partners .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:18px 34px}
.partners-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--gris);margin-right:auto}
.partner{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;color:#3D3C38;opacity:.85;transition:opacity .2s}
.partner:hover{opacity:1}
.partner img,.partner .lg{height:30px;width:auto}
.partner .lg{width:30px}
.partner-word{font-family:var(--display);font-size:20px;letter-spacing:.02em;color:var(--noir)}
.partner-word small{display:block;font-family:var(--body);font-size:11px;font-weight:500;color:var(--gris);letter-spacing:0;line-height:1.1}
.tool-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tool-row .logo-pill{font-size:12.5px;padding:6px 12px 6px 8px}
.tool-row .logo-pill .lg{width:18px;height:18px}
.offre-featured .tool-row .logo-pill,.dark .tool-row .logo-pill{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:#fff}
.lg-inline{display:inline-flex;align-items:center;gap:.35em;font-weight:600;white-space:nowrap}

/* =========================================================
   V2 · Pages internes
   ========================================================= */
.page-hero{padding:clamp(120px,14vw,170px) 0 clamp(50px,6vw,80px);background-color:var(--creme);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px;position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;right:-10vw;top:-10vw;width:46vw;height:46vw;border-radius:50%;background:radial-gradient(circle,rgba(64,98,230,.28),rgba(64,98,230,0) 70%);pointer-events:none}
.page-hero .wrap{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,70px);align-items:center}
.page-hero .display{margin-bottom:22px}
.page-hero .display em{font-family:Georgia,serif;font-style:italic;color:var(--bleu)}
.crumbs{display:flex;gap:8px;font-size:13px;color:var(--gris);margin-bottom:18px}
.crumbs a:hover{color:var(--bleu)}
.hero-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.fact{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;background:#fff;border:1.5px solid var(--noir);font-size:13.5px;font-weight:600}
.fact .lg{width:18px;height:18px}
.page-hero-visual{position:relative}
.page-hero-visual img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px;border:3px solid var(--noir);box-shadow:12px 12px 0 var(--bleu)}
.page-hero-visual .float-card{position:absolute;left:-18px;bottom:-18px;background:#fff;border:2px solid var(--noir);border-radius:14px;padding:12px 16px;box-shadow:6px 6px 0 var(--noir);font-size:13px}
.page-hero-visual .float-card b{display:block;font-family:var(--display);font-size:26px;line-height:1}
@media (max-width:900px){.page-hero .wrap{grid-template-columns:1fr}.page-hero-visual{max-width:520px}}
.pains{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pain{background:#fff;border:2px solid var(--noir);border-radius:16px;padding:20px;font-size:14.5px;box-shadow:5px 5px 0 var(--noir)}
.pain b{display:block;font-family:var(--display);font-size:22px;margin-bottom:8px;color:var(--bleu)}
@media (max-width:900px){.pains{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.pains{grid-template-columns:1fr}}
.timeline{position:relative;display:grid;gap:18px}
.timeline::before{content:"";position:absolute;left:27px;top:12px;bottom:12px;width:2px;background:var(--line)}
.tl{position:relative;display:grid;grid-template-columns:56px 1fr;gap:22px;align-items:start}
.tl-n{width:56px;height:56px;border-radius:50%;background:var(--noir);color:#fff;display:grid;place-items:center;font-family:var(--display);font-size:20px;position:relative;z-index:1;border:4px solid var(--creme)}
.tl-body{background:#fff;border:2px solid var(--noir);border-radius:18px;padding:22px 24px;box-shadow:6px 6px 0 var(--noir)}
.tl-body h3{font-family:var(--body);font-weight:600;font-size:18px;margin-bottom:6px}
.tl-body .dur{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--bleu);margin-bottom:6px;display:block}
.tl-body p{font-size:14.5px;color:#3D3C38}
.tl-body .deliv{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.tl-body .deliv span{font-size:12.5px;padding:5px 10px;border-radius:8px;background:var(--creme);border:1px solid var(--line)}
.cases{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.casecard{background:#fff;border:2px solid var(--noir);border-radius:22px;overflow:hidden;box-shadow:8px 8px 0 var(--noir);display:flex;flex-direction:column}
.casecard.dark{background:var(--noir);color:#fff;box-shadow:8px 8px 0 var(--bleu)}
.casecard-media{position:relative;aspect-ratio:16/9;background:#111}
.casecard-media video{width:100%;height:100%;object-fit:cover;display:block}
.casecard-media .play{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.45));cursor:pointer;border:0;color:#fff}
.casecard-media .play i{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:var(--bleu);font-size:22px;font-style:normal;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .25s}
.casecard-media .play:hover i{transform:scale(1.08)}
.casecard-media .play span{position:absolute;left:16px;bottom:14px;font-size:13px;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.casecard-media.playing .play{display:none}
.casecard-body{padding:24px 26px 26px;display:flex;flex-direction:column;gap:12px;flex:1}
.casecard-tag{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--bleu)}
.casecard.dark .casecard-tag{color:var(--jaune)}
.casecard h3{font-family:var(--display);font-size:26px;line-height:1.05}
.casecard .who{font-size:13px;color:var(--gris)}
.casecard.dark .who{color:rgba(255,255,255,.65)}
.casecard blockquote{margin:0;font-family:Georgia,serif;font-style:italic;font-size:17px;line-height:1.45;padding-left:14px;border-left:3px solid var(--bleu)}
.casecard.dark blockquote{border-color:var(--jaune)}
.case-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto;padding-top:12px}
.case-kpis div{background:var(--creme);border-radius:12px;padding:10px 12px}
.casecard.dark .case-kpis div{background:rgba(255,255,255,.07)}
.case-kpis b{display:block;font-family:var(--display);font-size:20px;line-height:1.1}
.case-kpis small{font-size:11.5px;color:var(--gris);line-height:1.2;display:block}
.casecard.dark .case-kpis small{color:rgba(255,255,255,.65)}
.case-tools{display:flex;flex-wrap:wrap;gap:6px}
.case-tools .logo-pill{font-size:12px;padding:5px 10px 5px 7px}
.case-tools .logo-pill .lg{width:16px;height:16px}
.casecard.dark .logo-pill{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:#fff}
.status{display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--jaune);color:var(--noir);margin-left:6px;vertical-align:middle}
@media (max-width:900px){.cases{grid-template-columns:1fr}}
.deliverables{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.deliverable{display:flex;gap:14px;align-items:flex-start;background:#fff;border:2px solid var(--noir);border-radius:16px;padding:18px 20px}
.deliverable .ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--bleu-soft);color:var(--bleu);font-size:18px;flex:0 0 auto}
.deliverable b{display:block;font-size:15px;margin-bottom:4px}
.deliverable p{font-size:13.5px;color:#3D3C38}
@media (max-width:900px){.deliverables{grid-template-columns:1fr}}
.modules{display:grid;gap:12px}
.module{display:grid;grid-template-columns:70px 1fr;gap:20px;background:#fff;border:2px solid var(--noir);border-radius:18px;padding:22px 24px;box-shadow:6px 6px 0 var(--noir)}
.module-n{font-family:var(--display);font-size:34px;color:var(--bleu);line-height:1}
.module h3{font-family:var(--body);font-weight:600;font-size:17px;margin-bottom:8px}
.module ul{display:grid;gap:6px}
.module li{position:relative;padding-left:22px;font-size:14.5px;color:#3D3C38}
.module li::before{content:"→";position:absolute;left:0;color:var(--bleu);font-weight:600}
.module .tool-row{margin-top:14px}
.levels{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.level{background:var(--creme);border-radius:14px;padding:14px;border:1px solid var(--line)}
.level b{display:block;font-size:14px;margin-bottom:4px}
.level p{font-size:12.5px;color:#3D3C38}
@media (max-width:900px){.levels{grid-template-columns:1fr 1fr}.module{grid-template-columns:1fr}}
.talks{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.talk{background:#fff;border:2px solid var(--noir);border-radius:22px;padding:28px;box-shadow:8px 8px 0 var(--noir);display:flex;flex-direction:column;gap:14px}
.talk-tag{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--gris)}
.talk-tag img{height:26px}
.talk h3{font-family:var(--display);font-size:30px;line-height:1.05}
.talk p{font-size:14.5px;color:#3D3C38}
.talk .ticks{margin:0}
.talk .meta{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:13px;color:var(--gris);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
@media (max-width:900px){.talks{grid-template-columns:1fr}}
.formats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.format{background:var(--noir);color:#fff;border-radius:18px;padding:24px;border:1px solid rgba(255,255,255,.1)}
.format b{display:block;font-family:var(--display);font-size:30px;color:var(--jaune);margin-bottom:6px}
.format p{font-size:14px;color:rgba(255,255,255,.75)}
@media (max-width:900px){.formats{grid-template-columns:1fr}}
.quote-strip{background:var(--noir);color:#fff;padding:60px 0}
.quote-strip blockquote{margin:0 auto;max-width:900px;text-align:center;font-family:Georgia,serif;font-style:italic;font-size:clamp(20px,2.4vw,30px);line-height:1.4}
.quote-strip cite{display:block;margin-top:18px;font-style:normal;font-family:var(--body);font-size:14px;color:rgba(255,255,255,.7)}
.quote-strip b{color:var(--jaune);font-style:normal;font-family:var(--body);font-weight:600}
.mini-testis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:900px){.mini-testis{grid-template-columns:1fr}}
.mini-testis .tcard{flex:1 1 auto;width:auto}

/* =========================================================
   V2 · Ressources
   ========================================================= */
.res-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px}
.res-filters button{border:1.5px solid var(--noir);background:#fff;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;transition:background .2s,color .2s}
.res-filters button.active,.res-filters button:hover{background:var(--noir);color:#fff}
.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.res{background:#fff;border:2px solid var(--noir);border-radius:20px;overflow:hidden;box-shadow:6px 6px 0 var(--noir);display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.res:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--bleu)}
.res.hide{display:none}
.res-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--creme-2);border-bottom:2px solid var(--noir)}
.res-media img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ease)}
.res:hover .res-media img{transform:scale(1.04)}
.res-media .badge{position:absolute;left:12px;top:12px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:7px;background:var(--jaune);color:var(--noir)}
.res-media .badge.blue{background:var(--bleu);color:#fff}
.res-media .badge.dark{background:var(--noir);color:#fff}
.res-media.skills{display:grid;place-items:center;padding:18px;background:var(--noir)}
.res-media.skills img{object-fit:contain;object-position:center}
.res-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.res-type{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--bleu);display:flex;align-items:center;gap:8px}
.res-type .lg{width:16px;height:16px}
.res h3{font-family:var(--body);font-weight:600;font-size:16.5px;line-height:1.3}
.res p{font-size:13.5px;color:#3D3C38}
.res .res-cta{margin-top:auto;padding-top:10px;font-weight:600;font-size:14px;color:var(--noir);display:inline-flex;gap:8px;align-items:center}
.res .res-cta .arr{color:var(--bleu)}
.res.wide{grid-column:span 2}
.res.wide .res-media{aspect-ratio:auto;min-height:260px}
@media (max-width:900px){.res-grid{grid-template-columns:1fr 1fr}.res.wide{grid-column:span 2}}
@media (max-width:600px){.res-grid{grid-template-columns:1fr}.res.wide{grid-column:span 1}}
.skill-lib{background:var(--noir);color:#fff;border-radius:26px;padding:clamp(26px,4vw,48px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;box-shadow:12px 12px 0 var(--bleu)}
.skill-lib h3{font-family:var(--display);font-size:clamp(30px,3.6vw,48px);line-height:1;margin-bottom:14px}
.skill-lib p{color:rgba(255,255,255,.75);font-size:15px}
.skill-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
.skill{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:13.5px}
.skill code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--jaune)}
.skill small{color:rgba(255,255,255,.6);display:block;font-size:11.5px}
.skill-lib img{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.15)}
@media (max-width:900px){.skill-lib{grid-template-columns:1fr}.skill-list{grid-template-columns:1fr}}
.nl-box{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;background:#0E0E11;color:#fff;border-radius:26px;padding:clamp(26px,4vw,48px);background-image:radial-gradient(circle at 90% 10%,rgba(246,227,90,.25),transparent 40%)}
.nl-box h3{font-family:var(--display);font-size:clamp(30px,3.6vw,48px);line-height:1}
.nl-box h3 span{color:var(--jaune)}
.nl-box p{color:rgba(255,255,255,.75);margin-top:12px}
.nl-box .btn-light{justify-self:start}
@media (max-width:900px){.nl-box{grid-template-columns:1fr}}
.lightbox{position:fixed;inset:0;background:rgba(10,10,12,.86);display:none;place-items:center;z-index:300;padding:24px;cursor:zoom-out}
.lightbox.open{display:grid}
.lightbox img{max-width:min(920px,100%);max-height:92vh;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.res-teaser{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:900px){.res-teaser{grid-template-columns:1fr}}

/* V2 fixes */
.footer-grid{grid-template-columns:260px 1fr 240px;gap:30px}
.footer-links{justify-content:center;align-items:center}
.footer-tag{max-width:260px}
.footer-tag small{display:block;margin-top:8px;font-size:12px;color:rgba(255,255,255,.45)}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:start}}
.res-media.ph{display:grid;place-items:center;background:var(--noir);color:#fff}
.res-media.ph span.glyph{font-family:var(--display);font-size:64px;line-height:1;color:var(--jaune)}
.res-media.ph.blue{background:var(--bleu)}.res-media.ph.blue span.glyph{color:#fff}
.res-media.ph.yellow{background:var(--jaune)}.res-media.ph.yellow span.glyph{color:var(--noir)}
.res-media.ph.soft{background:var(--bleu-soft)}.res-media.ph.soft span.glyph{color:var(--bleu)}

.intro-stage.done .intro-hint,.intro-stage.done .intro-skip{animation:none!important;opacity:0!important;pointer-events:none;transition:opacity .3s}

/* =========================================================
   V3 · Intro « atelier » (scène illustrée)
   ========================================================= */
.intro{height:210svh}
.intro-stage{background:var(--creme)}
.atelier{position:absolute;inset:0;overflow:hidden;will-change:transform}
.wall{position:absolute;inset:0;background-color:var(--creme);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(180deg,#000 55%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}
.wall-shape{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55}
.ws1{width:42vw;height:42vw;right:-10vw;top:-16vw;background:radial-gradient(circle,rgba(64,98,230,.35),transparent 70%)}
.ws2{width:30vw;height:30vw;left:-8vw;top:30vh;background:radial-gradient(circle,rgba(246,227,90,.6),transparent 70%)}
.layer{position:absolute;inset:0;will-change:transform}
.whiteboard{position:absolute;left:36%;top:11%;width:46%;aspect-ratio:16/10;background:#fff;border:6px solid #E6E2D6;border-radius:10px;box-shadow:0 30px 60px rgba(26,26,28,.14),inset 0 0 0 2px rgba(26,26,28,.06);container-type:inline-size;transform:translateY(-16px);opacity:0;animation:fadeUp .9s var(--ease) .3s forwards}
.whiteboard::before{content:"";position:absolute;left:-14%;right:-14%;bottom:-5.5%;height:3%;background:#D9D4C7;border-radius:0 0 8px 8px}
.wb-inner{position:absolute;inset:6% 7% 7% 7%;display:flex;flex-direction:column;gap:2cqw}
.wb-kicker{display:flex;align-items:center;gap:1.2cqw;font-size:2.4cqw;font-weight:600;color:var(--gris);opacity:0;animation:fadeUp .7s var(--ease) 1s forwards}
.wb-kicker i{width:1.5cqw;height:1.5cqw;border-radius:50%;background:var(--bleu)}
.wb-title{font-family:var(--display);font-size:9cqw;line-height:.95}
.wb-title .line{display:block;overflow:hidden}
.wb-title .line span{display:block;transform:translateY(110%);animation:riseIn .9s var(--ease) forwards}
.wb-title .line:nth-child(1) span{animation-delay:1.1s}.wb-title .line:nth-child(2) span{animation-delay:1.25s}
.wb-draw{width:100%;height:auto;margin-top:auto}
.wb-step{opacity:0;animation:fadeUp .6s var(--ease) forwards}
.wb-step.s1{animation-delay:1.9s}.wb-step.s2{animation-delay:2.7s}.wb-step.s3{animation-delay:3.5s}
.wb-arrow{stroke-dasharray:200;stroke-dashoffset:200;animation:draw 1s var(--ease) forwards}
.wb-arrow.a1{animation-delay:2.3s}.wb-arrow.a2{animation-delay:3.1s}
@keyframes draw{to{stroke-dashoffset:0}}
.wb-foot{font-size:2.3cqw;color:var(--gris);font-style:italic;font-family:Georgia,serif;opacity:0;animation:fadeUp .7s var(--ease) 4.2s forwards}
.wb-magnet{position:absolute;width:2.2cqw;height:2.2cqw;border-radius:50%;background:var(--bleu);box-shadow:0 2px 4px rgba(0,0,0,.25)}
.wb-magnet.m1{left:3%;top:4%}.wb-magnet.m2{right:3%;top:4%;background:var(--jaune)}
.shelf{position:absolute;left:8%;top:44%;width:20%;height:2.2vh;background:#D9C9A8;border-radius:4px;box-shadow:0 10px 20px rgba(26,26,28,.12);opacity:0;animation:fadeUp .8s var(--ease) .6s forwards}
.plant-pot{position:absolute;left:12%;bottom:100%;width:16%;aspect-ratio:1/1.1;background:#4062E6;border-radius:4px 4px 10px 10px}
.plant-pot::before{content:"";position:absolute;left:-40%;bottom:90%;width:180%;aspect-ratio:1/.7;background:radial-gradient(ellipse at 40% 70%,#2E7D5B 0 40%,transparent 41%),radial-gradient(ellipse at 70% 60%,#3FA36F 0 34%,transparent 35%),radial-gradient(ellipse at 25% 45%,#2E7D5B 0 30%,transparent 31%)}
.books{position:absolute;right:10%;bottom:100%;width:28%;height:2.6vh;background:linear-gradient(90deg,#1A1A1C 0 22%,#F6E35A 22% 44%,#4062E6 44% 70%,#E9DFC6 70% 100%);border-radius:2px}
.theo{position:absolute;left:52%;bottom:9%;height:64%;width:auto;filter:drop-shadow(0 20px 30px rgba(26,26,28,.25));opacity:0;transform:translateY(30px);animation:fadeUp 1s var(--ease) .5s forwards}
.desk{position:absolute;left:44%;right:2%;bottom:6%;height:15%;background:linear-gradient(180deg,#D9B98A,#B98F5B);border-radius:12px 12px 4px 4px;box-shadow:0 -6px 0 #EBD3AE inset,0 20px 40px rgba(26,26,28,.2);opacity:0;animation:fadeUp .8s var(--ease) .7s forwards}
.desk .mug{position:absolute;left:8%;top:-16%;width:4.5%;aspect-ratio:1;background:#fff;border:3px solid var(--noir);border-radius:4px 4px 8px 8px}
.desk .mug::after{content:"";position:absolute;right:-42%;top:20%;width:36%;height:50%;border:3px solid var(--noir);border-left:0;border-radius:0 8px 8px 0}
.audience{position:absolute;left:-4%;right:-4%;bottom:-2px;width:108%;height:40%;opacity:0;animation:fadeUp .9s var(--ease) .2s forwards}
.person{animation:bob 4.6s ease-in-out infinite}
.person.p2{animation-duration:5.4s;animation-delay:-1s}.person.p3{animation-duration:4.1s;animation-delay:-2s}.person.p4{animation-duration:5.9s;animation-delay:-.5s}.person.p5{animation-duration:4.8s;animation-delay:-3s}.person.p6{animation-duration:5.1s;animation-delay:-1.6s}.person.p7{animation-duration:4.4s;animation-delay:-2.4s}.person.p8{animation-duration:5.6s;animation-delay:-.9s}
@keyframes bob{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -7px;rotate:-1.2deg}}
.leaves{position:absolute;bottom:-4%;width:min(24vw,340px);height:auto;pointer-events:none}
.leaves-left{left:-6%;transform:scaleX(-1)}
.leaves-right{right:-6%}
.leaf{animation:sway 6s ease-in-out infinite alternate}
.leaf.l2{animation-duration:7.2s}.leaf.l3{animation-duration:5.4s}.leaf.l4{animation-duration:8s}.leaf.l5{animation-duration:6.6s}.leaf.l6{animation-duration:7.8s}
@keyframes sway{to{rotate:6deg}}
.intro-copy{position:absolute;left:clamp(20px,6vw,90px);top:16%;max-width:36%;z-index:5}
.intro-kicker-line{font-size:13px;font-weight:600;color:var(--bleu);letter-spacing:.02em;margin-bottom:16px;opacity:0;animation:fadeUp .8s var(--ease) .8s forwards}
.intro-h1{font-family:var(--display);font-size:clamp(40px,5vw,72px);line-height:.98}
.intro-h1 .line{display:block;overflow:hidden;padding-bottom:.04em}
.intro-h1 .line span{display:block;transform:translateY(110%);animation:riseIn 1s var(--ease) forwards}
.intro-h1 .line:nth-child(1) span{animation-delay:1s}.intro-h1 .line:nth-child(2) span{animation-delay:1.15s}
.intro-sub2{margin-top:18px;font-size:clamp(16px,1.4vw,20px);color:var(--gris)}
.intro-sub2 .w{display:inline-block;opacity:0;transform:translateY(10px);animation:fadeUp .7s var(--ease) forwards}
.intro-sub2 .w:nth-child(1){animation-delay:1.6s}.intro-sub2 .w:nth-child(2){animation-delay:1.75s}.intro-sub2 .w:nth-child(3){animation-delay:1.9s}
.intro-pause{position:absolute;right:28px;bottom:26px;z-index:6;background:rgba(255,255,255,.7);border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13px;color:var(--gris);backdrop-filter:blur(6px)}
.intro-pause:hover{border-color:var(--noir);color:var(--noir)}
.intro-stage .intro-hint{color:var(--gris)}.intro-stage .intro-hint .arrow-down{border-color:var(--noir);color:var(--noir)}
.intro-stage .intro-skip{color:var(--gris);border-color:var(--line)}
.intro-stage.paused .person,.intro-stage.paused .leaf{animation-play-state:paused}
.intro-fade{background:var(--creme)}
.nav.on-dark:not(.scrolled){color:inherit}
.nav.on-dark:not(.scrolled) .brand-mark{background:var(--noir);color:#fff}
.nav.on-dark:not(.scrolled) .btn-dark{background:var(--noir);color:#fff}
.nav.on-dark:not(.scrolled) .burger span{background:var(--noir)}
@media (max-width:900px){
  .intro{height:170svh}
  .intro-copy{max-width:88%;top:12%}
  .whiteboard{left:26%;top:34%;width:72%}
  .theo{left:auto;right:-6%;height:46%;bottom:10%}
  .desk{left:30%;height:12%}
  .shelf{display:none}
  .leaves{width:34vw}
  .intro-pause{display:none}
}

/* V3 · composants */
.nope{display:grid;gap:12px;margin:0 0 18px}
.nope li{position:relative;padding-left:32px;font-size:14.5px;color:#3D3C38;line-height:1.5}
.nope li::before{content:"✕";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#FCEEEB;color:#E0553F;font-size:12px;font-weight:700;display:grid;place-items:center}
.nope li b{color:var(--noir)}
.tools-static{background:var(--creme);padding-top:0}
.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tool{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;background:#fff;border:1.5px solid var(--noir);border-radius:16px;padding:16px 18px}
.tool .lg{grid-row:span 2;width:34px;height:34px}
.tool b{font-size:15px}
.tool small{font-size:12.5px;color:var(--gris)}
@media (max-width:900px){.tools-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.tools-grid{grid-template-columns:1fr}}
.case-more{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px}
.casecard.soon{border-style:dashed;box-shadow:none;background:var(--creme-2)}
.casecard.soon blockquote{border-color:var(--gris-2);color:var(--gris)}
.where-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.where{background:#fff;border:2px solid var(--noir);border-radius:20px;overflow:hidden;box-shadow:6px 6px 0 var(--noir);display:flex;flex-direction:column}
.where-media{aspect-ratio:4/3;background:var(--creme-2);border-bottom:2px solid var(--noir)}
.where-media img{width:100%;height:100%;object-fit:cover}
.ph-img{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:6px;color:var(--gris);background:repeating-linear-gradient(45deg,var(--creme-2) 0 12px,#EFE7D2 12px 24px)}
.ph-img span{font-size:34px;color:var(--bleu)}
.where-body{padding:18px 20px 22px}
.where-body h3{font-family:var(--display);font-size:26px;margin:4px 0 8px}
.where-body p{font-size:14px;color:#3D3C38}
@media (max-width:900px){.where-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.where-grid{grid-template-columns:1fr}}
.disk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.disk{background:#fff;border:2px solid var(--noir);border-radius:22px;overflow:hidden;box-shadow:6px 6px 0 var(--noir);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.disk:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--bleu)}
.disk img{width:100%;aspect-ratio:1;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.disk:hover img{transform:scale(1.03)}
.disk-body{padding:16px 20px 20px;border-top:2px solid var(--noir)}
.disk-body h3{font-family:var(--display);font-size:26px;margin:4px 0 6px}
.disk-body p{font-size:14px;color:#3D3C38}
@media (max-width:900px){.disk-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.disk-grid{grid-template-columns:1fr}}
.vmodal{position:fixed;inset:0;background:rgba(10,10,12,.9);display:none;place-items:center;z-index:320;padding:24px}
.vmodal.open{display:grid}
.vmodal-box{position:relative;width:min(1000px,100%)}
.vmodal-box video{width:100%;aspect-ratio:16/9;background:#000;border-radius:14px;display:block}
.vmodal-close{position:absolute;right:-6px;top:-46px;background:#fff;border:0;width:38px;height:38px;border-radius:50%;font-size:16px}
.vmodal-cap{margin-top:12px;color:rgba(255,255,255,.8);font-size:14px;text-align:center}
/* V3 · ajustements scène */
.whiteboard{left:29%;top:10%;width:42%}
.whiteboard::before{left:22%;right:22%}
.theo{left:69%;bottom:12%;height:56%}
.desk{left:60%;right:-4%;bottom:8%;height:13%}
.shelf{left:8%;top:68%;width:18%}
.audience{bottom:-6%;height:46%}
.leaves{width:min(20vw,300px);bottom:-6%}
.leaves-left{left:-4%}.leaves-right{right:-4%}
@keyframes sway{from{rotate:-4deg}to{rotate:4deg}}
@media (max-width:900px){.whiteboard{left:12%;top:36%;width:76%}.theo{right:-8%;left:auto;height:44%;bottom:12%}.desk{left:30%}}
/* V3 · ajustements scène (2) */
.intro-copy{max-width:30%}
.intro-h1{font-size:clamp(36px,4.3vw,62px)}
.whiteboard{left:34%;width:39%;top:10%}
.theo{left:70%;bottom:14%;height:54%}
.desk{left:62%;bottom:10%;height:13%}
.audience{bottom:-14%;height:52%}
.leaves{width:min(18vw,260px);bottom:-8%}
@media (max-width:900px){.intro-copy{max-width:88%}.intro-h1{font-size:clamp(40px,11vw,64px)}.whiteboard{left:12%;top:38%;width:76%}.theo{right:-8%;left:auto;height:40%;bottom:14%}.desk{left:30%;bottom:10%}}

/* =========================================================
   V4 · Intro (retour à la V1, portrait découpé, titre offre)
   ========================================================= */
.intro{height:230svh}
.intro-stage{background:var(--creme)}
.intro-content{padding-bottom:10vh;grid-template-columns:.85fr 1.15fr}
.intro-text{max-width:640px}
.intro-portrait-cut{position:relative;justify-self:end;width:min(30vw,400px);aspect-ratio:1}
.intro-portrait-cut .intro-disc{position:absolute;inset:4% 0 0 0;border-radius:50%;background:var(--bleu);opacity:0;transform:scale(.4);animation:popIn 1s var(--ease) .5s forwards}
.intro-portrait-cut .intro-disc::after{content:"";position:absolute;inset:-7%;border-radius:50%;border:3px dashed rgba(64,98,230,.45);animation:ringSpin 40s linear infinite}
.intro-portrait-cut img{position:absolute;left:8%;bottom:6%;width:88%;height:auto;border:0;border-radius:0;filter:drop-shadow(0 18px 30px rgba(26,26,28,.28));opacity:0;transform:translateY(30px);animation:fadeUp 1s var(--ease) .75s forwards}
.intro-portrait-cut .intro-badge-1{top:2%;left:-14%}
.intro-portrait-cut .intro-badge-2{top:38%;right:-18%}
.intro-portrait-cut .intro-badge-3{bottom:4%;left:-6%;background:var(--jaune)}
.intro-title-v4{font-size:clamp(52px,7.2vw,104px);line-height:.94}
.intro-stage .intro-hint{color:var(--gris)}.intro-stage .intro-hint .arrow-down{border-color:var(--noir);color:var(--noir)}
.intro-stage .intro-skip{color:var(--gris);border-color:var(--line)}
.intro-typing{display:block}
@media (max-height:760px){.intro-typing{display:none}}
@media (max-width:900px){
  .intro{height:190svh}
  .intro-content{grid-template-columns:1fr;padding-top:80px;padding-bottom:0}
  .intro-portrait-cut{justify-self:start;width:min(52vw,240px)}
  .intro-title-v4{font-size:clamp(46px,13vw,80px)}
  .intro-typing{display:none}
}

/* V4 · bande chiffres avec logos */
.stats-v4 .stat{position:relative;padding-top:6px}
.stat-ico{display:flex;align-items:center;gap:10px;margin-bottom:12px;min-height:34px}
.stat-ico .lg{width:30px;height:30px;color:#fff}
.stat-ico .lg-substack{color:#FF6719}.stat-ico .lg-linkedin{color:#0A66C2}
.stat-ico .lg-emlyon svg{height:26px;width:auto;background:#fff;border-radius:6px;padding:3px}
.avstack{display:inline-flex}
.avstack i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--bleu);color:#fff;font-style:normal;font-weight:600;font-size:12px;border:2px solid var(--noir);margin-left:-10px}
.avstack i:first-child{margin-left:0}
.avstack i:nth-child(2){background:var(--jaune);color:var(--noir)}.avstack i:nth-child(3){background:#fff;color:var(--noir)}.avstack i:nth-child(4){background:#6B86F0}
.bolt{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--jaune);color:var(--noir);font-size:16px}

/* V4 · vidéos simples */
.vsimple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}
.vsimple{background:#fff;border:2px solid var(--noir);border-radius:18px;overflow:hidden;box-shadow:6px 6px 0 var(--noir);display:flex;flex-direction:column}
.vsimple-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;background:#111;cursor:pointer;overflow:hidden}
.vsimple-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}
.vsimple-thumb:hover img{transform:scale(1.04)}
.vsimple-thumb i{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--bleu);color:#fff;font-style:normal;font-size:20px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.vsimple-thumb span{position:absolute;left:12px;bottom:10px;font-size:12px;font-weight:600;color:#fff;background:rgba(0,0,0,.55);padding:4px 8px;border-radius:6px}
.vsimple-body{padding:16px 18px 18px;display:grid;gap:4px}
.vsimple-body b{font-size:15px}
.vsimple-body small{font-size:12.5px;color:var(--gris)}
.vsimple-body p{font-family:Georgia,serif;font-style:italic;font-size:14.5px;margin:8px 0 6px;color:#3D3C38}
.vsimple-body .link-btn{justify-self:start;font-size:13.5px;font-weight:600;color:var(--bleu);text-decoration:none;cursor:pointer}
.vsimple-body .link-btn:hover{text-decoration:underline}
.vsimple-more{margin:8px 0 34px}
@media (max-width:900px){.vsimple-grid{grid-template-columns:1fr}}

/* V4 · bloc partage / inclus */
.share-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;background:var(--noir);color:#fff;border-radius:24px;padding:clamp(22px,3vw,36px);margin-top:22px;box-shadow:10px 10px 0 var(--bleu)}
.share-box img{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.15)}
.share-box h3{font-family:var(--display);font-size:clamp(26px,3vw,40px);line-height:1.02;margin:8px 0 12px}
.share-box p{color:rgba(255,255,255,.78);font-size:15px;margin-bottom:16px}
.share-box .casecard-tag{color:var(--jaune)}
.share-box .btn-dark{background:#fff;color:var(--noir)}
@media (max-width:900px){.share-box{grid-template-columns:1fr}}
/* V4 · découpe clippée dans le disque, tête qui dépasse */
.intro-portrait-cut .intro-disc{overflow:hidden}
.intro-portrait-cut .intro-disc::after{display:none}
.intro-portrait-cut::before{content:"";position:absolute;inset:-3% -7% -7% -7%;border-radius:50%;border:3px dashed rgba(64,98,230,.45);animation:ringSpin 40s linear infinite;opacity:0;animation:ringIn 1s var(--ease) .6s forwards,ringSpin 40s linear 1.6s infinite}
.intro-portrait-cut .cut-in{position:absolute;left:8%;bottom:0;width:88%;height:auto;border:0;border-radius:0;opacity:0;transform:translateY(30px);animation:fadeUp 1s var(--ease) .75s forwards;filter:none}
.intro-portrait-cut .cut-out{position:absolute;left:8%;bottom:6%;width:88%;height:auto;border:0;border-radius:0;clip-path:inset(0 0 52% 0);filter:drop-shadow(0 12px 20px rgba(26,26,28,.25));opacity:0;transform:translateY(30px);animation:fadeUp 1s var(--ease) .75s forwards}

.intro-portrait-cut .cut-out{filter:none}
/* V4 · portrait composé (disque + découpe en une image) */
.intro-portrait-img{position:relative;justify-self:end;width:min(32vw,430px);aspect-ratio:1}
.intro-portrait-img>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;filter:drop-shadow(0 22px 34px rgba(26,26,28,.22));opacity:0;transform:scale(.7);animation:popIn 1s var(--ease) .6s forwards}
.intro-portrait-img::before{content:"";position:absolute;left:5%;top:13%;width:90%;height:90%;border-radius:50%;border:3px dashed rgba(64,98,230,.45);opacity:0;animation:ringIn 1s var(--ease) .5s forwards,ringSpin 40s linear 1.5s infinite}
.intro-portrait-img .intro-badge-1{top:14%;left:-12%}
.intro-portrait-img .intro-badge-2{top:46%;right:-16%}
.intro-portrait-img .intro-badge-3{bottom:2%;left:-2%;background:var(--jaune)}
@media (max-width:900px){.intro-portrait-img{justify-self:start;width:min(56vw,260px)}}

/* =========================================================
   V5 · sprite, preuves, story, frise, formulaires, légal
   ========================================================= */
svg.lg{fill:currentColor;display:inline-block}
.tav{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--noir);flex:0 0 auto}
.avstack img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid var(--noir);margin-left:-10px;background:#fff}
.avstack img:first-child{margin-left:0}
.proof{display:flex;align-items:center;gap:14px;margin-top:22px;padding:12px 16px;background:#fff;border:1.5px solid var(--noir);border-radius:14px;width:fit-content;max-width:100%}
.proof-av{display:inline-flex}
.proof-av img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-10px;box-shadow:0 0 0 1.5px var(--noir)}
.proof-av img:first-child{margin-left:0}
.proof-txt{font-size:14px;color:#3D3C38}
.proof-txt b{color:var(--noir)}
.proof-txt a{color:var(--bleu);font-weight:600;text-decoration:underline}
.story{background:var(--creme)}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.story-step{background:#fff;border:2px solid var(--noir);border-radius:20px;padding:24px 24px 26px;box-shadow:6px 6px 0 var(--noir);display:flex;flex-direction:column;gap:10px}
.story-step.story-mid{background:var(--bleu-soft)}
.story-step.story-after{background:var(--noir);color:#fff;box-shadow:6px 6px 0 var(--bleu)}
.story-n{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--bleu)}
.story-after .story-n{color:var(--jaune)}
.story-step h3{font-family:var(--display);font-size:26px;line-height:1.05}
.story-step p{font-size:14.5px;color:#3D3C38}
.story-after p{color:rgba(255,255,255,.82);font-family:Georgia,serif;font-style:italic;font-size:15.5px}
.story-after .btn{margin-top:auto;align-self:flex-start}
@media (max-width:900px){.story-grid{grid-template-columns:1fr}}
.frise{display:grid;gap:0;margin:22px 0 26px;position:relative;padding-left:26px}
.frise::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--line)}
.frise li{position:relative;padding:0 0 16px 0}
.frise li::before{content:"";position:absolute;left:-25px;top:7px;width:12px;height:12px;border-radius:50%;background:var(--bleu);border:2px solid var(--creme);box-shadow:0 0 0 2px var(--bleu)}
.frise span{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--gris)}
.frise b{display:block;font-size:15px;margin:2px 0}
.frise small{display:block;font-size:13px;color:#3D3C38}
.tcard .tq-text{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.tcard.open .tq-text{display:block;-webkit-line-clamp:unset}
.tmore{background:none;border:0;padding:0;color:var(--bleu);font-weight:600;font-size:13px;text-align:left;cursor:pointer}
.tmore:hover{text-decoration:underline}
.lead-form{display:grid;gap:12px}
.lead-form label{display:grid;gap:6px;font-size:13px;font-weight:600}
.lead-form input,.lead-form textarea{font:inherit;font-size:15px;padding:11px 14px;border:1.5px solid var(--noir);border-radius:12px;background:#fff;color:var(--noir);width:100%}
.lead-form input:focus,.lead-form textarea:focus{outline:2px solid var(--bleu);outline-offset:1px}
.lead-form input.err{border-color:#E0553F}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.form-actions small{font-size:12px;color:var(--gris)}
.form-ok{padding:12px 14px;border-radius:12px;background:#EAF7EF;color:#1F6B44;font-weight:600;font-size:14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.form-title{font-family:var(--display);font-size:26px;margin-bottom:4px}
.contact-form.light{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:22px;backdrop-filter:blur(6px)}
.contact-form.light label{color:#fff}
.contact-form.light input,.contact-form.light textarea{border-color:transparent}
.contact-form.light .form-actions small{color:rgba(255,255,255,.75)}
.cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;text-align:left}
.cta-grid .kicker{justify-content:flex-start}
.cta-grid .lead{margin:0 0 8px}
@media (max-width:900px){.cta-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}
.magnet{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;background:#fff;border:2px solid var(--noir);border-radius:24px;padding:clamp(20px,3vw,34px);box-shadow:10px 10px 0 var(--noir)}
.magnet-visual{position:relative}
.magnet-visual img{width:100%;border-radius:14px;border:1.5px solid var(--noir)}
.magnet-visual .badge{position:absolute;left:12px;top:12px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:7px;background:var(--jaune)}
.magnet-body h3{font-family:var(--display);font-size:clamp(28px,3.2vw,42px);line-height:1.02;margin:6px 0 10px}
.magnet-body>p{font-size:15px;color:#3D3C38;margin-bottom:16px}
@media (max-width:900px){.magnet{grid-template-columns:1fr}}
.legal h2{font-family:var(--body);font-weight:600;font-size:18px;margin:26px 0 8px}
.legal p{max-width:70ch;color:#3D3C38;font-size:15px}
.legal mark{background:var(--jaune);padding:0 4px;border-radius:4px}

.form-ok[hidden],.tmore[hidden],.lead-form [hidden]{display:none!important}

/* =========================================================
   V6 · retours Théophile
   ========================================================= */
.proof{align-items:center}
.proof-av{flex:0 0 auto;margin-right:6px}
.proof-txt{flex:1 1 auto;min-width:0}
.intro-typing{display:block;width:min(340px,calc(100% - 32px));bottom:14px}
@media (max-height:760px){.intro-typing{display:block;width:300px}.typing-body{font-size:12.5px;padding:10px}}
@media (max-height:560px){.intro-typing{display:none}}
.intro-portrait-img .intro-badge-2{border:2px solid var(--noir);box-shadow:0 8px 20px rgba(26,26,28,.18)}
.intro-logos{position:absolute;right:-6%;bottom:14%;display:flex;flex-direction:column;gap:8px;z-index:3;opacity:0;animation:fadeUp .8s var(--ease) 2.1s forwards}
.intro-logos span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;border:2px solid var(--noir);box-shadow:4px 4px 0 var(--noir);animation:float 5s ease-in-out infinite}
.intro-logos span:nth-child(2){animation-delay:.6s}.intro-logos span:nth-child(3){animation-delay:1.2s}.intro-logos span:nth-child(4){animation-delay:1.8s}
.intro-logos .lg{width:22px;height:22px}
.intro-logos .lg-claude{color:#D97757}.intro-logos .lg-openai,.intro-logos .lg-notion{color:#000}.intro-logos .lg-googlegemini{color:#4E8DF5}
@media (max-width:900px){.intro-logos{right:-18%;bottom:6%}}
.faq-list details{transition:background .3s,padding .3s;border-radius:14px}
.faq-list details[open]{background:#fff;border:2px solid var(--noir);border-bottom:2px solid var(--noir);padding:0 18px;box-shadow:6px 6px 0 var(--bleu);margin:6px 0}
.faq-list details[open] summary{color:var(--bleu)}
.nl-sub{font-size:13px!important;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--jaune)!important;margin:6px 0 4px!important}
.cal-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;margin-top:34px;text-align:left;align-items:start}
.cal-wrap{background:#fff;border-radius:20px;padding:16px;color:var(--noir)}
.cal-wrap .form-title{color:var(--noir)!important;padding:4px 6px 10px}
#cal-inline{min-height:520px;width:100%;overflow:hidden;border-radius:12px}
.cal-wrap .cta-note{color:var(--gris)!important;margin-top:8px}
@media (max-width:960px){.cal-grid{grid-template-columns:1fr}}
.tslider{scroll-behavior:smooth}
/* V6 · logos IA en ligne sous le portrait, petits écrans */
.intro-logos{flex-direction:row;right:auto;left:40%;bottom:-9%}
@media (max-width:900px){.intro-logos{left:30%;bottom:-14%}}
@media (max-width:1200px){.nav-links{gap:16px;font-size:13px}.nav{padding:12px 20px}}
@media (max-height:680px){.intro-content{padding-top:70px;padding-bottom:6vh}.intro-title-v4{font-size:clamp(40px,6.2vw,66px)}.intro-kicker{margin-bottom:14px}.intro-chips{margin-top:18px}}

/* =========================================================
   V7 · retours home (doc annoté)
   ========================================================= */
.intro{height:200svh}
.intro-fade{position:absolute;inset:0;background:var(--creme);opacity:0;pointer-events:none;z-index:6}
.hero{padding-top:clamp(40px,5vw,70px)}
.intro-typing{width:min(290px,calc(100% - 32px));bottom:12px;right:clamp(12px,2.5vw,32px)}
.typing-body{font-size:12px;padding:10px;gap:8px}
.typing-head{padding:8px 10px;font-size:11px}
.typing-ai{min-height:0}
.systeme{background:var(--creme)}
.sys-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sys{background:#fff;border:2px solid var(--noir);border-radius:18px;padding:22px 20px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:6px 6px 0 var(--noir);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.sys:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--bleu)}
.sys-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--bleu-soft);font-size:20px}
.sys h3{font-family:var(--body);font-weight:600;font-size:16.5px;line-height:1.3}
.sys p{font-size:14px;color:#3D3C38;flex:1}
.sys small{font-size:12.5px;font-weight:600;color:var(--bleu);padding-top:10px;border-top:1px solid var(--line)}
@media (max-width:1000px){.sys-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.sys-grid{grid-template-columns:1fr}}
.quiz-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:26px;padding:18px 22px;background:#fff;border:2px solid var(--noir);border-radius:16px}
.quiz-cta p{font-weight:600;font-size:16px}
.slider-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 12px}
.slider-title{font-family:var(--display);font-size:clamp(24px,2.6vw,34px);line-height:1}
.frise li{padding-bottom:12px}
.frise small{font-size:12.5px}
.cta-compact{padding:clamp(60px,7vw,90px) 0;text-align:left}
.cta-compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.cta-compact .kicker{justify-content:flex-start}
.cta-compact .lead{margin:0 0 8px}
.cta-compact .cal-wrap{padding:12px}
.cta-compact #cal-inline{min-height:460px}
@media (max-width:960px){.cta-compact-grid{grid-template-columns:1fr}}
/* V7b · logo Maîtrise enfin l'IA */
.brand-logo{width:38px;height:38px;border-radius:10px;object-fit:cover;flex:0 0 auto;box-shadow:0 2px 0 rgba(26,26,28,.15)}
.brand-name{font-size:16px;letter-spacing:-.01em;white-space:nowrap}
.footer .brand-logo{border:1px solid rgba(255,255,255,.15)}
@media (max-width:1200px){.brand-name{font-size:14px}}
@media (max-width:480px){.brand-name{display:none}}
/* V7c · bio compacte, CTA empilé */
.frise li{padding-bottom:14px}
.cta-stack{text-align:center;padding:clamp(70px,8vw,100px) 0}
.cta-stack .kicker{justify-content:center}
.cta-oneline{font-size:clamp(30px,4.2vw,58px);white-space:nowrap}
@media (max-width:900px){.cta-oneline{white-space:normal}}
.cta-stack .lead{margin:0 auto}
.cal-full{margin:34px auto 0;max-width:1000px;padding:14px;text-align:left}
.cal-full .form-title{color:var(--noir)!important;padding:4px 8px 10px}
.cal-full #cal-inline{min-height:600px}

/* =========================================================
   V8 · retours home (transition, CTA header, chiffres, flow, quiz, bio)
   ========================================================= */
.intro{height:150svh}
.hero{padding-top:clamp(30px,4vw,56px)}
.intro-blob-yellow{bottom:-22vw;left:-16vw;opacity:.6!important}
.intro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px;opacity:0;transform:translateY(10px);animation:fadeUp .7s var(--ease) 1.9s forwards}
.intro-link{font-weight:600;font-size:15px;color:var(--noir);border-bottom:2px solid var(--noir);padding-bottom:2px;display:inline-flex;gap:8px;align-items:center}
.intro-link i{font-style:normal;animation:bounce 1.6s ease-in-out infinite}
.intro-proof{display:flex;align-items:center;gap:12px;margin-top:22px;opacity:0;animation:fadeUp .7s var(--ease) 2.2s forwards}
.intro-proof .proof-av img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-10px;box-shadow:0 0 0 1.5px var(--noir)}
.intro-proof .proof-av img:first-child{margin-left:0}
.intro-proof b{display:block;font-size:14px}
.intro-proof small{font-size:12.5px;color:var(--gris)}
.intro-typing{bottom:16px;right:clamp(12px,2vw,28px);width:min(270px,calc(100% - 32px))}
@media (max-width:900px){.intro-actions .btn{width:100%;justify-content:center}}

/* chiffres cliquables */
.stats-v8{padding:40px 0}
.stats-v8 .stats-grid{gap:14px}
.stat-link{display:flex;flex-direction:column;gap:6px;padding:20px 20px 18px;border:1px solid rgba(255,255,255,.12);border-left:2px solid var(--bleu);border-radius:16px;background:rgba(255,255,255,.03);color:#fff;transition:transform .3s var(--ease),background .3s,border-color .3s;position:relative;overflow:hidden}
.stat-link::after{content:"";position:absolute;inset:auto -30% -60% auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(64,98,230,.35),transparent 70%);opacity:0;transition:opacity .4s}
.stat-link:hover{transform:translateY(-4px);background:rgba(255,255,255,.06);border-color:var(--bleu)}
.stat-link:hover::after{opacity:1}
.stat-link em{margin-top:auto;padding-top:10px;font-style:normal;font-size:12.5px;font-weight:600;color:var(--jaune);display:inline-flex;gap:6px;align-items:center;opacity:.8;transition:opacity .3s,gap .3s}
.stat-link:hover em{opacity:1;gap:10px}
.stat-link .stat-ico .lg{width:34px;height:34px}
.stat-hl{border-left-color:var(--jaune)}
.stat-hl b{color:var(--jaune)}
.stat-link .bolt{animation:float 3s ease-in-out infinite}

/* flow animé */
.flow{display:grid;grid-template-columns:1fr 120px auto 120px 1fr;grid-template-areas:"in l1 agent l2 out";align-items:center;gap:0;margin:0 0 34px;background:#fff;border:2px solid var(--noir);border-radius:22px;padding:26px 28px;box-shadow:8px 8px 0 var(--noir);position:relative}
.flow-in{grid-area:in}
.flow-tag{display:inline-block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--gris);margin-bottom:8px}
.flow-msg{background:var(--bleu-soft);border-radius:16px 16px 4px 16px;padding:14px 16px;font-size:15px;min-height:74px;line-height:1.5}
.flow-lines{grid-column:2/5;grid-row:1;width:100%;height:190px;overflow:visible;pointer-events:none}
.fl{fill:none;stroke:var(--bleu);stroke-width:2.2;stroke-dasharray:6 6;vector-effect:non-scaling-stroke;animation:dash 1.2s linear infinite;opacity:.9}
@keyframes dash{to{stroke-dashoffset:-24}}
.flow-agent{grid-area:agent;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:var(--noir);color:#fff;border-radius:20px;padding:18px 22px;min-width:190px;box-shadow:6px 6px 0 var(--bleu)}
.flow-agent img{width:54px;height:54px;border-radius:14px;border:2px solid #fff}
.flow-agent b{font-size:15px}
.flow-agent small{font-size:11.5px;color:rgba(255,255,255,.65)}
.flow-pulse{position:absolute;inset:-6px;border-radius:24px;border:2px solid var(--bleu);animation:pulseRing 2.4s ease-out infinite;pointer-events:none}
@keyframes pulseRing{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.12)}}
.flow-out{grid-area:out;display:grid;gap:10px}
.flow-card{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;background:var(--creme);border:1.5px solid var(--noir);border-radius:14px;padding:10px 12px;opacity:0;transform:translateX(16px);animation:cardIn .6s var(--ease) forwards}
.flow-card i{font-style:normal;font-size:20px;display:grid;place-items:center;width:34px;height:34px;background:#fff;border-radius:10px}
.flow-card b{display:block;font-size:13.5px;line-height:1.25}
.flow-card small{font-size:11.5px;color:var(--gris)}
.flow-card.o1{animation-delay:.9s}.flow-card.o2{animation-delay:1.4s}.flow-card.o3{animation-delay:1.9s}
@keyframes cardIn{to{opacity:1;transform:none}}
@media (max-width:1000px){.flow{grid-template-columns:1fr;grid-template-areas:"in" "agent" "out";gap:18px}.flow-lines{display:none}.flow-agent{justify-self:center}}

/* quiz */
.qcard h3{font-size:16.5px}
.quiz-cta-v8{background:var(--noir);color:#fff;border-color:var(--noir);box-shadow:8px 8px 0 var(--bleu);padding:22px 26px;gap:20px;justify-content:flex-start}
.quiz-cta-v8 .qc-av{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--jaune);flex:0 0 auto}
.quiz-cta-v8 .qc-title{font-family:var(--display);font-size:24px;line-height:1.05;font-weight:400}
.quiz-cta-v8 .qc-sub{font-weight:400;font-size:14px;color:rgba(255,255,255,.75);margin-top:4px}
.quiz-cta-v8>div{flex:1}
.quiz-cta-v8 .btn-light{white-space:nowrap}

/* offres */
.offre-actions{display:flex;flex-wrap:wrap;gap:10px}
.offre-actions .btn{flex:1 1 auto;justify-content:center;font-size:14px;padding:13px 16px}
.offre-featured .btn-outline-light{border-color:rgba(255,255,255,.5)}

/* bio */
.bio-card{text-decoration:none;color:inherit;transition:transform .3s var(--ease)}
a.bio-card:hover{transform:translate(-2px,-2px)}
.frise-v8 li{padding-bottom:12px}
.frise-v8 b a{color:var(--bleu);text-decoration:none;border-bottom:2px solid var(--bleu)}
.frise-v8 b a:hover{background:var(--bleu-soft)}
.frise-v8 small{font-size:12.5px}
.bio-copy>p{margin-bottom:10px}
/* V8b · proportions du flow */
.flow{grid-template-columns:1fr 70px auto 70px 1.35fr;gap:0 4px;padding:26px 26px}
.flow-lines{grid-column:2/5;height:210px}
.flow-out{min-width:0}
.flow-card{grid-template-columns:34px 1fr}
.flow-card b{font-size:13px}
.flow-card small{display:block;font-size:11px;line-height:1.3}
.flow-agent{min-width:200px;padding:16px 20px}
.flow-msg{font-size:14.5px;min-height:80px}
@media (max-width:1150px){.flow{grid-template-columns:1fr 40px auto 40px 1.3fr}}

/* V8c */
.flow-card{grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;align-items:center}
.flow-card i{grid-row:1/3}
.flow-card b{grid-column:2}
.flow-card small{grid-column:2}

/* =========================================================
   V9 · chiffres, cartes exemples, bio
   ========================================================= */
.stats-v9{padding:44px 0;background:var(--noir-2)}
.stats-v9 .stats-grid{gap:14px}
.stat9{display:flex;flex-direction:column;gap:6px;padding:22px 22px 18px;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);color:#fff;position:relative;overflow:hidden;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.stat9::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--bleu);border-radius:4px 0 0 4px}
.stat9::after{content:"";position:absolute;right:-30%;bottom:-50%;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(64,98,230,.4),transparent 70%);opacity:0;transition:opacity .4s}
.stat9:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.35);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.stat9:hover::after{opacity:1}
.stat9-top{display:flex;align-items:center;min-height:36px;margin-bottom:10px}
.stat9-top .lg{width:36px;height:36px}
.stat9-top .lg-substack{color:#FF6719}.stat9-top .lg-linkedin{color:#0A66C2}
.stat9-n{font-family:var(--display);font-size:clamp(46px,4.6vw,66px);line-height:.95;letter-spacing:.005em;color:#fff;display:block}
.stat9-n .count{font:inherit;color:inherit;font-size:inherit}
.stat9-n sup{font-size:.55em;vertical-align:top;color:var(--bleu);line-height:1;margin-left:2px}
.stat9-l{font-size:14px;color:rgba(255,255,255,.72);line-height:1.45}
.stat9 em{margin-top:auto;padding-top:14px;font-style:normal;font-size:12.5px;font-weight:600;color:var(--jaune);display:inline-flex;gap:6px;align-items:center;opacity:.85;transition:gap .3s,opacity .3s}
.stat9:hover em{gap:10px;opacity:1}
.stat9-hl{background:linear-gradient(160deg,rgba(246,227,90,.16),rgba(246,227,90,.04))}
.stat9-hl::before{background:var(--jaune)}
.stat9-hl::after{background:radial-gradient(circle,rgba(246,227,90,.45),transparent 70%)}
.stat9-hl .stat9-n{color:var(--jaune)}
.bolt9{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--jaune);color:var(--noir);animation:float 3s ease-in-out infinite}
.bolt9 svg{width:20px;height:20px}
@media (max-width:900px){.stats-v9 .stats-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.stats-v9 .stats-grid{grid-template-columns:1fr}}

.sys9-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sys9{position:relative;background:#fff;border:2px solid var(--noir);border-radius:20px;padding:20px 20px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:6px 6px 0 var(--noir);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.sys9::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--bleu)}
.sys9-yellow::before{background:var(--jaune)}.sys9-soft::before{background:#6B86F0}.sys9-dark::before{background:var(--noir)}
.sys9:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--bleu)}
.sys9-head{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
.sys9-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--bleu-soft);font-size:22px}
.sys9-yellow .sys9-ico{background:#FBF3C2}.sys9-dark .sys9-ico{background:var(--noir)}
.sys9-n{font-family:var(--display);font-size:22px;color:var(--grid)}
.sys9 h3{font-family:var(--body);font-weight:600;font-size:16.5px;line-height:1.3}
.sys9-pipe{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--creme);border-radius:12px;border:1px dashed var(--grid)}
.sys9-pipe span{position:relative;font-size:12.5px;font-weight:600;padding-left:22px;color:#3D3C38}
.sys9-pipe span::before{content:"";position:absolute;left:6px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--bleu);transform:translateY(-50%)}
.sys9-pipe span+span::after{content:"";position:absolute;left:9.5px;top:-8px;height:8px;border-left:2px dashed var(--bleu)}
.sys9-yellow .sys9-pipe span::before,.sys9-yellow .sys9-pipe span+span::after{background:#C9B500;border-color:#C9B500}
.sys9-dark .sys9-pipe span::before,.sys9-dark .sys9-pipe span+span::after{background:var(--noir);border-color:var(--noir)}
.sys9 p{font-size:13.5px;color:#3D3C38;flex:1}
.sys9-res{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.sys9-res img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid var(--noir)}
.sys9-res small{font-size:12.5px;font-weight:600;color:var(--bleu)}
@media (max-width:1000px){.sys9-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.sys9-grid{grid-template-columns:1fr}}
.frise-v8 li{padding-bottom:10px}
.frise-v8 small{font-size:12px}

/* =========================================================
   V10 · méthode animée, stagger global, pages internes
   ========================================================= */
/* stagger générique : les enfants d'une grille .stagger arrivent en cascade */
.stagger > *{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.stagger.in > *{opacity:1;transform:none}
.stagger.in > *:nth-child(1){transition-delay:.05s}.stagger.in > *:nth-child(2){transition-delay:.15s}.stagger.in > *:nth-child(3){transition-delay:.25s}.stagger.in > *:nth-child(4){transition-delay:.35s}.stagger.in > *:nth-child(5){transition-delay:.45s}.stagger.in > *:nth-child(6){transition-delay:.55s}.stagger.in > *:nth-child(7){transition-delay:.65s}.stagger.in > *:nth-child(8){transition-delay:.75s}.stagger.in > *:nth-child(n+9){transition-delay:.85s}
/* les enfants qui portaient déjà .reveal ne doublent pas l'effet */
.stagger > .reveal{transition-delay:inherit}
.stagger.in > .reveal{opacity:1;transform:none}
.stagger.reveal{opacity:1;transform:none}
.stagger.reveal:not(.in) > *{opacity:0}
html.no-motion .stagger > *{opacity:1;transform:none;transition:none}

/* méthode : piliers pâles + ligne qui se dessine */
.pillars-v10{position:relative;padding-left:0}
.pillars-line{position:absolute;left:30px;top:40px;bottom:40px;width:2px;background:linear-gradient(var(--bleu),var(--bleu));background-repeat:no-repeat;background-size:100% 0%;transition:background-size 1.4s var(--ease) .2s;z-index:0}
.pillars-v10.in .pillars-line{background-size:100% 100%}
.pillars-v10 .pillar{position:relative;z-index:1;border-color:var(--noir)}
.pillar-1{background:linear-gradient(135deg,#F1F4FE,#fff 60%)}
.pillar-2{background:linear-gradient(135deg,#FDF9E3,#fff 60%)}
.pillar-3{background:linear-gradient(135deg,#F3F1EA,#fff 60%)}
.pillars-v10 .pillar-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--bleu);color:#fff;font-size:15px;padding:0;transform:scale(.6);opacity:0;transition:transform .5s var(--ease),opacity .5s}
.pillar-2 .pillar-ico{background:#C9B500}.pillar-3 .pillar-ico{background:var(--noir)}
.pillars-v10.in .pillar-ico{transform:scale(1);opacity:1}
.pillars-v10.in .pillar-1 .pillar-ico{transition-delay:.3s}.pillars-v10.in .pillar-2 .pillar-ico{transition-delay:.7s}.pillars-v10.in .pillar-3 .pillar-ico{transition-delay:1.1s}
.pillars-v10 .pillar .arr{transition:transform .3s var(--ease),color .3s}
.pillars-v10 .pillar:hover .arr{transform:translate(3px,-3px);color:var(--bleu)}
.pillars-v10 .pillar:hover{box-shadow:10px 10px 0 var(--bleu)}
/* nope : croix qui pop */
.nope.stagger > li{transform:translateX(-10px)}
.nope.stagger.in > li{transform:none}
.nope li::before{transform:scale(0);transition:transform .4s var(--ease) .2s}
.nope.in li::before{transform:scale(1)}
.prompt-card .prompt-head .arr{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#FCEEEB;color:#E0553F;font-size:12px}

/* pages internes : hero */
.page-hero .crumbs,.page-hero .kicker,.page-hero h1,.page-hero .lead,.page-hero .hero-actions,.page-hero .hero-facts{opacity:0;transform:translateY(16px);animation:fadeUp .8s var(--ease) forwards}
.page-hero .crumbs{animation-delay:.05s}.page-hero .kicker{animation-delay:.15s}.page-hero h1{animation-delay:.25s}.page-hero .lead{animation-delay:.4s}.page-hero .hero-actions{animation-delay:.55s}.page-hero .hero-facts{animation-delay:.7s}
.page-hero .hero-facts.stagger{opacity:1;transform:none;animation:none}
.page-hero .hero-facts.stagger > *{animation:fadeUp .6s var(--ease) forwards;opacity:0}
.page-hero .hero-facts.stagger > *:nth-child(1){animation-delay:.7s}.page-hero .hero-facts.stagger > *:nth-child(2){animation-delay:.8s}.page-hero .hero-facts.stagger > *:nth-child(3){animation-delay:.9s}.page-hero .hero-facts.stagger > *:nth-child(4){animation-delay:1s}
.page-hero-visual img{opacity:0;transform:scale(.94) translateY(16px);animation:popIn .9s var(--ease) .3s forwards}
.page-hero-visual .float-card{opacity:0;animation:fadeUp .7s var(--ease) 1s forwards,float 5s ease-in-out 1.8s infinite}
.page-hero::after{animation:blobMorph 14s ease-in-out infinite}
/* timeline : trait qui se dessine, numéros qui pop */
.timeline::before{background:linear-gradient(var(--bleu),var(--bleu)) no-repeat;background-size:100% 0%;transition:background-size 1.6s var(--ease) .3s}
.timeline.in::before{background-size:100% 100%}
.tl-n{transform:scale(.6);transition:transform .5s var(--ease)}
.timeline.in .tl-n{transform:scale(1)}
.tl-body{transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.tl-body:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--bleu)}
/* cas clients : lecture qui pulse, cartes qui montent */
.casecard-media .play i{animation:pulseBtn 2.4s ease-out infinite}
@keyframes pulseBtn{0%{box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 0 0 rgba(64,98,230,.55)}70%{box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 0 16px rgba(64,98,230,0)}100%{box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 0 0 rgba(64,98,230,0)}}
.casecard{transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.casecard:hover{transform:translate(-3px,-3px)}
.casecard:not(.dark):hover{box-shadow:12px 12px 0 var(--bleu)}
.vsimple{transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.vsimple:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--bleu)}
.vsimple-thumb i{animation:pulseBtn 2.4s ease-out infinite}
/* pains, talks, where, deliverables : hover cohérent */
.pain,.talk,.where,.deliverable,.module,.format,.tcard{transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.pain:hover,.talk:hover,.where:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--bleu)}
.deliverable:hover,.module:hover{transform:translateY(-3px)}
.format:hover{transform:translateY(-4px);border-color:var(--jaune)}
.pain b{display:inline-block;transition:transform .3s var(--ease)}
.pain:hover b{transform:translateX(4px)}
/* compteurs des cas */
.case-kpis b,.case-facts b{display:inline-block;transition:transform .3s var(--ease)}
.casecard:hover .case-kpis b{transform:scale(1.06)}
/* gallery */
.gallery-grid figure{opacity:0;transform:scale(.97)}
.gallery-grid.in figure{opacity:1;transform:none}

/* V10b */
.pain b{display:block}

/* =========================================================
   V11 · pages internes
   ========================================================= */
/* témoignages qui défilent */
.tmarquee{overflow:hidden;margin:0 -24px;padding:8px 24px 18px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.tmarquee-track{display:flex;gap:18px;width:max-content;animation:marquee 90s linear infinite}
.tmarquee:hover .tmarquee-track{animation-play-state:paused}
.tmarquee .tcard{flex:0 0 380px;box-shadow:6px 6px 0 var(--noir)}
.tmarquee .tmore{display:none!important}
.tmarquee .tq-text{-webkit-line-clamp:6}
html.no-motion .tmarquee-track{animation:none;flex-wrap:wrap;width:auto}
/* facts avec logos */
.fact .lg{width:16px;height:16px;vertical-align:-3px;margin-right:2px}
.fact .lg-openai,.fact .lg-notion{color:#000}.fact .lg-claude{color:#D97757}.fact .lg-google{color:#4285F4}.fact .lg-slack{color:#4A154B}
/* pains visuels */
.pains-v11 .pain{position:relative;overflow:hidden;padding:22px 20px 20px;border-radius:18px}
.pains-v11 .pain::after{content:"";position:absolute;right:-30px;bottom:-40px;width:120px;height:120px;border-radius:50%;opacity:.5;transition:transform .5s var(--ease)}
.pains-v11 .pain:hover::after{transform:scale(1.4)}
.pain-a{background:linear-gradient(135deg,#F1F4FE,#fff 60%)}.pain-a::after{background:var(--bleu-soft)}
.pain-b{background:linear-gradient(135deg,#FDF9E3,#fff 60%)}.pain-b::after{background:#FBF3C2}
.pain-c{background:linear-gradient(135deg,#F3F1EA,#fff 60%)}.pain-c::after{background:var(--creme-2)}
.pain-d{background:linear-gradient(135deg,#EEF0FB,#fff 60%)}.pain-d::after{background:var(--bleu-soft)}
.pain-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;border:1.5px solid var(--noir);font-size:20px;margin-bottom:12px;box-shadow:3px 3px 0 var(--noir);transition:transform .4s var(--ease)}
.pain:hover .pain-ico{transform:rotate(-6deg) scale(1.06)}
.pains-v11 .pain b{font-size:20px;margin-bottom:6px;position:relative;z-index:1}
/* talks v11 */
.talks-v11{grid-template-columns:repeat(2,1fr)}
.talk-v11{position:relative;overflow:hidden}
.talk-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--bleu-soft);font-size:24px;border:1.5px solid var(--noir);box-shadow:3px 3px 0 var(--noir)}
.talk-v11:nth-child(2) .talk-ico{background:#FBF3C2}.talk-v11:nth-child(3) .talk-ico{background:#EEF0FB}.talk-v11:nth-child(4) .talk-ico{background:var(--jaune)}
.talk-sur-mesure{background:var(--noir);color:#fff;box-shadow:8px 8px 0 var(--bleu);grid-column:span 2}
.talk-sur-mesure p,.talk-sur-mesure .ticks li{color:rgba(255,255,255,.8)}
.talk-sur-mesure .ticks li::before{color:var(--jaune)}
.talk-sur-mesure .talk-ico{background:var(--jaune);border-color:#fff;box-shadow:none}
.talk-sur-mesure .meta{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.7);align-items:center}
@media (max-width:900px){.talks-v11{grid-template-columns:1fr}.talk-sur-mesure{grid-column:span 1}}
/* formats v11 */
.formats-v11{grid-template-columns:repeat(3,1fr);gap:18px}
.fmt{position:relative;background:#fff;border:2px solid var(--noir);border-radius:22px;padding:26px 24px 22px;display:flex;flex-direction:column;gap:10px;box-shadow:6px 6px 0 var(--noir);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.fmt:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--bleu)}
.fmt::before{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;opacity:.7}
.fmt-a::before{background:var(--bleu-soft)}.fmt-b::before{background:#FBF3C2}.fmt-c::before{background:#EEF0FB}
.fmt-ico{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--noir);font-size:26px;position:relative;z-index:1;transition:transform .4s var(--ease)}
.fmt:hover .fmt-ico{transform:rotate(-6deg) scale(1.06)}
.fmt-dur{position:absolute;right:18px;top:18px;font-size:12px;font-weight:600;padding:5px 10px;border-radius:99px;background:var(--noir);color:#fff;z-index:1}
.fmt h3{font-family:var(--display);font-size:32px;line-height:1;margin-top:6px;position:relative;z-index:1}
.fmt p{font-size:14.5px;color:#3D3C38;flex:1;position:relative;z-index:1}
.fmt small{font-size:12.5px;font-weight:600;color:var(--bleu);padding-top:10px;border-top:1px solid var(--line)}
@media (max-width:900px){.formats-v11{grid-template-columns:1fr}}
/* ressources : hero newsletter */
.nl-hero{display:flex;align-items:center;gap:18px;background:var(--noir);color:#fff;border-radius:24px;padding:26px 28px;border:3px solid var(--noir);box-shadow:12px 12px 0 var(--bleu);text-decoration:none;transition:transform .3s var(--ease)}
.nl-hero:hover{transform:translate(-3px,-3px)}
.nl-hero img{width:96px;height:96px;border-radius:22px;border:2px solid #fff;animation:float 5s ease-in-out infinite}
.nl-hero b{display:block;font-family:var(--display);font-size:30px;line-height:1}
.nl-hero small{display:block;color:rgba(255,255,255,.65);font-size:13px;margin:4px 0 8px}
.nl-count{display:inline-block;font-family:var(--display);font-size:22px;color:var(--jaune)}
.nl-hero em{margin-left:auto;font-style:normal;font-weight:600;font-size:14px;color:var(--jaune);white-space:nowrap}
.nl-visual .float-card{left:auto;right:-14px;bottom:-22px}
@media (max-width:600px){.nl-hero{flex-wrap:wrap}.nl-hero em{margin-left:0}}
.skillflow{margin-bottom:18px}
.skill-lib-list{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}
.lib-pill{padding:10px 16px;border-radius:999px;background:#fff;border:1.5px solid var(--noir);font-weight:600;font-size:14px;box-shadow:3px 3px 0 var(--noir);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.lib-pill:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--bleu)}
/* retours : tuiles de preuve + cas épurés */
.proof-tiles{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.ptile{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;background:#fff;border:2px solid var(--noir);border-radius:16px;padding:12px 16px;box-shadow:4px 4px 0 var(--noir);color:inherit;min-width:190px;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.ptile:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--bleu)}
.ptile-ico{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--bleu-soft);font-size:20px}
.ptile b{font-family:var(--display);font-size:26px;line-height:1}
.ptile small{font-size:12px;color:var(--gris);line-height:1.2}
.casecard-body{gap:10px}
.casecard blockquote{font-size:15.5px}
.case-kpis{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;padding-top:0}
.case-kpis div{display:inline-flex;align-items:baseline;gap:6px;padding:6px 10px;border-radius:999px;background:var(--creme);border:1px solid var(--line)}
.casecard.dark .case-kpis div{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}
.case-kpis b{font-family:var(--body);font-weight:600;font-size:13px;display:inline}
.case-kpis small{display:inline;font-size:12px}
.casecard .who{font-size:13px}
.case-more{padding-top:6px}

/* V11b */
.case-facts b{display:block}
.case-facts small,.case-facts span{display:block}

/* V11c */
.ptile-l b{font-family:var(--body);font-weight:600;font-size:15px}

/* V12 · hero newsletter (logo visible) + schéma pack */
.page-hero-visual .nl-hero img{width:96px;height:96px;aspect-ratio:1;object-fit:cover;border-radius:22px;border:2px solid #fff;box-shadow:none;opacity:1;transform:none;animation:float 5s ease-in-out infinite;flex:0 0 auto}
.page-hero-visual .nl-hero{flex-wrap:wrap;row-gap:14px}
.page-hero-visual .nl-hero>div{flex:1 1 180px}
.page-hero-visual .nl-hero b{font-size:26px}
.pack-v12{grid-template-columns:.9fr 1.1fr}
.pack-schema{display:flex;flex-direction:column;align-items:stretch;gap:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px}
.pack-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pack-arrow{align-self:center;color:var(--jaune);font-size:18px;line-height:1}
.rub{border-radius:14px;padding:12px 12px 10px;display:grid;gap:6px;border:1px solid transparent}
.rub-t{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:600;margin-bottom:2px}
.rub-violet{background:rgba(155,140,255,.14);border-color:rgba(155,140,255,.45)}.rub-violet .rub-t{color:#B9AFFF}
.rub-green{background:rgba(63,163,111,.14);border-color:rgba(63,163,111,.45)}.rub-green .rub-t{color:#7ED9A6}
.rub-blue{background:rgba(107,134,240,.16);border-color:rgba(107,134,240,.5)}.rub-blue .rub-t{color:#A7B8FF}
.rub-orange{background:rgba(255,160,90,.14);border-color:rgba(255,160,90,.45)}.rub-orange .rub-t{color:#FFC08A}
.sk{display:grid;background:rgba(255,255,255,.06);border-radius:9px;padding:6px 9px;transition:background .3s,transform .3s var(--ease)}
.sk:hover{background:rgba(255,255,255,.12);transform:translateX(3px)}
.sk code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#fff}
.sk small{font-size:10.5px;color:rgba(255,255,255,.6)}
.rub-green,.rub-blue{grid-template-columns:1fr 1fr}
.rub-green .rub-t,.rub-blue .rub-t{grid-column:span 2}
.rub-orange{grid-template-columns:repeat(4,1fr)}.rub-orange .rub-t{grid-column:span 4}
.rub-violet{grid-template-columns:1fr 1fr}.rub-violet .rub-t{grid-column:span 2}
@media (max-width:900px){.pack-v12{grid-template-columns:1fr}.pack-row{grid-template-columns:1fr}.rub-orange{grid-template-columns:1fr 1fr}.rub-orange .rub-t{grid-column:span 2}}

/* V12b */
.lib-pill{cursor:pointer;font:inherit}
.lib-pill.active{background:var(--noir);color:#fff;box-shadow:5px 5px 0 var(--bleu)}

/* =========================================================
   V13 · responsive (390 à 900 px)
   ========================================================= */
@media (max-width:900px){
  .cases,.cases[style]{grid-template-columns:1fr!important}
  .case-facts{grid-template-columns:1fr 1fr}
  .flow{gap:14px;padding:20px 18px}
  .flow-agent{margin:6px auto 10px;min-width:0;width:100%}
  .flow-pulse{display:none}
  .intro-typing{display:none}
  .intro-portrait-img{justify-self:center;width:min(56vw,240px)}
  .intro-portrait-img .intro-badge-1{left:-8%}.intro-portrait-img .intro-badge-2{right:-10%}
  .intro-logos{left:50%;transform:translateX(-50%);bottom:-16%}
  .intro-text{text-align:left}
  .intro-actions{margin-top:22px}
  .intro-proof{margin-top:16px}
  .intro-title-v4{font-size:clamp(44px,12vw,72px)}
  .intro-hint{display:none}
  .intro-skip{top:72px;right:16px}
  .stats-v9 .stats-grid{grid-template-columns:1fr 1fr;gap:10px}
  .stat9{padding:16px 14px 14px}
  .stat9-n{font-size:40px}
  .stat9-l{font-size:12.5px}
  .stat9 em{font-size:11.5px}
  .sys9-grid{grid-template-columns:1fr}
  .quiz-cta-v8{flex-direction:column;align-items:flex-start}
  .quiz-cta-v8 .btn-light{width:100%;justify-content:center;white-space:normal}
  .cal-full{padding:8px}
  .cal-full #cal-inline{min-height:520px}
  .cta-oneline{font-size:clamp(30px,8.5vw,44px)}
  .tmarquee .tcard{flex:0 0 300px}
  .pack-v12{padding:22px 18px}
  .pack-row{grid-template-columns:1fr}
  .rub-green,.rub-blue,.rub-violet,.rub-orange{grid-template-columns:1fr 1fr}
  .rub-green .rub-t,.rub-blue .rub-t,.rub-violet .rub-t,.rub-orange .rub-t{grid-column:span 2}
  .talk-sur-mesure .meta{flex-direction:column;align-items:flex-start}
  .offre-actions .btn{flex:1 1 100%}
  .proof-tiles{gap:10px}
  .ptile{min-width:0;width:100%}
  .nl-hero{padding:20px}
  .nl-hero img{width:72px;height:72px}
  .footer-grid{gap:22px}
  .share-box{padding:20px}
  .magnet{padding:18px}
  .form-row{grid-template-columns:1fr}
}
@media (max-width:480px){
  .display{font-size:clamp(34px,10.5vw,44px)}
  .section{padding:64px 0}
  .wrap{width:calc(100% - 36px)}
  .stats-v9 .stats-grid{grid-template-columns:1fr 1fr}
  .btn{padding:13px 18px;font-size:14px}
  .hero-actions .btn,.cta-actions .btn{width:100%;justify-content:center}
  .qcard{min-width:88%}
  .case-facts{grid-template-columns:1fr}
  .tmarquee .tcard{flex:0 0 280px}
  .fact{font-size:12.5px;padding:8px 11px}
}
@media (max-width:1000px){
  .flow{grid-template-columns:1fr!important;grid-template-areas:"in" "agent" "out"!important;gap:16px!important}
  .flow-lines{display:none!important}
  .flow-in,.flow-out{grid-column:1!important}
  .flow-msg{min-height:0}
}

/* V14 · logos partenaires, cartes lieux avec logo, galerie 4 */
.partners-v13 .wrap{display:block}
.partners-v13 .partners-label{display:block;margin:0 0 16px}
.partners-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px}
.partners-row .partner{display:inline-flex;align-items:center;gap:10px;opacity:.8;filter:grayscale(1) contrast(1.05);transition:opacity .3s,filter .3s,transform .3s var(--ease)}
.partners-row .partner:hover{opacity:1;filter:none;transform:translateY(-2px)}
.partners-row .partner img{height:30px;width:auto}
.partners-row .partner img.tall{height:44px}
.partners-row .partner img.round{height:34px;width:34px;border-radius:50%;object-fit:cover}
.partners-row .partner b{font-weight:600;font-size:14px;color:#3D3C38}
.partners-row .lg-emlyon svg{height:30px;width:auto}
.where-logo{display:grid;place-items:center;background:#fff;padding:24px}
.where-logo img{width:auto;max-width:70%;height:auto;max-height:70px;object-fit:contain}
.where-logo img.round{width:110px;height:110px;max-height:none;border-radius:50%;object-fit:cover}
.gallery-4{grid-template-columns:repeat(3,1fr)}
.gallery-4 .g-wide{grid-column:span 3;aspect-ratio:2.2/1}
@media (max-width:600px){.gallery-4{grid-template-columns:1fr}.gallery-4 .g-wide{grid-column:span 1;aspect-ratio:3/2}}
@media (max-width:900px){.partners-row{gap:12px 20px}.partners-row .partner img{height:24px}.partners-row .partner img.tall{height:36px}}

.partners-row .partner img{mix-blend-mode:multiply}

.who-av{display:flex;align-items:center;gap:8px}
.who-av img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1.5px solid var(--noir);flex:0 0 auto}

/* =========================================================
   V15 · home allégée (V7 locale)
   ========================================================= */
.intro{height:130svh}
.intro-blob-yellow{opacity:.3!important;width:26vw;height:26vw;left:-14vw;bottom:-18vw}
.intro-typing{right:auto;left:clamp(14px,2vw,32px);bottom:14px;width:min(250px,calc(100% - 32px))}
.typing-body{font-size:11.5px;padding:9px;gap:7px}
.intro-content{padding-bottom:14vh}
@media (max-width:900px){.intro-typing{display:none}}
/* halo bleu discret réutilisable */
.glow{position:relative;background:linear-gradient(180deg,var(--creme),#F3EEFF 60%,var(--creme))}
.glow::before{content:"";position:absolute;inset:auto -10% -20% auto;width:52vw;height:52vw;border-radius:50%;background:radial-gradient(circle,rgba(64,98,230,.22),transparent 65%);pointer-events:none;filter:blur(20px)}
.glow>.wrap{position:relative}
/* cartes exemples plus léchées */
.sys9{padding:22px 20px 18px;overflow:hidden}
.sys9::before{height:5px}
.sys9::after{content:attr(data-ico);position:absolute;right:-14px;bottom:-26px;font-size:120px;opacity:.06;line-height:1;pointer-events:none;filter:grayscale(1)}
.sys9-blue{background:linear-gradient(160deg,#F4F6FE,#fff 55%)}.sys9-yellow{background:linear-gradient(160deg,#FEFAE6,#fff 55%)}.sys9-soft{background:linear-gradient(160deg,#F0F2FC,#fff 55%)}.sys9-dark{background:linear-gradient(160deg,#F3F1EA,#fff 55%)}
.sys9-head{margin-top:2px}
.sys9-ico{width:50px;height:50px;border-radius:15px;font-size:24px;border:1.5px solid var(--noir);box-shadow:3px 3px 0 var(--noir);transition:transform .4s var(--ease)}
.sys9:hover .sys9-ico{transform:rotate(-6deg) scale(1.06)}
.sys9-n{font-size:28px;color:var(--grid)}
.sys9-pipe{background:#fff;border:1.5px solid var(--noir);border-radius:14px;padding:12px 14px;box-shadow:3px 3px 0 var(--noir)}
.sys9-pipe span{color:var(--gris);transition:color .3s}
.sys9-pipe span::before{transform:translateY(-50%) scale(.8);transition:transform .3s var(--ease),box-shadow .3s}
.sys9:hover .sys9-pipe span{color:var(--noir)}
.sys9:hover .sys9-pipe span::before{transform:translateY(-50%) scale(1.1);box-shadow:0 0 0 4px rgba(64,98,230,.2)}
.sys9:hover .sys9-pipe span:nth-child(2)::before{transition-delay:.12s}.sys9:hover .sys9-pipe span:nth-child(3)::before{transition-delay:.24s}.sys9:hover .sys9-pipe span:nth-child(4)::before{transition-delay:.36s}
.sys9-res{background:var(--creme);margin:0 -20px -18px;padding:12px 20px 14px;border-top:1.5px solid var(--noir)}
.sys9-res img{width:34px;height:34px}
.systeme .quiz-cta{margin-top:28px}
/* retours compact */
.retours-v14 .vsimple-grid{margin-bottom:22px}
.retours-more{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#fff;border:2px solid var(--noir);border-radius:18px;padding:16px 22px;box-shadow:6px 6px 0 var(--noir)}
.retours-more .proof-av img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-12px;box-shadow:0 0 0 1.5px var(--noir)}
.retours-more .proof-av img:first-child{margin-left:0}
.retours-more p{flex:1;font-size:15px;color:var(--texte-2,#3D3C38);min-width:200px}
/* FAQ */
.faq-v14 details{border:2px solid transparent;border-bottom:1px solid var(--line);border-radius:14px;transition:background .3s,border-color .3s}
.faq-v14 details[open]{background:#fff;border-color:var(--noir);box-shadow:6px 6px 0 var(--bleu);padding:0 18px;margin:8px 0}
.faq-v14 summary{gap:12px;font-size:16px;padding:18px 0}
.faq-tag{flex:0 0 auto;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding:4px 8px;border-radius:6px;background:var(--creme-2);color:var(--gris);border:0!important;width:auto!important;height:auto!important;transform:none!important}
details[data-tag="Pendant"] .faq-tag{background:var(--bleu-soft);color:var(--bleu)}details[data-tag="Après"] .faq-tag{background:#FBF3C2;color:#7A6A00}
.faq-v14 details[open] summary .faq-tag{background:var(--bleu);color:#fff}
.faq-v14 details p{font-size:14.5px;line-height:1.6;max-width:66ch}

/* =========================================================
   V16 · home V7 : partenaires défilants, piliers animés, flow2
   ========================================================= */
.lg-img{width:22px;height:22px;border-radius:6px;object-fit:cover}
.systeme{background:var(--creme)}
/* partenaires */
.partners-v15{padding:30px 0 34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--creme)}
.partners-v15 .partners-label{display:block;margin:0 0 18px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--gris)}
.pmarquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pmarquee-track{display:flex;align-items:center;gap:64px;width:max-content;animation:marquee 46s linear infinite;padding-right:64px}
.pmarquee:hover .pmarquee-track{animation-play-state:paused}
.pmarquee .partner{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;opacity:.85;filter:grayscale(1);transition:filter .3s,opacity .3s}
.pmarquee .partner:hover{filter:none;opacity:1}
.pmarquee .partner img{height:32px;width:auto;mix-blend-mode:multiply}
.pmarquee .partner img.tall{height:44px}
.pmarquee .partner img[alt="Norauto"]{height:30px;border-radius:4px;mix-blend-mode:normal}
.pmarquee .partner img.round{height:36px;width:36px;border-radius:50%;object-fit:cover}
.pmarquee .partner b{font-weight:600;font-size:14px;color:#3D3C38;white-space:nowrap}
.pmarquee .lg-emlyon{width:auto;height:32px}.pmarquee .lg-emlyon svg,.pmarquee svg.lg-emlyon{height:32px;width:70px}
.pmarquee .partner-word{white-space:nowrap}
html.no-motion .pmarquee-track{animation:none}
/* piliers */
.pillars-v15{position:relative;display:grid;gap:16px}
.p15-line{position:absolute;left:36px;top:34px;bottom:34px;width:3px;background:var(--grid);border-radius:3px;z-index:0}
.p15-line i{display:block;width:100%;height:33%;background:linear-gradient(var(--bleu),#6B86F0);border-radius:3px;transition:height .8s var(--ease)}
.p15{position:relative;z-index:1;display:grid;grid-template-columns:48px 1fr 118px;gap:18px;align-items:center;background:#fff;border:2px solid var(--noir);border-radius:20px;padding:20px 20px 20px 14px;box-shadow:5px 5px 0 var(--noir);transition:transform .45s var(--ease),box-shadow .45s var(--ease),background .45s;opacity:.78}
.p15 h3{font-family:var(--body);font-weight:600;font-size:18px;margin-bottom:6px}
.p15 p{font-size:14px;color:#4A4945;line-height:1.55}
.p15-n{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid var(--noir);font-family:var(--display);font-size:16px;color:var(--noir);transition:background .4s,color .4s,transform .4s var(--ease)}
.p15.active{opacity:1;transform:translateX(8px);box-shadow:10px 10px 0 var(--bleu)}
.p15-1.active{background:linear-gradient(135deg,#EEF2FE,#fff 65%)}.p15-2.active{background:linear-gradient(135deg,#FDF8DC,#fff 65%)}.p15-3.active{background:linear-gradient(135deg,#F1EFE8,#fff 65%)}
.p15.active .p15-n{background:var(--bleu);color:#fff;border-color:var(--bleu);transform:scale(1.08)}
.p15-2.active .p15-n{background:#C9B500;border-color:#C9B500}.p15-3.active .p15-n{background:var(--noir);border-color:var(--noir)}
.p15-vis{position:relative;width:118px;height:96px;border-radius:14px;background:var(--creme);border:1.5px solid var(--noir);overflow:hidden;opacity:.55;transition:opacity .4s}
.p15.active .p15-vis{opacity:1}
.p15-vis b{position:absolute;left:0;right:0;bottom:5px;text-align:center;font-size:9.5px;font-weight:600;letter-spacing:.04em;color:var(--gris)}
.p15-vis *{animation-play-state:paused}
.p15.active .p15-vis *{animation-play-state:running}
/* audit : matrice */
.pv-audit{display:grid;grid-template-columns:repeat(3,14px);grid-auto-rows:14px;gap:7px;place-content:center;padding-bottom:14px}
.pv-audit i{border-radius:50%;background:var(--grid)}
.pv-audit i.hot{background:var(--bleu);animation:pvPulse 1.6s ease-in-out infinite}
.pv-audit i.hot:nth-of-type(5){animation-delay:.3s}.pv-audit i.hot:nth-of-type(8){animation-delay:.6s}
.pv-ax{position:absolute;left:22px;top:12px;bottom:24px;width:1.5px;background:var(--noir);opacity:.25}
.pv-ax::after{content:"";position:absolute;left:0;bottom:0;width:78px;height:1.5px;background:var(--noir)}
@keyframes pvPulse{50%{transform:scale(1.35);box-shadow:0 0 0 5px rgba(64,98,230,.18)}}
/* former : bulles */
.pv-form{display:flex;flex-direction:column;gap:6px;padding:12px 12px 22px}
.pv-bub{height:11px;border-radius:7px;background:var(--bleu-soft);width:62%;align-self:flex-end;transform-origin:right;animation:pvGrow 3.2s var(--ease) infinite}
.pv-bub.a{background:#fff;border:1.5px solid var(--noir);width:84%;align-self:flex-start;transform-origin:left;animation-delay:.7s}
.pv-bub.a.s{width:56%;animation-delay:1.3s}
@keyframes pvGrow{0%{transform:scaleX(0);opacity:0}18%,88%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
/* déployer : orbite */
.pv-dep{display:grid;place-items:center;padding-bottom:12px}
.pv-core{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--noir);color:#fff;font-family:var(--display);font-size:12px;z-index:1}
.pv-orb{position:absolute;left:50%;top:42%;width:74px;height:74px;margin:-37px 0 0 -37px;border:1.5px dashed rgba(64,98,230,.5);border-radius:50%;animation:ringSpin 9s linear infinite}
.pv-orb i{position:absolute;font-style:normal;font-size:13px;width:22px;height:22px;display:grid;place-items:center;background:#fff;border:1.5px solid var(--noir);border-radius:50%;animation:ringSpin 9s linear infinite reverse}
.pv-orb i:nth-child(1){left:50%;top:-11px;margin-left:-11px}.pv-orb i:nth-child(2){right:-7px;bottom:4px}.pv-orb i:nth-child(3){left:-7px;bottom:4px}
@media (max-width:1100px){.p15{grid-template-columns:48px 1fr}.p15-vis{display:none}}
/* flow2 */
.flow2{position:relative;display:grid;grid-template-columns:1.05fr 90px 250px 90px 1.2fr;align-items:center;background:#fff;border:2px solid var(--noir);border-radius:24px;padding:34px 30px;box-shadow:8px 8px 0 var(--noir);margin-bottom:34px;overflow:hidden}
.flow2::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(26,26,28,.07) 1px,transparent 1px);background-size:18px 18px;mask-image:radial-gradient(ellipse at 50% 50%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 20%,transparent 75%);pointer-events:none}
.flow2>*{position:relative}
.f2-tag{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--gris);margin-bottom:8px}
.f2-msg{background:var(--bleu-soft);border-radius:18px 18px 4px 18px;padding:14px 16px;font-size:15px;line-height:1.5;min-height:76px;transition:transform .5s var(--ease),box-shadow .5s}
.ph-send .f2-msg{transform:translateX(6px) scale(.98);box-shadow:0 0 0 3px rgba(64,98,230,.25)}
.f2-ctx{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.f2-ctx span{font-size:11.5px;font-weight:600;padding:4px 9px;border-radius:999px;background:var(--creme);border:1px solid var(--grid);color:#3D3C38;transition:background .4s,border-color .4s,transform .4s var(--ease)}
.ph-think .f2-ctx span,.ph-out .f2-ctx span{background:#fff;border-color:var(--bleu)}
.ph-think .f2-ctx span:nth-child(1){transform:translateY(-2px)}.ph-think .f2-ctx span:nth-child(2){transform:translateY(-2px);transition-delay:.15s}.ph-think .f2-ctx span:nth-child(3){transform:translateY(-2px);transition-delay:.3s}
.f2-lines{width:100%;height:190px;overflow:visible}
.f2-lines path{fill:none;vector-effect:non-scaling-stroke}
.f2-base{stroke:var(--grid);stroke-width:2;stroke-dasharray:5 6}
.f2-comet{stroke:var(--bleu);stroke-width:3;stroke-linecap:round;stroke-dasharray:22 400;stroke-dashoffset:22;opacity:0}
.ph-send .f2-l1 .f2-comet,.ph-think .f2-l1 .f2-comet{opacity:1;animation:comet 1s linear infinite}
.ph-out .f2-l2 .f2-comet{opacity:1;animation:comet 1.1s linear infinite}
.ph-out .f2-l2 .c2{animation-delay:.25s}.ph-out .f2-l2 .c3{animation-delay:.5s}
@keyframes comet{from{stroke-dashoffset:22}to{stroke-dashoffset:-400}}
.f2-agent{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:var(--noir);color:#fff;border-radius:22px;padding:20px 18px 16px;box-shadow:6px 6px 0 var(--bleu);transition:transform .5s var(--ease),box-shadow .5s}
.f2-agent img{width:56px;height:56px;border-radius:15px;border:2px solid #fff;position:relative;z-index:1}
.f2-agent b{font-size:15.5px}
.f2-status{font-size:11.5px;color:rgba(255,255,255,.7);min-height:16px}
.f2-halo{position:absolute;inset:-8px;border-radius:28px;border:2px solid var(--bleu);opacity:0;pointer-events:none}
.ph-think .f2-agent{transform:scale(1.03);box-shadow:8px 8px 0 var(--bleu),0 0 40px rgba(64,98,230,.35)}
.ph-think .f2-halo{animation:pulseRing 1.4s ease-out infinite}
.ph-out .f2-status{color:var(--jaune)}
.f2-bar{width:100%;height:5px;border-radius:5px;background:rgba(255,255,255,.14);overflow:hidden;margin-top:4px}
.f2-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--bleu),var(--jaune));border-radius:5px}
.f2-steps{display:flex;gap:5px;margin-top:6px}
.f2-steps span{font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.55);transition:all .3s}
.f2-steps span.on{background:var(--bleu);border-color:var(--bleu);color:#fff}
.f2-steps span.done{background:rgba(246,227,90,.16);border-color:var(--jaune);color:var(--jaune)}
.f2-out{display:grid;gap:10px}
.f2-card{display:grid;grid-template-columns:38px 1fr 24px;gap:10px;align-items:center;background:var(--creme);border:1.5px solid var(--noir);border-radius:14px;padding:10px 12px;opacity:.28;transform:translateX(14px) scale(.98);transition:opacity .5s var(--ease),transform .5s var(--ease),box-shadow .5s,background .5s}
.f2-card i{font-style:normal;font-size:19px;display:grid;place-items:center;width:38px;height:38px;background:#fff;border-radius:10px;border:1px solid var(--grid)}
.f2-card b{display:block;font-size:13.5px;line-height:1.25}
.f2-card small{display:block;font-size:11.5px;color:var(--gris)}
.f2-card em{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ok,#2FA36B);color:#fff;font-size:12px;font-weight:700;transform:scale(0);transition:transform .4s var(--ease) .15s}
.f2-card.on{opacity:1;transform:none;background:#fff;box-shadow:4px 4px 0 var(--noir)}
.f2-card.on em{transform:scale(1)}
@media (max-width:1000px){.flow2{grid-template-columns:1fr;gap:16px;padding:22px 18px}.f2-lines{display:none}.f2-agent{width:100%}}
/* FAQ sans étiquettes */
.faq-v14 summary{justify-content:space-between}

/* =========================================================
   V17 · retours du 27/09 (V7 locale)
   ========================================================= */
/* curseur collé au texte, jamais seul à la ligne */
.typing-ai .caret,.f2-msg .caret{display:none}
#typingText,.f2-type{border-right:2px solid var(--bleu);padding-right:2px;animation:caretB 1s steps(1) infinite}
@keyframes caretB{50%{border-right-color:transparent}}
/* header : moins de bleu */
.intro-kicker{background:#fff;color:var(--noir);border:1.5px solid var(--noir)}
.intro-kicker .dot{background:var(--bleu);box-shadow:none;animation:none}
.intro-sub{font-size:clamp(20px,2.3vw,32px);color:var(--gris)}
.intro-sub .w.blue{color:var(--gris)}
.intro-portrait-img .intro-badge-2{background:var(--noir);color:#fff;border-color:var(--noir)}
/* piliers v16 */
.pillars-v16{position:relative;display:grid;gap:16px}
.p16-line{position:absolute;left:37px;top:40px;bottom:40px;width:3px;background:var(--grid);border-radius:3px;z-index:0}
.p16-line i{display:block;width:100%;height:33%;background:var(--bleu);border-radius:3px;transition:height .8s var(--ease)}
.p16{position:relative;z-index:1;display:grid;grid-template-columns:48px 1fr 196px;gap:18px;align-items:center;background:#fff;border:2px solid var(--noir);border-radius:20px;padding:18px 18px 18px 14px;box-shadow:5px 5px 0 var(--noir);transition:transform .45s var(--ease),box-shadow .45s var(--ease),background-color .45s}
.p16 h3{font-family:var(--body);font-weight:600;font-size:18px;margin-bottom:6px}
.p16 p{font-size:14px;color:#4A4945;line-height:1.55}
.p16-n{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid var(--noir);font-family:var(--display);font-size:16px;transition:background .4s,color .4s,transform .4s var(--ease)}
.p16.active{transform:translateX(8px);box-shadow:10px 10px 0 var(--bleu)}
.p16-1.active{background:#F3F6FF}.p16-2.active{background:#FFFBE6}.p16-3.active{background:#F6F4EE}
.p16.active .p16-n{background:var(--noir);color:#fff;transform:scale(1.08)}
.p16-vis{position:relative;width:196px;height:132px;border-radius:14px;background:var(--creme);border:1.5px solid var(--noir);overflow:hidden}
.p16.active .p16-vis{background:#fff;box-shadow:3px 3px 0 var(--noir)}
/* 01 · matrice */
.v-audit::before{content:"";position:absolute;left:30px;top:12px;bottom:26px;width:1.5px;background:var(--noir)}
.v-audit::after{content:"";position:absolute;left:30px;right:12px;bottom:26px;height:1.5px;background:var(--noir)}
.v-audit .ax{position:absolute;font-size:10px;font-weight:600;color:var(--gris);letter-spacing:.04em}
.v-audit .ax-y{left:-4px;top:50px;transform:rotate(-90deg)}
.v-audit .ax-x{right:12px;bottom:7px}
.v-audit .d{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--grid);font-style:normal}
.v-audit .d.hot{width:24px;height:24px;background:var(--bleu);color:#fff;font-size:11.5px;font-weight:600;display:grid;place-items:center;margin:-6px 0 0 -6px}
.p16.active .v-audit .d.hot{animation:popHot 3.6s var(--ease) infinite}
.p16.active .v-audit .h2{animation-delay:.35s}.p16.active .v-audit .h3{animation-delay:.7s}
@keyframes popHot{0%{transform:scale(0)}12%{transform:scale(1.2)}20%,100%{transform:scale(1)}}
/* 02 · échange */
.v-form{display:flex;flex-direction:column;gap:7px;padding:12px}
.v-form .bub{border-radius:10px;padding:5px 9px;font-size:10.5px;font-weight:600}
.v-form .bub.u{align-self:flex-end;background:var(--bleu-soft);border-bottom-right-radius:3px}
.v-form .bub.a{align-self:flex-start;width:78%;background:var(--creme);border:1px solid var(--grid);border-bottom-left-radius:3px;display:grid;gap:4px;padding:8px 9px}
.v-form .bub.a i{display:block;height:4px;border-radius:4px;background:#C9C3B2}
.v-form .bub.a i.s{width:60%}
.v-form .ok{align-self:flex-start;font-size:10.5px;font-weight:600;color:#1F6B44;background:#EAF7EF;border-radius:99px;padding:3px 9px}
.p16.active .v-form .bub.u{animation:inR 4s var(--ease) infinite}
.p16.active .v-form .bub.a{animation:inL 4s var(--ease) .5s infinite backwards}
.p16.active .v-form .ok{animation:inL 4s var(--ease) 1.1s infinite backwards}
@keyframes inR{0%{opacity:0;transform:translateX(12px)}10%,100%{opacity:1;transform:none}}
@keyframes inL{0%{opacity:0;transform:translateX(-12px)}10%,100%{opacity:1;transform:none}}
/* 03 · agents */
.v-dep{display:grid;grid-template-columns:46px 1fr;grid-template-rows:repeat(3,1fr);column-gap:16px;row-gap:6px;padding:12px;align-items:center}
.v-dep .core{grid-row:1/4;display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--noir);color:#fff;font-family:var(--display);font-size:17px;position:relative}
.v-dep .core::after{content:"";position:absolute;left:100%;top:50%;width:16px;border-top:1.5px dashed var(--bleu)}
.v-dep .ag{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;background:var(--creme);border:1px solid var(--noir);border-radius:99px;padding:4px 9px;white-space:nowrap}
.v-dep .ag em{width:7px;height:7px;border-radius:50%;background:#2FA36B;flex:0 0 auto}
.p16.active .v-dep .ag{animation:inR 4s var(--ease) infinite backwards}
.p16.active .v-dep .a2{animation-delay:.3s}.p16.active .v-dep .a3{animation-delay:.6s}
.p16.active .v-dep .ag em{animation:pulse 1.8s ease-out infinite}
.p16.active .v-dep .core{animation:float 3s ease-in-out infinite}
@media (max-width:1100px){.p16{grid-template-columns:48px 1fr}.p16-vis{grid-column:2;width:100%;max-width:260px}}
/* flow2 : variations */
.flow2[data-tone="jaune"] .f2-agent{box-shadow:6px 6px 0 var(--jaune)}
.flow2[data-tone="jaune"] .f2-msg{background:#FBF3C2}
.flow2[data-tone="jaune"].ph-think .f2-agent{box-shadow:8px 8px 0 var(--jaune),0 0 40px rgba(246,227,90,.45)}
.flow2[data-tone="jaune"] .f2-comet{stroke:#C9B500}
.f2-card i,.f2-agent b,.f2-ctx span,.f2-msg{transition:opacity .3s,transform .3s var(--ease),background .4s,box-shadow .4s}
.ph-swap .f2-card i{transform:rotate(-90deg) scale(.4);opacity:0}
.ph-swap .f2-agent b,.ph-swap .f2-ctx span{opacity:0;transform:translateY(4px)}
.f2-card.on i{animation:icoPop .5s var(--ease)}
@keyframes icoPop{0%{transform:scale(.5) rotate(-12deg)}60%{transform:scale(1.15)}100%{transform:none}}
/* offres : inclus */
.offre-inclus{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 8px}
.offre-inclus span{font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--creme);border:1px solid var(--grid);color:#3D3C38}
.offre-inclus .oi-t{background:none;border:0;padding:5px 2px 5px 0;color:var(--bleu);text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.offre-featured .offre-inclus span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}
.offre-featured .offre-inclus .oi-t{background:none;border:0;color:var(--jaune)}
/* FAQ : pour qui */
.faq-who{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 0 22px}
.faq-who a{display:grid;gap:4px;background:var(--creme);border:1.5px solid var(--noir);border-radius:14px;padding:14px 16px;color:inherit;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.faq-who a:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--bleu)}
.faq-who a.wide{grid-column:span 2;grid-template-columns:auto 1fr auto;align-items:center;column-gap:12px}
.faq-who a.wide small{grid-column:2}.faq-who a.wide b{grid-column:2}.faq-who a.wide span{grid-row:1/3}.faq-who a.wide em{grid-row:1/3;grid-column:3}
.faq-who span{display:grid!important;place-items:center;width:38px!important;height:38px!important;border-radius:11px!important;background:#fff;border:1.5px solid var(--noir)!important;font-size:18px;transform:none!important}
.faq-who b{font-size:15px}
.faq-who small{font-size:13px;color:#3D3C38;line-height:1.5}
.faq-who em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--bleu);margin-top:4px}
@media (max-width:600px){.faq-who{grid-template-columns:1fr}.faq-who a.wide{grid-column:span 1;grid-template-columns:1fr}.faq-who a.wide *{grid-column:1!important;grid-row:auto!important}}
/* galerie : cadrage */
.gallery-grid figure img[src*="terrain-echange"]{object-position:60% 30%}
/* mobile : on voit la tête */
@media (max-width:900px){
  .intro-content{padding-top:92px}
  .intro-portrait-img{width:min(62vw,260px);margin-bottom:18px}
  .intro-portrait-img .intro-badge-1{top:auto;bottom:30%;left:-16%}
  .intro-portrait-img .intro-badge-2{top:30%;right:-16%}
  .intro-portrait-img .intro-badge-3{bottom:2%;left:-10%}
  .intro-logos{bottom:-12%}
}

.faq-v14 details:not([open]){border-radius:0;border-left:0;border-right:0;border-top:0}
.faq-who a:first-child b,.faq-who a:nth-child(2) b{margin-top:6px}

/* V18 · plus de zone vide entre le header et le premier bloc */
.intro,html.no-motion .intro,body.reduced .intro{height:100svh!important}
.intro-stage{position:relative!important;height:100svh}
.intro-fade,.intro-blob-yellow{display:none!important}
.intro-content{padding-bottom:6vh}
.hero{padding-top:clamp(36px,5vw,72px)}

/* V19 · page Entreprises : speaker + vision */
.page-hero-visual.speaker img{aspect-ratio:4/3;object-fit:cover;object-position:50% 30%}
.vision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vis{background:#fff;border:2px solid var(--noir);border-radius:20px;overflow:hidden;box-shadow:6px 6px 0 var(--noir);display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.vis:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--bleu)}
.vis-media{position:relative;aspect-ratio:4/3;overflow:hidden;border-bottom:2px solid var(--noir)}
.vis-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.vis:hover .vis-media img{transform:scale(1.05)}
.vis-n{position:absolute;left:12px;top:12px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid var(--noir);font-family:var(--display);font-size:15px;box-shadow:3px 3px 0 var(--noir)}
.vis-body{padding:16px 18px 20px}
.vis-body h3{font-family:var(--body);font-weight:600;font-size:17px;line-height:1.3;margin:4px 0 8px}
.vis-body p:last-child{font-size:14px;color:#3D3C38}
.vision-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding:18px 22px;background:#fff;border:2px solid var(--noir);border-radius:18px;box-shadow:6px 6px 0 var(--noir)}
.vision-cta p{flex:1;min-width:240px;font-size:15px;color:#3D3C38}
.vision-cta b{color:var(--noir)}
@media (max-width:1000px){.vision-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.vision-grid{grid-template-columns:1fr}}

/* V20 */
.vision-6{grid-template-columns:repeat(3,1fr)}
@media (max-width:1000px){.vision-6{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.vision-6{grid-template-columns:1fr}}

/* =========================================================
   V21 · bloc motion « Auditer, former, construire »
   ========================================================= */
.mo{background:#fff;border:2px solid var(--noir);border-radius:26px;box-shadow:10px 10px 0 var(--noir);overflow:hidden}
.mo-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:2px solid var(--noir)}
.mo-tab{position:relative;display:flex;align-items:center;gap:12px;padding:18px 22px;background:var(--creme);border:0;border-right:2px solid var(--noir);font:inherit;font-weight:600;font-size:16px;text-align:left;color:var(--gris);transition:background .3s,color .3s}
.mo-tab:last-child{border-right:0}
.mo-tab span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid currentColor;font-family:var(--display);font-size:13px}
.mo-tab.active{background:#fff;color:var(--noir)}
.mo-tab.active span{background:var(--noir);color:#fff;border-color:var(--noir)}
.mo-tab i{position:absolute;left:0;bottom:0;height:4px;width:0;background:var(--bleu)}
.mo-tab.active i{animation:moBar 7.5s linear forwards}
.mo.hold .mo-tab.active i{animation-play-state:paused}
@keyframes moBar{to{width:100%}}
.mo-stage{position:relative;min-height:430px}
.mo-scene{display:none;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;padding:34px}
.mo-scene.active{display:grid}
.mo-txt h3{font-family:var(--display);font-size:clamp(26px,2.8vw,38px);line-height:1.04;margin:6px 0 16px}
.mo-scene.active .mo-txt>*{animation:fadeUp .6s var(--ease) both}
.mo-scene.active .mo-txt h3{animation-delay:.08s}.mo-scene.active .mo-txt ul{animation-delay:.16s}
.mo-vis{position:relative;height:360px;border-radius:20px;border:2px solid var(--noir);background-color:var(--creme);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;overflow:hidden;padding:22px}
.mo-after{margin:0;padding:14px 22px;border-top:1px solid var(--line);font-size:14px;color:var(--gris);background:var(--creme)}
/* — audit — */
.mv-audit{display:grid;grid-template-columns:1fr 172px;gap:18px;align-items:center}
.au-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.au-t{position:relative;background:#fff;border:1.5px solid var(--noir);border-radius:12px;padding:10px 12px;display:grid;gap:1px;opacity:0}
.au-t b{font-size:13px}.au-t small{font-size:11.5px;color:var(--gris)}
.au-t em{position:absolute;right:-8px;top:-8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--bleu);color:#fff;font-style:normal;font-size:12px;font-weight:600;transform:scale(0)}
.active .au-t{animation:auIn .5s var(--ease) both}
.active .t2{animation-delay:.12s}.active .t3{animation-delay:.24s}.active .t4{animation-delay:.36s}.active .t5{animation-delay:.48s}.active .t6{animation-delay:.6s}
@keyframes auIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
.active .au-t.hot{animation:auIn .5s var(--ease) both,auHot .6s var(--ease) 3s both}
.active .t3.hot{animation-delay:.24s,3.25s}.active .t5.hot{animation-delay:.48s,3.5s}
@keyframes auHot{to{border-color:var(--bleu);box-shadow:4px 4px 0 var(--bleu);background:#F3F6FF}}
.active .au-t.hot em{animation:popIn .5s var(--ease) 3.1s both}
.active .t3.hot em{animation-delay:3.35s}.active .t5.hot em{animation-delay:3.6s}
.active .au-t:not(.hot){animation:auIn .5s var(--ease) both,auDim .6s ease 3s both}
.active .t4:not(.hot){animation-delay:.36s,3s}.active .t6:not(.hot){animation-delay:.6s,3s}.active .t2:not(.hot){animation-delay:.12s,3s}
@keyframes auDim{to{opacity:.45}}
.au-scan{position:absolute;top:-8px;bottom:-8px;left:-6%;width:3px;border-radius:3px;background:var(--bleu);box-shadow:0 0 0 6px rgba(64,98,230,.14),0 0 30px 10px rgba(64,98,230,.25);opacity:0}
.active .au-scan{animation:auScan 1.6s ease-in-out 1.2s both}
@keyframes auScan{0%{left:-6%;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:104%;opacity:0}}
.au-report{background:#fff;border:2px solid var(--noir);border-radius:14px;padding:14px;display:grid;gap:7px;box-shadow:5px 5px 0 var(--noir);opacity:0}
.au-report b{font-size:13px}.au-report small{font-size:11px;font-weight:600;color:var(--bleu);margin-top:4px}
.au-report i{display:block;height:6px;border-radius:6px;background:var(--grid);transform-origin:left;transform:scaleX(0)}
.au-report i.s{width:64%}
.active .au-report{animation:inR .6s var(--ease) 4s both}
.active .au-report i{animation:grow .5s var(--ease) both}
.active .au-report i:nth-of-type(1){animation-delay:4.4s}.active .au-report i:nth-of-type(2){animation-delay:4.6s}.active .au-report i:nth-of-type(3){animation-delay:4.8s}.active .au-report i:nth-of-type(4){animation-delay:5s}.active .au-report i:nth-of-type(5){animation-delay:5.2s}
@keyframes grow{to{transform:scaleX(1)}}
/* — former — */
.mv-form{display:grid;grid-template-rows:auto 1fr auto;gap:14px}
.fo-top{display:flex;align-items:center;gap:14px}
.fo-me{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2.5px solid var(--noir);box-shadow:3px 3px 0 var(--bleu);opacity:0}
.active .fo-me{animation:popIn .6s var(--ease) .1s both}
.fo-screen{flex:1;background:var(--noir);border-radius:12px;padding:12px 16px;display:grid;gap:6px;opacity:0}
.fo-screen span{font-size:12px;font-weight:600;color:var(--jaune)}
.fo-screen i{display:block;height:5px;border-radius:5px;background:rgba(255,255,255,.3)}.fo-screen i.s{width:55%}
.active .fo-screen{animation:auIn .6s var(--ease) .3s both}
.fo-room{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 18px;align-content:center}
.fo-p{position:relative;display:grid;justify-items:center;gap:5px;opacity:0}
.fo-p b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:2px solid var(--noir);font-size:14px}
.fo-p i{display:block;width:64px;height:9px;border-radius:3px 3px 6px 6px;background:var(--noir);position:relative}
.fo-p i::before{content:"";position:absolute;left:8px;right:8px;bottom:100%;height:3px;background:var(--bleu);border-radius:2px 2px 0 0;transform-origin:left;transform:scaleX(0)}
.fo-p em{position:absolute;right:calc(50% - 34px);top:-6px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#2FA36B;color:#fff;font-style:normal;font-size:11px;font-weight:700;transform:scale(0)}
.active .fo-p{animation:auIn .5s var(--ease) both}
.active .p1{animation-delay:.6s}.active .p2{animation-delay:.72s}.active .p3{animation-delay:.84s}.active .p4{animation-delay:.96s}.active .p5{animation-delay:1.08s}.active .p6{animation-delay:1.2s}
.active .fo-p i::before{animation:grow 1.4s ease-out both}
.active .p1 i::before{animation-delay:1.8s}.active .p2 i::before{animation-delay:2.3s}.active .p3 i::before{animation-delay:2.1s}.active .p4 i::before{animation-delay:2.9s}.active .p5 i::before{animation-delay:2.6s}.active .p6 i::before{animation-delay:3.2s}
.active .fo-p em{animation:popIn .45s var(--ease) both}
.active .p1 em{animation-delay:3.3s}.active .p2 em{animation-delay:3.8s}.active .p3 em{animation-delay:3.6s}.active .p4 em{animation-delay:4.4s}.active .p5 em{animation-delay:4.1s}.active .p6 em{animation-delay:4.7s}
.fo-bar{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:#fff;border:1.5px solid var(--noir);border-radius:12px;padding:9px 14px;font-size:12.5px}
.fo-bar span{height:7px;border-radius:7px;background:var(--grid);overflow:hidden}
.fo-bar span i{display:block;height:100%;width:100%;background:#2FA36B;transform-origin:left;transform:scaleX(0)}
.active .fo-bar span i{animation:grow 1.6s ease-out 3.3s both}
.fo-bar small{font-weight:600;color:#1F6B44;opacity:0}
.active .fo-bar small{animation:fadeUp .4s ease 4.8s both}
/* — construire — */
.mv-build{display:grid;grid-template-columns:1fr 176px 56px;grid-template-rows:1fr auto;gap:14px 22px;align-items:center}
.bu-parts{display:grid;gap:9px}
.bp{background:#fff;border:1.5px solid var(--noir);border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:600;box-shadow:3px 3px 0 var(--noir);justify-self:start;opacity:0}
.active .bp{animation:buPart 1.2s var(--ease) both}
.active .b1{animation-delay:.3s}.active .b2{animation-delay:1s}.active .b3{animation-delay:1.7s}.active .b4{animation-delay:2.4s}
@keyframes buPart{0%{opacity:0;transform:translateX(-24px)}35%{opacity:1;transform:none}70%{opacity:1;transform:none;box-shadow:3px 3px 0 var(--noir)}100%{opacity:1;transform:translateX(10px);box-shadow:3px 3px 0 var(--bleu);border-color:var(--bleu)}}
.bu-agent{position:relative;display:grid;justify-items:center;gap:7px;background:var(--noir);color:#fff;border-radius:20px;padding:18px 14px 14px;box-shadow:6px 6px 0 var(--bleu)}
.bu-agent::before{content:"";position:absolute;right:100%;top:50%;width:22px;border-top:2px dashed var(--bleu)}
.bu-agent::after{content:"";position:absolute;left:100%;top:50%;width:22px;border-top:2px dashed var(--bleu)}
.bu-agent img{width:50px;height:50px;border-radius:14px;border:2px solid #fff}
.bu-agent b{font-size:14.5px}
.bu-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;width:100%}
.bu-slots i{height:7px;border-radius:7px;background:rgba(255,255,255,.16)}
.active .bu-slots i{animation:slot .4s ease both}
.active .bu-slots i:nth-child(1){animation-delay:1.3s}.active .bu-slots i:nth-child(2){animation-delay:2s}.active .bu-slots i:nth-child(3){animation-delay:2.7s}.active .bu-slots i:nth-child(4){animation-delay:3.4s}
@keyframes slot{to{background:var(--jaune)}}
.bu-agent .st{font-size:11px;color:rgba(255,255,255,.7);grid-area:4/1}
.bu-agent .st2{color:var(--jaune);opacity:0}
.active .st1{animation:fadeOut .3s ease 3.8s both}.active .st2{animation:fadeUp .4s ease 4s both}
@keyframes fadeOut{to{opacity:0}}
.active .bu-agent{animation:buReady .6s var(--ease) 4s both}
@keyframes buReady{50%{transform:scale(1.05)}to{box-shadow:6px 6px 0 var(--bleu),0 0 40px rgba(64,98,230,.35)}}
.bu-tools{display:grid;gap:9px}
.bu-tools span{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#fff;border:1.5px solid var(--noir);opacity:.25;filter:grayscale(1)}
.bu-tools .lg{width:24px;height:24px}
.bu-tools .lg-google{color:#4285F4}.bu-tools .lg-slack{color:#4A154B}.bu-tools .lg-notion{color:#000}.bu-tools .lg-claude{color:#D97757}
.active .bu-tools span{animation:tool .5s var(--ease) both}
.active .bu-tools span:nth-child(1){animation-delay:4.4s}.active .bu-tools span:nth-child(2){animation-delay:4.6s}.active .bu-tools span:nth-child(3){animation-delay:4.8s}.active .bu-tools span:nth-child(4){animation-delay:5s}
@keyframes tool{to{opacity:1;filter:none;box-shadow:3px 3px 0 var(--noir)}}
.bu-duo{grid-column:1/4;display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--noir);border-radius:12px;padding:8px 14px;font-size:12.5px;opacity:0}
.bu-duo img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid var(--noir)}
.bu-duo span{color:var(--gris);font-weight:600}
.active .bu-duo{animation:fadeUp .5s ease .1s both}
@media (max-width:900px){
  .mo-scene{grid-template-columns:1fr;padding:22px 18px;gap:20px}
  .mo-tab{padding:14px 10px;font-size:13.5px;gap:8px}.mo-tab span{width:28px;height:28px;font-size:11px}
  .mo-vis{height:auto;min-height:340px;padding:16px}
  .mv-audit{grid-template-columns:1fr}
  .mv-build{grid-template-columns:1fr 130px 46px;gap:12px 14px}
  .bu-agent::before,.bu-agent::after{width:12px}
  .bp{font-size:11.5px;padding:7px 10px}
}

/* =========================================================
   V22 · bloc motion v2 : une histoire en 4 étapes par onglet
   ========================================================= */
.mo2 .mo-tab.active i{animation:moBar 11.5s linear forwards}
.mo2 .mo-scene{grid-template-columns:.78fr 1.22fr;align-items:stretch}
.mo2 .mo-txt{display:flex;flex-direction:column;justify-content:center}
.mo-steps{display:grid;gap:8px;counter-reset:none}
.mo-steps li{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;border:1.5px solid transparent;font-size:15px;color:var(--gris);cursor:pointer;transition:background .4s,border-color .4s,color .4s,transform .4s var(--ease),box-shadow .4s}
.mo-steps li span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--gris-2);font-family:var(--display);font-size:13px;transition:background .4s,color .4s,border-color .4s}
.mo-steps li.on{background:#F3F6FF;border-color:var(--noir);color:var(--noir);font-weight:600;transform:translateX(6px);box-shadow:4px 4px 0 var(--bleu)}
.mo-steps li.on span{background:var(--bleu);border-color:var(--bleu);color:#fff}
.mo-steps li.done{color:var(--noir)}
.mo-steps li.done span{background:var(--noir);border-color:var(--noir);color:#fff;font-size:0}
.mo-steps li.done span::after{content:"✓";font-size:13px;font-family:var(--body);font-weight:700}
.mo2 .mo-vis{height:auto;min-height:400px;padding:20px 22px;display:flex;flex-direction:column;gap:14px}
.mv-title{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gris);margin:0}
.mo2 .mo-vis [class]{transition:opacity .6s var(--ease),transform .6s var(--ease),background .5s,border-color .5s,box-shadow .5s,width 1s var(--ease),color .5s}
/* audit */
.ar-rows{display:grid;gap:8px}
.ar{display:grid;grid-template-columns:150px 1fr 38px 112px;gap:12px;align-items:center;background:#fff;border:1.5px solid var(--noir);border-radius:12px;padding:9px 12px;opacity:0;transform:translateY(10px)}
.ar b{font-size:13.5px}
.ar .bar{height:10px;border-radius:10px;background:var(--creme-2);overflow:hidden}
.ar .bar i{display:block;height:100%;width:0;border-radius:10px;background:var(--gris-2)}
.ar small{font-size:13px;font-weight:600;opacity:0;text-align:right}
.ar em{font-style:normal;font-size:11px;font-weight:600;padding:4px 8px;border-radius:999px;text-align:center;opacity:0;transform:scale(.8)}
.ar em.ia{background:var(--bleu);color:#fff}.ar em.hum{background:var(--creme-2);color:var(--gris)}
.st1 .ar{opacity:1;transform:none}
.st1 .ar:nth-child(2){transition-delay:.1s}.st1 .ar:nth-child(3){transition-delay:.2s}.st1 .ar:nth-child(4){transition-delay:.3s}.st1 .ar:nth-child(5){transition-delay:.4s}
.st2 .ar .bar i{width:var(--w)}.st2 .ar small{opacity:1}
.st3 .ar em{opacity:1;transform:none}
.st3 .ar.hot{background:#F3F6FF;border-color:var(--bleu);box-shadow:3px 3px 0 var(--bleu)}
.st3 .ar.hot .bar i{background:var(--bleu)}
.st3 .ar:not(.hot){opacity:.6}
.ar-result{margin-top:auto;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:var(--noir);color:#fff;border-radius:14px;padding:12px 16px;opacity:0;transform:translateY(14px)}
.ar-result b{font-family:var(--display);font-size:24px;color:var(--jaune);font-weight:400}
.ar-result small{font-size:12.5px;color:rgba(255,255,255,.75)}
.ar-result span{font-size:12px;font-weight:600;background:#fff;color:var(--noir);border-radius:999px;padding:5px 10px}
.st4 .ar-result{opacity:1;transform:none}
/* former */
.fm-demo{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;background:var(--noir);color:#fff;border-radius:14px;padding:10px 14px;opacity:0;transform:translateY(10px)}
.fm-demo img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--jaune)}
.fm-demo b{display:block;font-size:14px}.fm-demo small{font-size:12px;color:rgba(255,255,255,.7)}
.fm-demo span{font-size:12px;font-weight:600;background:#fff;color:var(--noir);border-radius:9px;padding:6px 10px}
.st1 .fm-demo{opacity:1;transform:none}
.fm-people{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1}
.pp{position:relative;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto auto;column-gap:10px;align-items:center;background:#fff;border:1.5px solid var(--noir);border-radius:14px;padding:10px 12px 12px;opacity:0;transform:translateY(12px)}
.pp i{grid-row:1/3;font-style:normal;font-size:20px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--creme);border:1.5px solid var(--noir)}
.pp b{font-size:13.5px}.pp small{font-size:12px;color:var(--gris)}
.pp .prog{grid-column:1/3;height:6px;border-radius:6px;background:var(--creme-2);margin-top:9px;overflow:hidden}
.pp .prog u{display:block;height:100%;width:0;background:var(--bleu);border-radius:6px;transition:width 1.6s var(--ease)!important}
.pp em{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#2FA36B;color:#fff;font-style:normal;font-size:12px;font-weight:700;opacity:0;transform:scale(0)}
.pp .liv{position:absolute;right:10px;bottom:22px;font-size:10.5px;font-weight:600;background:#EAF7EF;color:#1F6B44;border-radius:999px;padding:3px 8px;opacity:0;transform:translateY(6px)}
.st2 .pp{opacity:1;transform:none}
.st2 .pp:nth-child(2){transition-delay:.12s}.st2 .pp:nth-child(3){transition-delay:.24s}.st2 .pp:nth-child(4){transition-delay:.36s}
.st2 .pp .prog u{width:70%}
.st3 .pp .prog u{width:100%}.st3 .pp em{opacity:1;transform:none}
.st3 .pp:nth-child(2) em{transition-delay:.15s}.st3 .pp:nth-child(3) em{transition-delay:.3s}.st3 .pp:nth-child(4) em{transition-delay:.45s}
.st4 .pp{border-color:#2FA36B;box-shadow:3px 3px 0 #2FA36B}
.st4 .pp .liv{opacity:1;transform:none}.st4 .pp .prog{opacity:0}
/* construire */
.bd-top{display:grid;grid-template-columns:1fr auto 1.15fr;gap:12px;align-items:center}
.bd-in{display:grid;gap:6px}
.bd-in span{background:#fff;border:1.5px solid var(--noir);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600;justify-self:start;opacity:0;transform:translateX(-14px)}
.st1 .bd-in span{opacity:1;transform:none}
.st1 .bd-in span:nth-child(2){transition-delay:.15s}.st1 .bd-in span:nth-child(3){transition-delay:.3s}
.bd-arrow{font-size:22px;color:var(--bleu);font-weight:600;opacity:0}
.st2 .bd-arrow{opacity:1}
.bd-agent{display:grid;grid-template-columns:46px 1fr 26px;gap:10px;align-items:center;background:var(--noir);color:#fff;border-radius:16px;padding:12px 14px;opacity:.25;box-shadow:5px 5px 0 var(--grid)}
.bd-agent img{width:46px;height:46px;border-radius:12px;border:2px solid #fff}
.bd-agent b{display:block;font-size:14px}
.bd-agent small{display:block;font-size:11.5px;color:rgba(255,255,255,.7)}
.bd-agent .a2{display:none;color:var(--jaune)}
.bd-agent .lg{width:24px;height:24px;color:#fff;opacity:0}
.st1 .bd-agent{opacity:.6}
.st2 .bd-agent{opacity:1;box-shadow:5px 5px 0 var(--bleu)}
.st2 .bd-agent .a1{display:none}.st2 .bd-agent .a2{display:block}.st2 .bd-agent .lg{opacity:1}
.bd-inbox{flex:1;background:#fff;border:1.5px solid var(--noir);border-radius:14px;padding:10px 12px;display:grid;gap:7px;align-content:start;opacity:.35}
.bd-inbox p{margin:0;font-size:11.5px;font-weight:600;color:var(--gris)}
.st3 .bd-inbox{opacity:1}
.ml{position:relative;display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;background:var(--creme);border:1px solid var(--grid);border-radius:10px;padding:8px 10px;opacity:0;transform:translateY(8px)}
.ml .dot{width:9px;height:9px;border-radius:50%;background:var(--bleu)}
.ml b{display:block;font-size:13px}.ml small{font-size:12px;color:var(--gris)}
.ml em{font-style:normal;font-size:11px;font-weight:600;background:var(--bleu);color:#fff;border-radius:999px;padding:4px 9px}
.ml u{position:absolute;right:10px;top:50%;text-decoration:none;font-size:11px;font-weight:600;background:#2FA36B;color:#fff;border-radius:999px;padding:4px 9px;opacity:0;transform:translateY(-50%) scale(.8)}
.st3 .ml{opacity:1;transform:none}
.st3 .ml:nth-of-type(2){transition-delay:.2s}.st3 .ml:nth-of-type(3){transition-delay:.4s}
.st4 .ml em{opacity:0}
.st4 .ml u{opacity:1;transform:translateY(-50%)}
.st4 .ml:nth-of-type(2) u{transition-delay:.25s}.st4 .ml:nth-of-type(3) u{transition-delay:.5s}
.st4 .ml .dot{background:#2FA36B}
@media (max-width:900px){
  .mo2 .mo-scene{grid-template-columns:1fr}
  .ar{grid-template-columns:1fr 34px;row-gap:6px}.ar .bar{grid-column:1/3;grid-row:2}.ar em{grid-column:1/3;justify-self:start}
  .ar-result{grid-template-columns:1fr}
  .fm-people{grid-template-columns:1fr}
  .bd-top{grid-template-columns:1fr}.bd-arrow{display:none}
}

/* V23 · retours du 27/09 (2) */
.pmarquee .partner img[alt="Mamforma"]{height:40px}.pmarquee .partner img[alt="Synergie Fit"]{height:38px}
.offres-grid .offre:nth-child(3){background:linear-gradient(165deg,#EEF2FE 0%,#F7F8FF 45%,#fff 100%)}
.v-dom{display:grid;gap:6px;padding:12px;align-content:center}
.dm{display:grid;grid-template-columns:24px 1fr 18px;gap:7px;align-items:center;background:var(--creme);border:1px solid var(--noir);border-radius:9px;padding:4px 8px;font-size:11px;font-weight:600}
.dm i{font-style:normal;font-size:13px}
.dm em{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#2FA36B;color:#fff;font-style:normal;font-size:10px;font-weight:700}
.p16.active .dm{animation:inL 4.4s var(--ease) infinite backwards;background:#fff}
.p16.active .d2{animation-delay:.25s}.p16.active .d3{animation-delay:.5s}.p16.active .d4{animation-delay:.75s}
.p16.active .dm em{animation:dmCheck 4.4s var(--ease) infinite backwards}
.p16.active .d1 em{animation-delay:1s}.p16.active .d2 em{animation-delay:1.5s}.p16.active .d3 em{animation-delay:2s}.p16.active .d4 em{animation-delay:2.5s}
@keyframes dmCheck{0%{transform:scale(0)}8%{transform:scale(1.25)}14%,100%{transform:scale(1)}}
.v-dom{gap:5px;padding:10px 12px}
.dm{grid-template-columns:18px 1fr 17px;padding:3px 8px;font-size:10.5px;white-space:nowrap}
.dm i{font-size:12px}

/* V24 · espace entre exemples et accompagnement, entrée newsletter, bio */
.systeme{padding-bottom:clamp(30px,4vw,56px)}
.offres.glow{padding-top:clamp(50px,6vw,84px)}
.nav-links .nav-nl{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1.5px solid var(--noir);border-radius:999px;background:#fff}
.nav-links .nav-nl::after{display:none}
.nav-links .nav-nl .lg{width:14px;height:14px;color:#FF6719}
.nav-links .nav-nl:hover{background:var(--noir);color:#fff}
.bio-copy>p a{color:var(--bleu);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}
.bio-copy .frise{margin-top:18px}
@media (max-width:1280px){.nav-links{gap:14px;font-size:13px}}
/* V24b · le header ne passe plus sous la navigation */
@media (min-width:901px){
  .intro-content{padding-top:104px;padding-bottom:3vh;align-items:center}
  .intro-title-v4{font-size:clamp(48px,min(6.6vw,11.5vh),100px)}
  .intro-kicker{margin-bottom:18px}
  .intro-sub{margin-top:14px}
  .intro-actions{margin-top:22px}
}
/* V24c · bulle de chat compacte, sous le portrait, ne recouvre plus rien */
@media (min-width:901px){
  .intro-typing{left:max(20px,calc(50% - 560px));right:auto;bottom:16px;width:min(400px,calc(100% - 40px))}
  .intro-typing .typing-head{display:none}
  .intro-typing .typing-window{box-shadow:5px 5px 0 var(--noir);border-radius:14px}
  .intro-typing .typing-body{padding:10px;gap:6px;font-size:11.5px}
  .intro-typing .typing-user{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 10px}
  .intro-typing .typing-ai{padding:7px 10px;min-height:46px}
}
@media (max-height:859px){.intro-typing{display:none!important}}

/* =========================================================
   V25 · Indépendants : « Tu repars avec » + boîte à outils
   ========================================================= */
.rp-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.rp{background:#fff;border:2px solid var(--noir);border-radius:24px;overflow:hidden;box-shadow:8px 8px 0 var(--noir);display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.rp:hover{transform:translate(-3px,-3px);box-shadow:12px 12px 0 var(--bleu)}
.rp-dark{background:var(--noir);color:#fff;box-shadow:8px 8px 0 var(--bleu)}
.rp-vis{position:relative;height:270px;margin:14px 14px 0;border-radius:16px;border:1.5px solid var(--noir);background-color:var(--creme);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;display:grid;place-content:center;overflow:hidden}
.rp-dark .rp-vis{background-color:#26262A;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);border-color:rgba(255,255,255,.25)}
.rp-body{padding:20px 26px 26px}
.rp-n{font-family:var(--display);font-size:16px;color:var(--bleu)}
.rp-dark .rp-n{color:var(--jaune)}
.rp h3{font-family:var(--display);font-size:clamp(24px,2.4vw,32px);line-height:1.05;margin:4px 0 8px}
.rp-body p{font-size:15px;color:#3D3C38}
.rp-dark .rp-body p{color:rgba(255,255,255,.78)}
/* 01 outils */
.rv-tools{gap:9px;width:100%;padding:0 18%}
.cf{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;background:#fff;border:1.5px solid var(--noir);border-radius:12px;padding:9px 14px;font-size:14px;box-shadow:3px 3px 0 var(--noir)}
.cf .lg{width:20px;height:20px}
.cf span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#1F6B44;opacity:0}
.cf span i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#2FA36B;color:#fff;font-style:normal;font-size:10px}
.in .cf span{animation:cfOk 6s var(--ease) infinite}
.in .cf:nth-child(2) span{animation-delay:.5s}.in .cf:nth-child(3) span{animation-delay:1s}.in .cf:nth-child(4) span{animation-delay:1.5s}
@keyframes cfOk{0%,8%{opacity:0;transform:translateX(8px)}16%,92%{opacity:1;transform:none}100%{opacity:0}}
/* 02 agent */
.ag-card{background:#fff;color:var(--noir);border-radius:16px;padding:18px 22px;min-width:300px;box-shadow:6px 6px 0 var(--bleu)}
.ag-card p{display:flex;align-items:center;gap:9px;font-weight:600;font-size:14.5px;margin:0 0 10px}
.ag-card p i{width:9px;height:9px;border-radius:50%;background:#2FA36B;animation:pulse 1.8s ease-out infinite}
.ag-card ul{display:grid;gap:7px}
.ag-card li{position:relative;padding-left:30px;font-size:14px;color:var(--gris)}
.ag-card li::before{content:"";position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;border:1.5px solid var(--gris-2);box-sizing:border-box}
.ag-card li::after{content:"✓";position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;background:var(--bleu);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;transform:scale(0)}
.ag-card li.wait{color:var(--bleu);font-weight:600}
.ag-card li.wait::before{border-color:var(--bleu);border-width:2px}
.ag-card li.wait::after{display:none}
.in .ag-card li:not(.wait){animation:agTxt 6s ease infinite}
.in .ag-card li:not(.wait)::after{animation:agOk 6s var(--ease) infinite}
.in .ag-card li:nth-child(2),.in .ag-card li:nth-child(2)::after{animation-delay:.7s}
.in .ag-card li:nth-child(3),.in .ag-card li:nth-child(3)::after{animation-delay:1.4s}
.in .ag-card li.wait::before{animation:agWait 6s ease infinite}
@keyframes agOk{0%,10%{transform:scale(0)}18%,92%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes agTxt{0%,10%{color:var(--gris)}18%,92%{color:var(--noir)}100%{color:var(--gris)}}
@keyframes agWait{0%,40%{box-shadow:none}50%,90%{box-shadow:0 0 0 5px rgba(64,98,230,.2)}100%{box-shadow:none}}
/* 03 méthode */
.rv-method{text-align:center;gap:16px}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;max-width:340px;margin:0 auto}
.chips span{background:#fff;border:1.5px solid var(--noir);border-radius:999px;padding:8px 16px;font-weight:600;font-size:14px;box-shadow:3px 3px 0 var(--noir)}
.chips span.b{color:var(--bleu)}
.in .chips span{animation:chip 5s var(--ease) infinite}
.in .chips span:nth-child(2){animation-delay:.25s}.in .chips span:nth-child(3){animation-delay:.5s}.in .chips span:nth-child(4){animation-delay:.75s}.in .chips span:nth-child(5){animation-delay:1s}
@keyframes chip{0%,100%{transform:none}8%{transform:translateY(-6px);box-shadow:3px 9px 0 var(--bleu)}16%{transform:none}}
.rv-method p{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--bleu);margin:0}
/* 04 ressources */
.rv-res{gap:9px;justify-items:start;padding:0 14%;width:100%}
.rv-res span{background:#fff;border:1.5px solid var(--noir);border-radius:12px;padding:9px 16px;font-weight:600;font-size:14px;box-shadow:3px 3px 0 var(--noir)}
.rv-res span:nth-child(2){margin-left:18px}.rv-res span:nth-child(4){margin-left:26px}
.in .rv-res span{animation:float 5s ease-in-out infinite}
.in .rv-res span:nth-child(2){animation-delay:.6s}.in .rv-res span:nth-child(3){animation-delay:1.2s}.in .rv-res span:nth-child(4){animation-delay:1.8s}
/* tuiles */
.rtiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.rtile{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;background:#fff;border:1.5px solid var(--noir);border-radius:16px;padding:16px 18px;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.rtile:hover{transform:translateY(-3px);box-shadow:5px 5px 0 var(--bleu)}
.rtile span{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--bleu-soft);font-size:20px}
.rtile b{display:block;font-size:15.5px;margin-bottom:3px}
.rtile small{font-size:13.5px;color:#4A4945;line-height:1.45}
.rp-cta{text-align:center;margin-top:30px}
/* boîte à outils */
.toolbox{background:var(--creme)}
.tb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tb{background:#fff;border:2px solid var(--noir);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:5px 5px 0 var(--noir);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.tb:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--bleu)}
.tb-tag{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:var(--bleu);margin:0}
.tb-tag span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--bleu-soft);font-size:16px;letter-spacing:0}
.tb-txt{font-size:15px;line-height:1.45;flex:1;margin:0}
.tb-pills{display:flex;flex-wrap:wrap;gap:7px}
.tpill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 9px;border-radius:999px;background:var(--creme);border:1.5px solid var(--noir);font-size:13px;font-weight:600;white-space:nowrap}
.tpill .lg{width:17px;height:17px}
.tpill .lg-img{border-radius:4px}
.tpill .lg-openai,.tpill .lg-notion{color:#000}.tpill .lg-claude{color:#D97757}.tpill .lg-googlegemini{color:#4E8DF5}.tpill .lg-google{color:#4285F4}.tpill .lg-perplexity{color:#20B8CD}.tpill .lg-canva{color:#00C4CC}
.cf .lg-openai,.cf .lg-notion{color:#000}.cf .lg-claude{color:#D97757}.cf .lg-googlegemini{color:#4E8DF5}
@media (max-width:1000px){.tb-grid{grid-template-columns:1fr 1fr}.rtiles{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.rp-grid{grid-template-columns:1fr}.rv-tools{padding:0 8%}.ag-card{min-width:0}}
@media (max-width:600px){.tb-grid,.rtiles{grid-template-columns:1fr}}
/* V25b */
.rv-tools,.rv-res{width:auto;padding:0}
.rv-tools{grid-template-columns:minmax(0,300px)}
.rv-res{grid-template-columns:minmax(0,330px);justify-items:start}
.repars .section-head,.toolbox .section-head{margin-bottom:36px;gap:14px}
.repars .display,.toolbox .display{font-size:clamp(34px,4.6vw,62px)}

/* =========================================================
   V26 · agent emails plus lisible, hub conférences, thèmes
   ========================================================= */
.st1 .bd-inbox{opacity:1}
.st1 .ml{opacity:1;transform:none}
.ml{grid-template-columns:10px 1fr 104px;align-items:start;padding:9px 10px}
.ml .dot{margin-top:5px}
.ml em,.ml u,.ml .nl{position:absolute;right:10px;top:9px;transform:none;font-size:11px;font-weight:600;border-radius:999px;padding:4px 9px}
.ml .nl{background:var(--creme-2);color:var(--gris);font-style:normal}
.ml em{opacity:0}
.ml u{opacity:0;transform:scale(.8)}
.st3 .ml .nl{opacity:0}
.st3 .ml em{opacity:1}
.st4 .ml em{opacity:0}
.st4 .ml u{opacity:1;transform:none}
.mo2 .mo-vis .dr{margin:0;max-height:0;opacity:0;overflow:hidden;font-family:Georgia,serif;font-style:italic;font-size:12.5px;color:#3D3C38;border-left:2px solid var(--bleu);padding-left:8px;transition:max-height .6s var(--ease),opacity .6s,margin .6s}
.mo2 .mo-vis .st3 .dr,.st3 .dr{max-height:44px;opacity:1;margin-top:6px}
.st3 .ml{background:#fff;border-color:var(--noir)}
.st4 .ml{background:#F1FAF5;border-color:#2FA36B}
.st4 .dr{border-left-color:#2FA36B}
/* hub */
.ou{background:var(--creme)}
.hub{display:grid;grid-template-columns:1fr 90px 270px 90px 1fr;align-items:stretch}
.hub-col{display:grid;grid-auto-rows:1fr;gap:16px}
.hn{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center;background:#fff;border:2px solid var(--noir);border-radius:18px;padding:16px 18px;box-shadow:5px 5px 0 var(--noir);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.hn:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--bleu)}
.hn span{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:var(--bleu-soft);border:1.5px solid var(--noir);font-size:25px;animation:float 5s ease-in-out infinite}
.hub-col .hn:nth-child(2) span{animation-delay:.8s;background:#FBF3C2}.hub-col .hn:nth-child(3) span{animation-delay:1.6s;background:#F3F1EA}
.hub-col:last-child .hn:nth-child(1) span{animation-delay:.4s;background:#F3F1EA}.hub-col:last-child .hn:nth-child(2) span{background:var(--bleu-soft)}.hub-col:last-child .hn:nth-child(3) span{background:#FBF3C2}
.hn b{display:block;font-size:16.5px}
.hn small{display:block;font-size:13px;color:#4A4945;line-height:1.4}
.hub-lines{width:100%;height:100%;overflow:visible}
.hub-lines path{fill:none;stroke:var(--bleu);stroke-width:2.2;stroke-dasharray:6 6;vector-effect:non-scaling-stroke;animation:dash 1.2s linear infinite}
.hub-core{position:relative;align-self:center;display:grid;justify-items:center;gap:8px;text-align:center;background:var(--noir);color:#fff;border-radius:24px;padding:26px 20px 22px;box-shadow:8px 8px 0 var(--bleu)}
.hub-core img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid var(--jaune)}
.hub-core b{font-family:var(--display);font-weight:400;font-size:24px;line-height:1}
.hub-f{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.hub-f span{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.3)}
.hub-f span:nth-child(1){animation:hubF 6s ease infinite}.hub-f span:nth-child(2){animation:hubF 6s ease 2s infinite}.hub-f span:nth-child(3){animation:hubF 6s ease 4s infinite}
@keyframes hubF{0%,28%{background:var(--jaune);color:var(--noir);border-color:var(--jaune)}34%,100%{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}}
.hub-core small{font-size:12.5px;color:var(--jaune);font-weight:600}
.hub-halo{position:absolute;inset:-8px;border-radius:30px;border:2px solid var(--bleu);animation:pulseRing 2.4s ease-out infinite;pointer-events:none}
@media (max-width:1000px){.hub{grid-template-columns:1fr;gap:16px}.hub-lines{display:none}.hub-core{order:-1}}
/* thèmes */
.theme-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px}
.theme-chips span{font-size:13px;font-weight:600;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);color:#fff;transition:background .3s,color .3s,transform .3s var(--ease)}
.theme-chips span:hover{background:var(--jaune);color:var(--noir);transform:translateY(-2px)}
.mo2 .st3 .mo-vis .dr{max-height:44px;opacity:1;margin-top:6px}
.mo2 .st4 .mo-vis .dr{border-left-color:#2FA36B}
.mo2 .mo-vis .dr{font-weight:400;line-height:1.4}
.mo2 .st3 .mo-vis .dr{max-height:40px}
.bd-inbox{gap:6px}

/* V27 · logo Substack dans la carte newsletter, liens FAQ */
.bio-card .bc-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#FF6719;font-size:0}
.bio-card .bc-logo .lg{width:20px;height:20px;color:#fff}
.faq-list details p a{color:var(--bleu);font-weight:600;text-decoration:underline}

/* V28 · Entreprises : agent propositions, bloc « Vous repartez avec » */
.ml{grid-template-columns:10px 1fr 128px}
.cf i.e{font-style:normal;font-size:17px;display:grid;place-items:center}
.repars .rv-tools{grid-template-columns:minmax(0,340px)}
.repars .ag-card{min-width:330px}
@media (max-width:760px){.repars .ag-card{min-width:0}}

/* =========================================================
   V29 · Entreprises logos, Newsletter, Retours (vidéos + mur)
   ========================================================= */
.nav-links .nav-nl.on{background:var(--noir);color:#fff}
.float-card.fc-wide{display:grid;gap:2px}
.fc-logos{display:flex;align-items:center;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.fc-logos img{height:16px!important;width:auto!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;transform:none!important;animation:none!important;filter:grayscale(1);mix-blend-mode:multiply;object-fit:contain!important}
.fc-logos img[alt="Norauto"]{mix-blend-mode:normal;border-radius:2px!important}
.fc-logos img[alt="Faucigny Immobilier"]{height:24px!important}
/* retours : gros blocs vidéo */
.vbig-list{display:grid;gap:30px}
.casecard.vbig{display:grid;grid-template-columns:1.2fr 1fr;gap:0;align-items:stretch;border-radius:26px;box-shadow:10px 10px 0 var(--noir)}
.casecard.vbig:hover{transform:none;box-shadow:10px 10px 0 var(--bleu)}
.casecard.vbig:nth-child(even) .casecard-media{order:2;border-left:2px solid var(--noir);border-right:0}
.vbig .casecard-media{aspect-ratio:auto;min-height:420px;border-right:2px solid var(--noir)}
.vbig .casecard-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vbig .casecard-media .play i{width:84px;height:84px;font-size:28px}
.vbig-body{padding:30px 32px;display:flex;flex-direction:column;gap:14px}
.vbig-body h3{font-family:var(--display);font-size:clamp(28px,3vw,42px);line-height:1.02}
.vbig-who{display:flex;align-items:center;gap:12px;margin:0}
.vbig-who img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--noir)}
.vbig-who b{display:block;font-size:15px}.vbig-who small{font-size:13px;color:var(--gris)}
.vbig-body dl{display:grid;gap:10px;margin:0}
.vbig-body dl div{display:grid;grid-template-columns:150px 1fr;gap:14px;padding-top:10px;border-top:1px solid var(--line)}
.vbig-body dt{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--bleu);padding-top:2px}
.vbig-body dd{margin:0;font-size:14.5px;color:#3D3C38;line-height:1.5}
.vbig-body blockquote{font-size:18px}
.vbig .case-more{padding-top:4px;margin-top:auto}
@media (max-width:960px){.casecard.vbig{grid-template-columns:1fr}.vbig .casecard-media{min-height:0;aspect-ratio:16/9;border-right:0;border-bottom:2px solid var(--noir)}.casecard.vbig:nth-child(even) .casecard-media{order:0;border-left:0}.vbig-body dl div{grid-template-columns:1fr;gap:2px}}
/* mur de citations */
.qwall{columns:3;column-gap:18px}
.qwall .tcard{display:flex;width:auto;break-inside:avoid;margin:0 0 18px;flex:none}
.qwall .tq-text{display:block;-webkit-line-clamp:unset;overflow:visible}
.qwall .tmore{display:none!important}
@media (max-width:1000px){.qwall{columns:2}}
@media (max-width:640px){.qwall{columns:1}}

/* V29b */
.vbig .casecard-media video{object-position:50% 30%}

/* V30 */
.pmarquee .partner img[alt="CSE Formation et Digital"]{height:36px;mix-blend-mode:normal}
.vc-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--bleu-soft);border:1.5px solid var(--noir);font-size:22px;flex:0 0 auto;box-shadow:3px 3px 0 var(--noir)}
.footer-links .lg-substack{color:#FF6719}
.footer-links a{display:inline-flex;align-items:center;gap:6px}
#recos .tslider{padding-top:4px}

/* =========================================================
   V31 : Retours, recommandations en deux rangées de tuiles
   (une vers la gauche, une vers la droite) + carte 30+ complète
   ========================================================= */
#recos{overflow:hidden}
.trows{display:grid;gap:22px;padding:10px 0 18px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.trow-track{display:flex;align-items:stretch;gap:20px;width:max-content;padding:4px 20px 10px 0;animation:marquee 85s linear infinite}
.trow.rev .trow-track{animation-direction:reverse;animation-duration:75s}
.trows:hover .trow-track,.trows:focus-within .trow-track{animation-play-state:paused}
.trow .tcard{flex:0 0 400px;cursor:pointer;gap:14px;padding:28px 24px 22px;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.trow .tcard:hover,.trow .tcard:focus-visible{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--bleu);outline:0}
.trow .tq-text{-webkit-line-clamp:6}
.tread{font-size:12.5px;font-weight:600;color:var(--bleu);display:inline-flex;align-items:center;gap:4px}
.tread .arr{font-style:normal}
.trows-note{margin-top:6px}
html.no-motion .trow-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;padding-right:0}
html.no-motion .trow .tcard[aria-hidden="true"]{display:none}
@media (prefers-reduced-motion:reduce){.trow-track{animation:none;overflow-x:auto;width:auto}}
@media (max-width:700px){.trow .tcard{flex-basis:290px;padding:24px 18px 18px}.trows{gap:16px}}
.tdlg{border:2px solid var(--noir);border-radius:20px;padding:0;width:min(640px,92vw);max-height:86vh;box-shadow:8px 8px 0 var(--noir);background:#fff;color:var(--noir)}
.tdlg::backdrop{background:rgba(26,26,28,.55)}
.tdlg-body{position:relative;display:flex;flex-direction:column;gap:18px;padding:40px 32px 28px}
.tdlg-body .tq-text{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:15.5px;line-height:1.7;padding-top:14px}
.tdlg-body footer{display:flex;align-items:center;gap:12px}
.tdlg-body footer b{display:block;font-size:14px}.tdlg-body footer small{font-size:12px;color:var(--gris)}
.tdlg-body .tread{display:none}
.tdlg-close{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:50%;border:2px solid var(--noir);background:#fff;font-size:20px;line-height:1;cursor:pointer;box-shadow:3px 3px 0 var(--noir)}
.tdlg-close:hover{background:var(--jaune)}
.float-card.fc-full{max-width:min(350px,96%);padding:12px 14px}
.fc-top{display:flex;align-items:center;gap:12px}
.float-card.fc-full b{font-size:34px}
.fc-lab{display:grid;gap:5px;font-size:12.5px;font-weight:600;line-height:1.2}
.fc-av{display:flex}
.fc-av img{width:26px!important;height:26px!important;aspect-ratio:1!important;object-fit:cover;border-radius:50%!important;border:2px solid #fff!important;box-shadow:0 0 0 1.5px var(--noir)!important;opacity:1!important;transform:none!important;animation:none!important;margin-left:-7px}
.fc-av img:first-child{margin-left:0}
.fc-full .fc-logos{flex-wrap:nowrap;gap:9px;margin-top:9px;padding-top:9px}
.fc-full .fc-logos img{height:13px!important}
.fc-full .fc-logos img[alt="Faucigny Immobilier"]{height:19px!important}
.fc-full .fc-logos img[alt="Vetsalius"],.fc-full .fc-logos img[alt="OSAM"]{height:17px!important}
@media (max-width:420px){.fc-full .fc-logos{flex-wrap:wrap;row-gap:6px}}
/* V31b : portrait centré en haut de la page Retours, carte 30+ descendue pour dégager le visage */
.page-hero-visual .float-card.fc-full{bottom:-52px}
.page-hero-visual:has(.fc-full){margin-bottom:40px}

/* =========================================================
   V32 : mise en ligne. Poppins servie depuis le site + page 404
   ========================================================= */
@font-face{font-family:'Poppins';src:url('assets/poppins-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url('assets/poppins-400i.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Poppins';src:url('assets/poppins-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
.e404{min-height:calc(100svh - 120px);display:grid;align-content:center}
.e404-tiles{margin-top:28px}
.e404-card{position:relative;background:#fff;border:3px solid var(--noir);border-radius:28px;box-shadow:12px 12px 0 var(--bleu);padding:54px 30px 34px;text-align:center;transform:rotate(1.5deg)}
.e404-badge{position:absolute;top:-16px;left:26px;background:var(--jaune);border:2px solid var(--noir);border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:600;box-shadow:3px 3px 0 var(--noir);transform:rotate(-3deg)}
.e404-num{font-family:var(--display);font-size:clamp(110px,15vw,210px);line-height:.9;letter-spacing:.01em;color:var(--noir)}
.e404-num span{color:var(--bleu);display:inline-block;animation:float 4s ease-in-out infinite}
.e404-chat{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:10px 16px;border:2px solid var(--noir);border-radius:14px;background:var(--creme);font-size:14px;font-weight:500}
.e404-dot{width:10px;height:10px;border-radius:50%;background:var(--bleu);animation:pulse404 1.6s ease-in-out infinite}
@keyframes pulse404{50%{opacity:.25;transform:scale(.7)}}
html.no-motion .e404-num span,html.no-motion .e404-dot{animation:none}
@media (max-width:900px){.e404{min-height:0}.e404-card{transform:none;margin-top:10px;padding:44px 20px 28px}}

/* =========================================================
   V33 : retours mobile. Étoile en SVG, menu mobile en tuiles,
   page Newsletter avec tous les articles
   ========================================================= */
.star svg{display:block;width:1em;height:1em}
.kicker .star{width:1em;height:1em;line-height:1;flex:0 0 auto}
.arr,.btn,.mm-arr{font-variant-emoji:text}

/* ----- menu mobile ----- */
.mobile-menu.mm2{inset:0;z-index:99;display:block;padding:0;border:0;background-color:var(--creme);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .28s var(--ease),transform .28s var(--ease),visibility 0s linear .28s;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.mobile-menu.mm2.open{opacity:1;visibility:visible;transform:none;transition:opacity .28s var(--ease),transform .28s var(--ease),visibility 0s}
.mm-in{min-height:100%;display:flex;flex-direction:column;gap:14px;padding:calc(78px + env(safe-area-inset-top)) 18px calc(26px + env(safe-area-inset-bottom));max-width:560px;margin:0 auto}
.mobile-menu.mm2 a{border-bottom:0;padding:0}
.mm-home{align-self:flex-start;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.mobile-menu.mm2 a.mm-home{padding:4px 0}
.mm-home::before{content:"← "}
.mm-home.on{color:var(--bleu)}
.mm-list{display:grid;gap:12px}
.mobile-menu.mm2 a.mm-item{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#fff;border:2px solid var(--noir);border-radius:16px;box-shadow:4px 4px 0 var(--noir);opacity:0;transform:translateY(12px);transition:opacity .35s var(--ease),transform .35s var(--ease),box-shadow .2s,background .2s}
.mobile-menu.mm2.open a.mm-item{opacity:1;transform:none;transition-delay:calc(60ms + var(--i) * 45ms),calc(60ms + var(--i) * 45ms),0s,0s}
.mobile-menu.mm2 a.mm-item:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--noir)}
.mm-ico{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:13px;background:var(--bleu-soft);border:1.5px solid var(--noir);font-size:22px;line-height:1}
.mm-ico.mm-sub{background:#FFF1E8}
.mm-ico .lg{width:22px;height:22px;color:#FF6719}
.mm-txt{display:grid;gap:1px;flex:1 1 auto;min-width:0}
.mm-txt b{font-size:16.5px;font-weight:600;line-height:1.25}
.mm-txt small{font-size:12.5px;color:var(--gris);font-weight:400;line-height:1.35}
.mm-arr{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--noir);font-size:14px;font-weight:600}
.mm-item.on{background:var(--bleu-soft);box-shadow:4px 4px 0 var(--bleu)}
.mm-item.on .mm-ico{background:#fff}
.mm-item.on .mm-arr{background:var(--bleu);color:#fff;border-color:var(--bleu)}
.mobile-menu.mm2 a.mm-cta{margin-top:auto;padding:16px 20px;justify-content:center;font-size:15px;border-radius:14px;box-shadow:4px 4px 0 var(--noir);border:2px solid var(--noir)}
.mm-foot{text-align:center;font-size:12.5px;color:var(--gris)}
html.menu-open,html.menu-open body{overflow:hidden}
html.menu-open .nav,html.menu-open .nav.scrolled{background:var(--creme);box-shadow:0 1px 0 var(--line);backdrop-filter:none;-webkit-backdrop-filter:none}
html.menu-open .nav.on-dark:not(.scrolled) .brand,html.menu-open .nav .brand{color:var(--noir)}
html.menu-open .burger span{background:var(--noir)!important}
html.menu-open .chat-fab,html.menu-open #chatFab{display:none}
.burger{border-radius:12px;-webkit-tap-highlight-color:transparent}
@media (min-width:961px){.mobile-menu.mm2{display:none}}
@media (max-height:620px){.mm-in{gap:10px}.mm-list{gap:9px}.mobile-menu.mm2 a.mm-item{padding:9px 12px}.mm-ico{flex-basis:40px;width:40px;height:40px;font-size:19px}.mm-txt small{display:none}}
html.no-motion .mobile-menu.mm2,html.no-motion .mobile-menu.mm2 a.mm-item{transition:none}

/* ----- articles de la newsletter ----- */
.nl-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.nlc{display:flex;flex-direction:column;background:#fff;border:2px solid var(--noir);border-radius:20px;overflow:hidden;box-shadow:6px 6px 0 var(--noir);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.nlc:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--bleu)}
.nlc-cover{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-bottom:2px solid var(--noir);background:var(--bleu-soft)}
.nlc-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease)}
.nlc:hover .nlc-cover img{transform:scale(1.04)}
.nlc-ph{display:grid;place-items:center;width:100%;height:100%;font-family:var(--display);font-size:64px;color:var(--bleu)}
.nlc-badge{position:absolute;left:14px;top:14px;background:var(--jaune);border:2px solid var(--noir);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;box-shadow:3px 3px 0 var(--noir)}
.nlc-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1 1 auto}
.nlc-date{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--bleu)}
.nlc-title{font-size:17px;font-weight:600;line-height:1.35}
.nlc-sub{font-size:14px;line-height:1.55;color:#3D3C38;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nlc-more{margin-top:auto;padding-top:8px;font-style:normal;font-size:13.5px;font-weight:600;color:var(--bleu)}
.nlc-more .arr{font-style:normal}
.nlc-first{grid-column:1/-1;flex-direction:row}
.nlc-first .nlc-cover{flex:0 0 56%;aspect-ratio:auto;min-height:320px;border-bottom:0;border-right:2px solid var(--noir)}
.nlc-first .nlc-body{justify-content:center;gap:12px;padding:clamp(22px,3vw,40px)}
.nlc-first .nlc-title{font-family:var(--display);font-weight:400;font-size:clamp(26px,3vw,40px);line-height:1.08;letter-spacing:.01em}
.nlc-first .nlc-sub{font-size:15.5px;-webkit-line-clamp:5}
.nlc-first .nlc-more{margin-top:6px}
@media (max-width:1000px){.nl-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.nlc-first{flex-direction:column}.nlc-first .nlc-cover{flex:0 0 auto;aspect-ratio:16/9;min-height:0;border-right:0;border-bottom:2px solid var(--noir)}}
@media (max-width:620px){.nl-list{grid-template-columns:1fr;gap:18px}.nlc{box-shadow:4px 4px 0 var(--noir)}.nlc-body{padding:16px 16px 18px}}
.star-i{display:inline-grid;place-items:center;font-style:normal;color:var(--bleu)}.star-i svg{display:block;width:1em;height:1em}

/* ----- V33b : confort de lecture sur téléphone ----- */
h1,h2,h3,.display{text-wrap:balance}
.lead,.section p{text-wrap:pretty}
@media (max-width:700px){
  .display,.section-head h2,.page-hero h1{line-height:1.06}
  .section-head.split{row-gap:14px}
  .section-head .lead{margin-top:10px}
  .hero-actions .btn,.vision-cta .btn{justify-content:center}
  .kicker{font-size:12px;gap:8px;margin-bottom:14px}
}

/* =========================================================
   V34 : retours mobile (2). Témoignages à faire glisser,
   bouton d'appel dans l'en-tête mobile
   ========================================================= */
.only-mob{display:none}
.tmarquee .tcard{cursor:pointer}
.tmarquee .tread{margin-top:-6px}
.tdlg-body .tmore{display:none!important}
@media (min-width:901px) and (hover:hover){.tmarquee .tcard[data-dup]{display:flex}}

/* téléphone et tablette : plus d'animation, plus de boucle, plus de masque */
@media (max-width:900px),(hover:none){
  .only-desk{display:none}.only-mob{display:inline}
  .tmarquee.reveal,.trows.reveal{opacity:1!important;transform:none!important}
  .tmarquee,.trows{overflow:visible;mask-image:none;-webkit-mask-image:none}
  .tmarquee{margin:0 -24px;padding:0}
  .tmarquee-track,.trow-track{animation:none!important;transform:none!important;width:auto;max-width:100vw;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:24px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding:8px 24px 18px;gap:16px}
  .tmarquee-track::-webkit-scrollbar,.trow-track::-webkit-scrollbar{display:none}
  .tmarquee-track::after,.trow-track::after{content:"";flex:0 0 8px}
  .tmarquee .tcard,.trow .tcard{flex:0 0 min(82vw,340px);scroll-snap-align:start;transform:none!important}
  .tmarquee .tcard[data-dup],.trow .tcard[aria-hidden="true"]{display:none!important}
  .trows{gap:6px;padding:0}
}

/* en-tête mobile : l'appel découverte reste visible */
@media (max-width:960px){
  .nav{gap:10px}
  .nav .nav-cta{display:inline-flex;align-items:center;margin-left:auto;padding:9px 14px;font-size:13px;line-height:1;border-radius:12px;white-space:nowrap}
  .nav .nav-cta .arr{margin-left:4px}
  html.menu-open .nav .nav-cta{display:none}
}
@media (max-width:350px){.nav .nav-cta{padding:8px 10px;font-size:12px}.nav .nav-cta .arr{display:none}}

/* =========================================================
   V35 : page Conférences. Pastilles avec logos, micro dans la
   carte du public, icône productivité sur fond blanc
   ========================================================= */
.fact-logo img{height:18px;width:auto;display:block}
.fact-logo img.round{height:20px;width:20px;border-radius:50%;object-fit:cover}
.fact-logo img[alt="IAPreneur Academy"]{height:19px}
.fact-logo img[alt="Avenir Dirigeant"]{height:20px}
.fact-logo small{font-weight:500;font-size:11.5px;color:var(--gris);margin-left:2px}
.page-hero-visual .float-card.fc-mic{display:flex;align-items:center;gap:12px}
.fc-mic .fc-ico{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:var(--jaune);border:1.5px solid var(--noir);font-size:20px;line-height:1}
.talk-v11:nth-child(4) .talk-ico{background:#fff}
/* V36 : galerie Conférences en trois tuiles égales */
.gallery-grid.gallery-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.gallery-grid.gallery-3{grid-template-columns:1fr 1fr}.gallery-grid.gallery-3 figure:first-child{grid-column:span 2;aspect-ratio:16/9}}
@media (max-width:600px){.gallery-grid.gallery-3{grid-template-columns:1fr}.gallery-grid.gallery-3 figure:first-child{grid-column:span 1;aspect-ratio:4/3}}

/* =========================================================
   V37 : fil d'Ariane en pastille, déroulé Entreprises en
   trois cartes (Auditer, Former, Construire)
   ========================================================= */
.crumbs.crumbs2{display:flex;align-items:center;gap:10px;margin-bottom:22px;font-size:13px}
.crumb-back{display:inline-flex;align-items:center;gap:8px;padding:5px 13px 5px 5px;background:#fff;border:1.5px solid var(--noir);border-radius:999px;font-weight:600;color:var(--noir);box-shadow:2px 2px 0 var(--noir);transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s}
.crumb-back i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--noir);color:#fff;font-style:normal;font-size:12px;line-height:1;transition:transform .25s var(--ease),background .2s}
.crumbs .crumb-back:hover{color:var(--noir);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--bleu)}
.crumb-back:hover i{background:var(--bleu);transform:translateX(-2px)}
.crumb-cur{display:inline-flex;align-items:center;gap:10px;color:var(--gris);font-weight:500}
.crumb-cur::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--bleu)}

.et-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch}
.et{position:relative;display:flex;flex-direction:column;gap:10px;background:#fff;border:2px solid var(--noir);border-radius:22px;padding:22px 22px 24px;box-shadow:6px 6px 0 var(--noir);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.et:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--bleu)}
.et header{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.et-n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--noir);color:#fff;font-family:var(--display);font-size:17px;letter-spacing:.02em}
.et-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;border:1.5px solid var(--noir);font-size:21px;line-height:1;box-shadow:3px 3px 0 var(--noir)}
.et-a .et-ico{background:var(--bleu-soft)}.et-b .et-ico{background:#FBF3C2}.et-c .et-ico{background:#EEF0FB}
.et-solo{margin-left:auto;font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:999px;border:1.5px dashed var(--noir);color:#3D3C38;white-space:nowrap}
.et h3{font-family:var(--display);font-weight:400;font-size:clamp(24px,2.2vw,30px);line-height:1.08;letter-spacing:.01em}
.et-txt{font-size:14.5px;line-height:1.6;color:#3D3C38}
.et-box{margin-top:auto;padding:14px 16px;border-radius:14px;border:1.5px solid var(--noir);background:var(--creme)}
.et-a .et-box{background:#F1F4FE}.et-b .et-box{background:#FDF9E3}.et-c .et-box{background:#F3F1EA}
.et-box small{display:block;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--bleu);margin-bottom:8px}
.et-box ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.et-box li{position:relative;padding-left:22px;font-size:14px;line-height:1.5}
.et-box li::before{content:"→";position:absolute;left:0;top:0;color:var(--bleu);font-weight:600}
.et-grid .et:not(:last-child)::after{content:"";position:absolute;right:-21px;top:44px;width:14px;height:14px;border-top:2.5px solid var(--noir);border-right:2.5px solid var(--noir);transform:rotate(45deg);z-index:2}
.et-cta{margin-top:30px}
@media (max-width:1000px){.et-grid{grid-template-columns:1fr;gap:20px}.et-grid .et:not(:last-child)::after{right:auto;left:36px;top:auto;bottom:-17px;transform:rotate(135deg)}}
@media (max-width:420px){.et-solo{font-size:10.5px;padding:4px 8px}.et{padding:18px 16px 20px}}

/* =========================================================
   V38 : Entreprises, déroulé en trois grands blocs animés
   (.fx = texte + étapes à gauche, visuel animé à droite)
   ========================================================= */
.fx-list{display:grid;gap:34px}
.fx{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(22px,3.4vw,48px);align-items:center;background:#fff;border:2px solid var(--noir);border-radius:28px;padding:clamp(20px,3vw,40px);box-shadow:8px 8px 0 var(--noir)}
.fx-rev .fx-txt{order:2}
.fx-txt header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.fx-txt header .casecard-tag{margin:0;font-size:13px}
.fx-txt h3{font-family:var(--display);font-weight:400;font-size:clamp(30px,3.4vw,46px);line-height:1.04;letter-spacing:.01em;margin-bottom:12px}
.fx-lead{font-size:15.5px;line-height:1.6;color:#3D3C38;margin-bottom:18px;max-width:46ch}
.fx-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fx-steps li{display:flex;align-items:flex-start;gap:12px;padding:11px 14px;border:1.5px solid transparent;border-radius:14px;font-size:14.5px;line-height:1.45;color:#6B6A64;cursor:pointer;transition:background .35s var(--ease),border-color .35s,color .35s,transform .35s var(--ease),box-shadow .35s}
.fx-steps li>span{flex:0 0 26px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px solid #B9B6AB;font-size:12px;font-weight:600;color:#8A887F;transition:all .35s}
.fx-steps li b{font-weight:600;color:inherit}
.fx-steps li.done{color:var(--noir)}
.fx-steps li.done>span{background:var(--noir);border-color:var(--noir);color:#fff}
.fx-steps li.on{background:#F1F4FE;border-color:var(--noir);color:var(--noir);box-shadow:3px 3px 0 var(--bleu);transform:translateX(4px);font-weight:500}
.fx-steps li.on>span{background:var(--bleu);border-color:var(--bleu);color:#fff}
.fx-steps li:hover{color:var(--noir)}
.fx-vis{position:relative;border:2px solid var(--noir);border-radius:22px;padding:20px;background-color:var(--creme);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:22px 22px;overflow:hidden;display:grid;gap:14px;align-content:start}
.fx-cap{font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--gris)}

/* ----- 01 Auditer ----- */
.au-chat{display:flex;align-items:flex-start;gap:10px}
.au-chat img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--noir);flex:0 0 auto}
.au-q{display:flex;flex-wrap:wrap;gap:6px}
.au-q span{padding:7px 12px;border-radius:14px 14px 14px 4px;background:var(--noir);color:#fff;font-size:12.5px;font-weight:500;opacity:0;transform:translateY(8px) scale(.96);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.fx.s1 .au-q span{opacity:1;transform:none}
.fx.s1 .au-q span:nth-child(2){transition-delay:.45s}.fx.s1 .au-q span:nth-child(3){transition-delay:.9s}
.au-rows{display:grid;gap:7px}
.au-r{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 30px minmax(0,auto);align-items:center;gap:10px;padding:9px 12px;background:#fff;border:1.5px solid var(--noir);border-radius:12px;font-size:13px;opacity:.28;transition:opacity .5s,background .5s,box-shadow .4s}
.au-r b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.au-r .bar{height:8px;border-radius:99px;background:#EDE7D3;overflow:hidden}
.au-r .bar i{display:block;height:100%;width:0;border-radius:99px;background:var(--noir);transition:width .9s var(--ease),background .5s}
.au-r small{font-size:12px;font-weight:600;color:var(--gris);text-align:right}
.au-r em{font-style:normal;font-size:11px;font-weight:600;padding:3px 8px;border-radius:99px;border:1.5px solid var(--noir);background:#EDE7D3;white-space:nowrap;opacity:0;transform:scale(.8);transition:opacity .4s,transform .4s var(--ease)}
.au-r.hot em{background:var(--bleu);border-color:var(--bleu);color:#fff}
.fx.s2 .au-r{opacity:1}
.fx.s2 .au-r .bar i{width:var(--w)}
.fx.s2 .au-r:nth-child(2) .bar i{transition-delay:.12s}.fx.s2 .au-r:nth-child(3) .bar i{transition-delay:.24s}.fx.s2 .au-r:nth-child(4) .bar i{transition-delay:.36s}
.fx.s3 .au-r em{opacity:1;transform:none}
.fx.s3 .au-r.hot{background:#F1F4FE;box-shadow:3px 3px 0 var(--bleu)}
.fx.s3 .au-r.hot .bar i{background:var(--bleu)}
.fx.s3 .au-r:not(.hot){opacity:.55}
.au-plan{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;background:var(--noir);color:#fff;opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.au-plan b{flex:1 0 100%;font-family:var(--display);font-weight:400;font-size:18px;letter-spacing:.02em;color:var(--jaune)}
.au-plan span{padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.12);font-size:12.5px;font-weight:500}
.fx.s4 .au-plan{opacity:1;transform:none}

/* ----- 02 Former ----- */
.fo-list{display:grid;gap:10px}
.fo{position:relative;display:grid;gap:10px;padding:14px;background:#fff;border:1.5px solid var(--noir);border-radius:16px;opacity:.62;transition:opacity .45s,transform .45s var(--ease),box-shadow .45s,background .45s}
.fo-t b{display:block;font-size:15px;font-weight:600;line-height:1.3}
.fo-t small{display:block;font-size:12.5px;color:var(--gris);line-height:1.45;margin-top:2px}
.fo-tag{position:absolute;right:12px;top:12px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:99px;border:1.5px solid var(--noir);background:var(--creme)}
.fo-ppl{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:34px;padding-right:96px}
.fo-ppl img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--noir);margin-right:6px}
.fo-ppl i{display:block;width:22px;height:22px;border-radius:50%;background:#D9D5C6;border:1.5px solid var(--noir);transition:background .4s,transform .4s var(--ease)}
.fo-ppl.grp{gap:8px}
.fo-ppl.grp span{display:inline-flex;align-items:center;gap:4px;padding:5px 8px 5px 6px;border-radius:12px;border:1.5px dashed var(--noir);background:var(--creme)}
.fo-ppl.grp u{text-decoration:none;font-size:11px;font-weight:600;margin-right:3px}
.fo-ppl.grp i{width:16px;height:16px}
.fo-ppl.duo b{font-size:16px;margin:0 2px 0 -4px}
.fx[data-step="1"] .f1,.fx[data-step="2"] .f2,.fx[data-step="3"] .f3{opacity:1;transform:translateX(-4px);background:#F1F4FE;box-shadow:5px 5px 0 var(--bleu)}
.fx[data-step="1"] .f1 .fo-tag,.fx[data-step="2"] .f2 .fo-tag,.fx[data-step="3"] .f3 .fo-tag{background:var(--jaune)}
.fx[data-step="1"] .f1 i,.fx[data-step="2"] .f2 i,.fx[data-step="3"] .f3 i{background:var(--bleu);animation:fxPop .5s var(--ease) backwards}
.fo-ppl i:nth-of-type(2){animation-delay:.06s!important}.fo-ppl i:nth-of-type(3){animation-delay:.12s!important}.fo-ppl i:nth-of-type(4){animation-delay:.18s!important}.fo-ppl i:nth-of-type(5){animation-delay:.24s!important}.fo-ppl i:nth-of-type(6){animation-delay:.3s!important}.fo-ppl i:nth-of-type(7){animation-delay:.36s!important}.fo-ppl i:nth-of-type(8){animation-delay:.42s!important}
.fx[data-step="2"] .f2 span:nth-child(2) i{background:var(--noir)}.fx[data-step="2"] .f2 span:nth-child(3) i{background:#E0A800}
@keyframes fxPop{from{transform:scale(.3);opacity:0}60%{transform:scale(1.25)}to{transform:scale(1);opacity:1}}

/* ----- 03 Construire ----- */
.co-in{display:flex;flex-wrap:wrap;gap:6px}
.co-in span{padding:6px 11px;border-radius:99px;background:#fff;border:1.5px solid var(--noir);font-size:12.5px;font-weight:600;transition:background .4s,box-shadow .4s}
.co-pipe{height:16px;display:grid;justify-items:center}
.co-pipe i{display:block;width:2px;height:100%;background:repeating-linear-gradient(var(--noir) 0 4px,transparent 4px 8px);animation:fxFlow 1s linear infinite}
@keyframes fxFlow{to{background-position:0 8px}}
.co-list{display:grid;gap:9px}
.co{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#fff;border:1.5px solid var(--noir);border-radius:16px;opacity:.38;transition:opacity .45s,transform .45s var(--ease),box-shadow .45s,background .45s}
.co-ico{flex:0 0 40px;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1.5px solid var(--noir);background:var(--creme);font-size:19px;line-height:1}
.co b{display:block;font-size:15px;font-weight:600;margin-bottom:7px}
.co-chips{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px}
.co-chips i{font-style:normal;font-size:11.5px;font-weight:600;padding:4px 9px;border-radius:99px;border:1.5px solid var(--noir);background:var(--creme);opacity:0;transform:translateY(6px) scale(.9);transition:opacity .35s,transform .35s var(--ease),background .35s}
.fx.s1 .c1,.fx.s2 .c2,.fx.s3 .c3{opacity:1}
.fx.s1 .c1 .co-chips i,.fx.s2 .c2 .co-chips i,.fx.s3 .c3 .co-chips i{opacity:1;transform:none}
.co-chips i:nth-child(2){transition-delay:.1s}.co-chips i:nth-child(3){transition-delay:.2s}.co-chips i:nth-child(4){transition-delay:.3s}
.fx[data-step="1"] .c1,.fx[data-step="2"] .c2,.fx[data-step="3"] .c3{background:#F1F4FE;transform:translateX(4px);box-shadow:5px 5px 0 var(--bleu)}
.fx[data-step="1"] .c1 .co-ico,.fx[data-step="2"] .c2 .co-ico,.fx[data-step="3"] .c3 .co-ico{background:var(--jaune)}
.fx[data-step="1"] .c1 .co-chips i,.fx[data-step="2"] .c2 .co-chips i,.fx[data-step="3"] .c3 .co-chips i{background:#fff}
.co-badge{justify-self:start;padding:8px 14px;border-radius:99px;background:var(--noir);color:var(--jaune);font-size:12.5px;font-weight:600;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s var(--ease)}
.fx.s4 .co-badge{opacity:1;transform:none}
.fx.s4 .co-in span{background:var(--jaune);box-shadow:2px 2px 0 var(--noir)}
.fx.s4 .co{box-shadow:4px 4px 0 var(--noir)}

@media (max-width:980px){.fx{grid-template-columns:1fr;gap:22px}.fx-rev .fx-txt{order:0}.fx-lead{max-width:none}}
@media (max-width:520px){.fx{padding:18px 14px 16px;border-radius:22px;box-shadow:5px 5px 0 var(--noir)}.fx-vis{padding:14px 12px;border-radius:18px}.au-r{grid-template-columns:minmax(0,1fr) 44px 26px;gap:8px}.au-r em{grid-column:1/-1;justify-self:start}.fo-ppl{padding-right:0;margin-top:22px}.fx-steps li{padding:10px 11px}.fx-steps li.on{transform:none}.fx-txt header .et-solo{font-size:10.5px}}
html.no-motion .fx *{transition:none!important;animation:none!important}

/* =========================================================
   V39 : accueil, bloc « Pour qui ? » (Entreprises, puis
   Indépendants et dirigeants solo)
   ========================================================= */
.ent-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.ent{display:flex;flex-direction:column;background:#fff;border:2px solid var(--noir);border-radius:24px;overflow:hidden;box-shadow:8px 8px 0 var(--noir);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.ent:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--bleu)}
.ent-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-bottom:2px solid var(--noir);background:var(--bleu-soft)}
.ent-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease)}
.ent:hover .ent-media img{transform:scale(1.05)}
.ent-badge{position:absolute;left:14px;top:14px;padding:6px 13px;border-radius:999px;background:#fff;border:2px solid var(--noir);font-size:12.5px;font-weight:600;box-shadow:3px 3px 0 var(--noir)}
.ent-pro .ent-badge{background:var(--jaune)}
.ent-body{display:flex;flex-direction:column;gap:12px;padding:22px 24px 24px;flex:1 1 auto}
.ent-title{font-family:var(--display);font-weight:400;font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:.01em}
.ent-txt{font-size:15.5px;line-height:1.6;color:#3D3C38}
.ent-pts{display:flex;flex-wrap:wrap;gap:7px}
.ent-pts i{font-style:normal;font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:999px;border:1.5px solid var(--noir);background:var(--creme)}
.ent-go{margin-top:auto;padding-top:6px;font-style:normal;display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--bleu)}
.ent-go .arr{font-style:normal;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--bleu);color:#fff;font-size:14px;transition:transform .3s var(--ease)}
.ent:hover .ent-go .arr{transform:translate(3px,-3px)}
.ent-pro{box-shadow:8px 8px 0 var(--bleu)}
@media (max-width:860px){.ent-grid{grid-template-columns:1fr;gap:22px}.ent{box-shadow:5px 5px 0 var(--noir)}.ent-pro{box-shadow:5px 5px 0 var(--bleu)}.ent-body{padding:18px 18px 20px}}
/* V40 : accueil, la méthode et « Pour qui ? » partagent le même fond, on resserre l'espace entre les deux */
#methode + #pour-qui{padding-top:clamp(10px,2vw,30px)}

/* =========================================================
   V41 : accueil, alternance des fonds.
   « Pour qui ? » quadrillé → méthode en dégradé avec halo bleu
   (comme les offres) → approche sombre → exemples quadrillés → bio unie
   ========================================================= */
#methode{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--creme),#F3EEFF 55%,var(--creme))}
#methode::before{content:"";position:absolute;left:-14%;top:-8%;width:52vw;height:52vw;border-radius:50%;background:radial-gradient(circle,rgba(64,98,230,.20),transparent 65%);pointer-events:none;filter:blur(20px)}
#methode::after{content:"";position:absolute;right:-16%;bottom:-6%;width:44vw;height:44vw;border-radius:50%;background:radial-gradient(circle,rgba(64,98,230,.13),transparent 65%);pointer-events:none;filter:blur(20px)}
#methode>.wrap{position:relative;z-index:1}
#systeme{background-color:var(--creme);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px}
/* V42 : photo de la bio recadrée */
.bio-visual img[src*="theophile-bio"]{object-position:50% 50%}
/* V43 : Indépendants, carte « 5 à 8h » avec les visages des clients */
.float-card.fc-gain{max-width:min(330px,96%)}
.float-card.fc-gain b{font-size:36px;white-space:nowrap}
.fc-gain .fc-av img{width:28px!important;height:28px!important}

/* =========================================================
   V44 : shorts en motion design (vidéos verticales 9:16)
   ========================================================= */
.short{margin:0;display:flex;flex-direction:column;gap:12px}
.short-player{position:relative;aspect-ratio:9/16;border:2px solid var(--noir);border-radius:22px;overflow:hidden;background:var(--creme);box-shadow:6px 6px 0 var(--noir);cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.short-player:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--bleu)}
.short-player video{width:100%;height:100%;object-fit:cover;display:block}
.short-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:66px;height:66px;border-radius:50%;border:2px solid var(--noir);background:var(--bleu);color:#fff;font-size:22px;cursor:pointer;box-shadow:4px 4px 0 var(--noir);transition:transform .25s var(--ease),opacity .25s}
.short-play i{font-style:normal;margin-left:3px}
.short-player:hover .short-play{transform:translate(-50%,-50%) scale(1.08)}
.short.playing .short-play{opacity:0;pointer-events:none}
.short.playing .short-player{box-shadow:8px 8px 0 var(--bleu)}
.short figcaption{display:flex;align-items:center;gap:10px;padding:0 4px}
.short figcaption img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--noir);flex:0 0 auto}
.short figcaption b{display:block;font-size:14.5px;font-weight:600;line-height:1.25}
.short figcaption small{display:block;font-size:12.5px;color:var(--gris);line-height:1.35}
.shorts-3{display:grid;grid-template-columns:repeat(3,minmax(0,300px));justify-content:center;gap:clamp(18px,3vw,40px)}
.shorts-cta{display:flex;justify-content:center;margin-top:36px}
.shorts-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:54px}
.shorts-head h3{font-family:var(--display);font-weight:400;font-size:clamp(28px,3.2vw,42px);line-height:1.05;margin:4px 0 8px}
.shorts-head p:not(.casecard-tag){font-size:15px;color:#3D3C38;max-width:52ch}
.shorts-strip{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:26px max(24px,calc((100vw - var(--wrap)) / 2)) 26px;scroll-padding-left:max(24px,calc((100vw - var(--wrap)) / 2))}
.shorts-strip::-webkit-scrollbar{display:none}
.shorts-strip .short{flex:0 0 260px;scroll-snap-align:start}
.shorts-strip.reveal{opacity:1;transform:none}
@media (max-width:860px){.shorts-3{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(72vw,280px);justify-content:start;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -24px;padding:8px 24px 18px;scroll-padding-left:24px}.shorts-3::-webkit-scrollbar{display:none}.shorts-3 .short{scroll-snap-align:start}.shorts-strip .short{flex-basis:min(68vw,250px)}.shorts-head{flex-direction:column;align-items:flex-start}.shorts-head .carousel-ctl{display:none}.short-player{box-shadow:4px 4px 0 var(--noir)}}
/* V45 : shorts de la page Retours dans leur propre section, sur le fond dégradé avec halo bleu */
.shorts-sec{overflow:hidden}
.shorts-sec .shorts-head{margin-top:0;align-items:flex-end}
.shorts-sec .shorts-head h2{margin-bottom:12px}
.shorts-sec .shorts-strip{padding-bottom:10px}
/* V46 : Entreprises, moins d'espace au-dessus de « Ma vision » ; accueil, pastilles des cartes « Pour qui ? » sur une ligne */
#partenaire{padding-top:clamp(0px,1vw,16px)}
@media (min-width:1100px){.ent-pts{flex-wrap:nowrap}.ent-pts i{white-space:nowrap}}

/* =========================================================
   V47 : retours mobile du 02/10/2026
   ========================================================= */
/* plus de défilement horizontal : rien ne dépasse de l'écran (les halos décoratifs débordaient à droite) */
html,body{overflow-x:hidden;max-width:100%}
@supports (overflow:clip){html,body{overflow-x:clip}section,footer{overflow-x:clip}}
.glow{overflow:hidden}

/* intro : logo image (Microsoft 365) au même format que les autres */
.intro-portrait .intro-logos img.lg{position:static;width:20px!important;height:20px!important;max-width:none;display:block;border-radius:0!important;border:0!important;box-shadow:none!important;object-fit:contain;transform:none!important;animation:none!important;filter:none;opacity:1!important}

/* Entreprises : titre sur deux lignes, puis la ligne en italique */
.page-hero h1.h1-ent{white-space:nowrap;text-wrap:initial;font-size:clamp(26px,calc((100vw - 48px) / 11.2),54px)}
.page-hero h1.h1-ent em{font-size:.88em}
@media (min-width:901px){.page-hero h1.h1-ent{font-size:clamp(34px,calc((100vw - 110px) * .55 / 11.2),54px)}}

/* gros blocs vidéo : vignette fiable sur mobile, la vidéo s'ouvre en grand */
.vbig-thumb{display:none}
@media (max-width:960px){
  .vbig .casecard-media{aspect-ratio:auto;min-height:0;background:none}
  .vbig .casecard-media>video,.vbig .casecard-media>.play{display:none}
  .vbig-thumb{display:block;position:relative;width:100%;aspect-ratio:16/9;border:0;padding:0;margin:0;background:#111;cursor:pointer;overflow:hidden}
  .vbig-thumb img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
  .vbig-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55))}
  .vbig-thumb i{position:absolute;z-index:1;left:14px;bottom:14px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--bleu);color:#fff;font-style:normal;font-size:18px;border:2px solid #fff;box-shadow:0 6px 18px rgba(0,0,0,.35)}
  .vbig-thumb span{position:absolute;z-index:1;left:78px;right:14px;bottom:30px;text-align:left;color:#fff;font-size:13.5px;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.7)}
}

/* flèches de défilement sur mobile : shorts et recommandations */
.shorts-ctl,.trows-ctl{display:none;justify-content:center;margin-top:10px}
@media (max-width:860px){.shorts-ctl{display:flex}.shorts-head .carousel-ctl{display:flex;align-self:flex-end;margin-top:-6px}}
@media (max-width:900px),(hover:none){.trows-ctl{display:flex;margin-top:4px}}
.carousel-ctl button{cursor:pointer;-webkit-tap-highlight-color:transparent}

/* Retours : moins d'espace entre les recommandations et le bloc « En vidéo » */
#recos{padding-bottom:clamp(14px,2.2vw,32px)}
#shorts{padding-top:clamp(36px,5vw,64px)}
/* V48 : Entreprises, les avis et la FAQ se suivent de plus près */
.avis-ent{padding-bottom:clamp(16px,2.4vw,34px)}
.avis-ent + #faq{padding-top:clamp(40px,5vw,70px)}

/* =========================================================
   V49 : bloc TEST « Études de cas » (fiches empilées), accueil
   ========================================================= */
.cas-test{background:#E3E9FB;overflow:hidden}
.cas-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.cs-stack{position:relative;width:min(100%,520px);aspect-ratio:1/1.02;justify-self:center}
.cs{position:absolute;left:0;top:0;width:60%;aspect-ratio:3/4.15;display:flex;flex-direction:column;gap:8px;padding:8% 7% 0;background:var(--creme);border:2px solid var(--noir);border-radius:14px;box-shadow:6px 6px 0 var(--noir);overflow:hidden;cursor:pointer;transition:transform .65s var(--ease),left .65s var(--ease),top .65s var(--ease),box-shadow .4s,filter .4s}
.cs.p0{left:0;top:0;z-index:1;filter:brightness(.97)}
.cs.p1{left:20%;top:9%;z-index:2;filter:brightness(.985)}
.cs.p2{left:40%;top:18%;z-index:3;box-shadow:8px 8px 0 var(--bleu)}
.cs:not(.p2):hover{transform:translateY(-10px) rotate(-1.5deg)}
.cs.p2:hover{transform:translate(-3px,-3px)}
.cs::after{content:"";position:absolute;left:-30%;bottom:-26%;width:92%;aspect-ratio:1;border-radius:50%;background:var(--bleu);z-index:0}
.cs>*{position:relative;z-index:1}
.cs-label{font-family:var(--display);font-size:clamp(15px,1.6vw,20px);line-height:1}
.cs-label em{font-family:Georgia,serif;font-style:italic;font-weight:700;color:var(--bleu)}
.cs-logo{display:flex;align-items:center;height:clamp(28px,3.4vw,44px);margin-top:5%}
.cs-logo img{max-height:100%;max-width:78%;width:auto;object-fit:contain;mix-blend-mode:multiply}
.cs-qui{font-size:clamp(9px,.82vw,11px);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--gris);line-height:1.35}
.cs-txt{font-size:clamp(10.5px,.98vw,12.5px);line-height:1.48;color:#3D3C38}
.cs-stat{position:absolute!important;left:7%;bottom:15%;display:flex;flex-direction:column;color:#fff}
.cs-stat b{font-family:var(--display);font-weight:400;font-size:clamp(26px,3vw,40px);line-height:1}
.cs-stat span{font-size:clamp(10px,.9vw,12px);font-weight:600;max-width:11em;line-height:1.25;margin-top:3px}
.cs-foot{position:absolute!important;right:6%;bottom:5%;display:flex}
.cs-foot i{display:none}
.cs-foot u{text-decoration:none;font-size:clamp(9px,.8vw,11px);font-weight:600;padding:5px 10px;border-radius:6px;background:var(--noir);color:#fff;white-space:nowrap}
.cas-copy .display{margin-bottom:14px}
.cas-copy .lead{margin-bottom:20px}
.cs-rows{display:grid;gap:8px;margin-bottom:26px;max-width:460px}
.cs-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:12px 16px;background:rgba(255,255,255,.6);border:1.5px solid transparent;border-radius:14px;font:inherit;text-align:left;cursor:pointer;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s var(--ease)}
.cs-row b{font-size:15px;font-weight:600}
.cs-row span{font-size:13px;color:var(--gris);text-align:right}
.cs-row.on{background:#fff;border-color:var(--noir);box-shadow:3px 3px 0 var(--bleu);transform:translateX(4px)}
.cs-row.on span{color:var(--bleu);font-weight:600}
@media (max-width:900px){.cas-grid{grid-template-columns:1fr;gap:34px}.cs-stack{width:min(100%,400px)}.cas-copy{order:-1}.cs-rows{max-width:none}.cs-row.on{transform:none}}
html.no-motion .cs{transition:none}
/* V50 : Newsletter, moins d'espace entre le bloc de présentation et la liste des articles */
section#newsletter:has(+ #articles){padding-bottom:clamp(14px,2.2vw,32px)}
#newsletter + #articles{padding-top:clamp(44px,5vw,72px)}

/* =========================================================
   V51 : mobile. Exemples en liste déroulante, fiches d'études
   de cas agrandies (le texte ne passe plus sur le rond bleu)
   ========================================================= */
.sys9-tog,.sys9-hint{display:none}
@media (max-width:700px){
  .sys9-hint{display:block;font-size:13px;color:var(--gris);margin:-6px 0 14px}
  .sys9-grid{grid-template-columns:1fr;gap:12px}
  .sys9{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:0;padding:14px 16px;cursor:pointer;box-shadow:4px 4px 0 var(--noir);-webkit-tap-highlight-color:transparent}
  .sys9:hover{transform:none;box-shadow:4px 4px 0 var(--noir)}
  .sys9-head{display:contents}
  .sys9-n{grid-column:1;grid-row:1;font-size:21px;color:var(--bleu);line-height:1}
  .sys9-ico{grid-column:2;grid-row:1;width:40px;height:40px;border-radius:12px;font-size:19px;box-shadow:2px 2px 0 var(--noir)}
  .sys9:hover .sys9-ico{transform:none}
  .sys9 h3{grid-column:3;grid-row:1;font-size:15.5px;line-height:1.28}
  .sys9-tog{grid-column:4;grid-row:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--noir);background:#fff;transition:transform .3s var(--ease),background .25s,border-color .25s,color .25s}
  .sys9-tog::before{content:"+";font-size:19px;font-weight:500;line-height:1;margin-top:-1px}
  .sys9-pipe,.sys9 p,.sys9-res{grid-column:1/-1;display:none}
  .sys9:not(.open)::after{display:none}
  .sys9.open{box-shadow:5px 5px 0 var(--bleu)}
  .sys9.open:hover{box-shadow:5px 5px 0 var(--bleu)}
  .sys9.open .sys9-tog{transform:rotate(45deg);background:var(--bleu);border-color:var(--bleu);color:#fff}
  .sys9.open .sys9-pipe{display:flex;margin-top:14px}
  .sys9.open p{display:block;margin-top:12px}
  .sys9.open .sys9-res{display:flex;margin:14px -16px -14px;padding:12px 16px}
}
@media (max-width:900px){
  .cs-stack{width:min(100%,400px);aspect-ratio:1/1.3}
  .cs{width:72%;aspect-ratio:3/4.5;padding:7% 6% 0;gap:7px}
  .cs.p0{left:0;top:0}.cs.p1{left:14%;top:8%}.cs.p2{left:28%;top:16%}
  .cs::after{width:104%;left:-32%;bottom:-31%}
  .cs-logo{height:30px;margin-top:4%}
  .cs-qui{font-size:9px}
  .cs-txt{font-size:11px;line-height:1.42;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .cs-stat{bottom:13%}
  .cs-stat b{font-size:28px}
  .cs-stat span{font-size:10.5px;max-width:9.5em}
  .cs-foot u{font-size:9.5px;padding:5px 8px}
}

/* =========================================================
   V52 : accueil, les trois vidéos défilent en glissant sur
   mobile et tablette (plus d'empilement)
   ========================================================= */
.vs-ctl{display:none}
@media (max-width:900px){
  .vsimple-grid{display:flex;grid-template-columns:none;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -24px 4px;padding:8px 24px 16px;scroll-padding-left:24px}
  .vsimple-grid::-webkit-scrollbar{display:none}
  .vsimple-grid::after{content:"";flex:0 0 8px}
  .vsimple-grid .vsimple{flex:0 0 min(82vw,360px);scroll-snap-align:start;box-shadow:4px 4px 0 var(--noir)}
  .vsimple-grid .vsimple:hover{transform:none;box-shadow:4px 4px 0 var(--noir)}
  .vs-ctl{display:flex;justify-content:center;margin:0 0 22px}
}
/* V53 : logo Norauto (fond sombre) dans les fiches d'études de cas */
.cs-logo img[alt="CSE Norauto"]{mix-blend-mode:normal;border-radius:4px;max-height:78%}
/* V54 : intro de l'accueil sur ordinateur, plus d'air entre le portrait et le titre
   (la pastille « Formation » touchait le mot « entreprise ») */
@media (min-width:901px){
  .intro-content{width:min(1240px,calc(100% - 96px));gap:clamp(72px,8vw,140px)}
  .intro-portrait-img{justify-self:center;width:min(30vw,420px)}
  .intro-portrait-img .intro-badge-2{right:-12%}
}

/* =========================================================
   V56 : accueil. Espace réduit entre « Pour qui ? » et la
   méthode ; logo Claude Code ; TEST bio en collage de 3 photos
   ========================================================= */
#pour-qui{padding-bottom:clamp(28px,3.4vw,52px)}
#pour-qui + #methode{padding-top:clamp(36px,4.4vw,70px)}
.marquee-track .lg-img[src*="claude-code.svg"]{border-radius:5px;object-fit:contain}

.bio-visual-3{aspect-ratio:1/1.05;width:100%;margin-bottom:40px}
.bio-visual-3::before{left:-4%;top:-3%;width:30%}
.bio-visual-3 .bio-ring{width:56%;inset:auto -4% -2% auto}
.bio-collage{position:absolute;inset:0;z-index:1}
.bio-visual .bio-collage img{position:absolute;aspect-ratio:auto;object-fit:cover;border:3px solid var(--noir);border-radius:22px;background:#fff;box-shadow:6px 6px 0 var(--noir);opacity:0;transform:translateY(18px) scale(.97);transition:opacity .8s var(--ease),transform .8s var(--ease),box-shadow .3s}
.bio-collage .bc-a{left:26%;top:0;width:74%;height:48.5%;object-position:50% 45%;z-index:1}
.bio-collage .bc-b{left:0;top:27.5%;width:43%;height:56%;object-position:50% 40%;z-index:3;box-shadow:8px 8px 0 var(--bleu)!important}
.bio-collage .bc-c{left:36%;top:60%;width:62%;height:40%;object-position:50% 30%;z-index:2}
.bio-visual-3.in .bio-collage img{opacity:1;transform:none}
.bio-visual-3.in .bio-collage .bc-b{transition-delay:.12s}
.bio-visual-3.in .bio-collage .bc-c{transition-delay:.24s}
.bio-visual-3 .bio-card{z-index:4;left:-10px;bottom:-30px}
@media (max-width:900px){.bio-visual-3{max-width:520px;margin:0 auto 48px;justify-self:center}.bio-visual .bio-collage img{border-radius:16px;box-shadow:4px 4px 0 var(--noir)}.bio-collage .bc-b{box-shadow:5px 5px 0 var(--bleu)!important}.bio-visual-3 .bio-card{left:0;bottom:-34px}}
html.no-motion .bio-visual .bio-collage img{transition:none;opacity:1;transform:none}
/* V57 : logo Microsoft (image) dans les pastilles */
.fact img.lg-ms{width:15px;height:15px;vertical-align:-2px;display:inline-block}
/* V58 : bloc « Pour qui ? » sur mobile, la pastille passe en bas de la photo pour ne plus couper le visage */
@media (max-width:860px){
  .ent-badge{top:auto;bottom:12px;left:12px;font-size:12px;padding:5px 11px}
  .ent-solo .ent-media img{object-position:50% 0%!important}
}

/* V59 : page Confidentialité, bouton « Ne pas compter mes visites » (mesure d'audience Umami) */
.stats-choix{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:12px 0 16px}
.stats-optout{font:600 14px/1.2 var(--body);background:#fff;color:var(--noir);border:2px solid var(--noir);border-radius:999px;padding:9px 16px;box-shadow:3px 3px 0 var(--noir);cursor:pointer;transition:transform .15s,box-shadow .15s}
.stats-optout:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--noir)}
.stats-optout[aria-pressed="true"]{background:var(--jaune)}
.stats-optout-etat{font-size:14px;color:#3D3C38}
.stats-optout-etat[hidden]{display:none}