:root{--sig:oklch(71.9% .172 49.6);--sig-soft:oklch(95.5% .04 60);--sig-ink:oklch(42% .12 50);
 --spring:cubic-bezier(.34,1.56,.64,1);--out:cubic-bezier(.16,1,.3,1)}
body{overflow-x:hidden}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.progress{position:fixed;left:0;top:0;height:2px;width:100%;transform-origin:left;transform:scaleX(0);background:var(--ink);z-index:70}
.tag-ex{position:absolute;font-size:11px;color:var(--muted);letter-spacing:.02em;z-index:4}

/* ---------- révélations ---------- */
[data-r]{opacity:0;transform:translateY(24px);filter:blur(8px);transition:opacity .8s var(--out),transform 1s var(--out),filter .8s var(--out);transition-delay:calc(var(--i,0) * 80ms)}
[data-r].in{opacity:1;transform:none;filter:none}
.wl{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.wl > span{display:inline-block;transform:translateY(112%);transition:transform 1.05s var(--out);transition-delay:calc(var(--i) * 55ms + 100ms)}
.split.in .wl > span{transform:none}

/* ---------- nav ---------- */
.nav-in{transition:height .45s var(--out),box-shadow .45s}
.scrolled .nav-in{height:50px;box-shadow:var(--lift)}
.nav{animation:navin .9s var(--out) both}
@keyframes navin{from{opacity:0;transform:translateY(-16px)}}
.btn{transition:transform .35s var(--spring),box-shadow .3s}
.btn:active{transform:scale(.95)}
.btn:focus-visible,.lnk:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

/* ---------- formulaire « site web » ---------- */
.start-wrap{display:flex;flex-direction:column;gap:10px;align-items:inherit}
.start{position:relative;width:min(580px,100%);border-radius:30px;background:var(--paper);box-shadow:var(--lift),0 0 0 1px oklch(90% .01 80);overflow:hidden;transition:box-shadow .3s}
.start:focus-within{box-shadow:var(--lift),0 0 0 2px var(--ink)}
.start.shake{animation:shake .45s}
@keyframes shake{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
.st-a{display:flex;align-items:center;gap:4px;height:66px;padding:0 9px 0 24px}
.pre{color:var(--muted);font-size:16px;flex:none}
.start input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:17px;color:var(--ink);height:100%}
.start input::placeholder{color:oklch(70% .01 75)}
.go{flex:none;height:48px;padding:0 20px;justify-content:center;overflow:hidden;position:relative}
.go .spin,.go .ok{display:none}
.go.busy{padding:0;width:48px}
.go.busy .go-l{display:none}
.go.busy .spin{display:block;width:18px;height:18px;border-radius:50%;border:2px solid oklch(100% 0 0 / .25);border-top-color:#fff;animation:spin .7s linear infinite}
.go.done .spin{display:none}
.go.done .ok{display:block}
.go .ok path{stroke-dasharray:30;stroke-dashoffset:30;animation:draw .4s var(--out) forwards}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes draw{to{stroke-dashoffset:0}}
.st-b{padding:20px 22px 22px;display:grid;gap:12px}
.st-a[hidden],.st-b[hidden]{display:none}
.st-b > *{animation:stin .6s var(--out) both;animation-delay:calc(var(--i,0) * 70ms + 120ms)}
@keyframes stin{from{opacity:0;transform:translateY(10px);filter:blur(4px)}}
.su-h{display:flex;align-items:center;gap:12px}
.fav{width:38px;height:38px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:600;text-transform:uppercase}
.su-h b{display:block;font-size:16px}.su-h small{color:var(--muted);font-size:13px}
.lnk{border:0;background:none;font:inherit;font-size:13px;color:var(--muted);text-decoration:underline;cursor:pointer;margin-left:auto}
.google{width:100%;justify-content:center;height:46px}
.or{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--faint)}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.row2{display:flex;gap:8px}
.row2 input{flex:1;min-width:0;height:46px;border-radius:999px;border:0;padding:0 18px;background:var(--sunk);font:inherit;font-size:15px;outline:0}
.row2 input:focus{box-shadow:0 0 0 2px var(--ink)}
.micro{font-size:13px;color:var(--muted);margin:0}
.micro a{color:var(--muted);text-decoration:underline}
.st-err{min-height:18px;margin:0;font-size:13px;color:oklch(50% .15 30)}
.su-ok{display:flex;align-items:center;gap:12px;font-size:15px}
.su-ok svg path{stroke-dasharray:40;stroke-dashoffset:40;animation:draw .6s var(--out) .1s forwards}

/* ---------- radar commun ---------- */
.radar-box{position:relative}
.radar-box canvas{display:block;width:100%;height:100%}
.ov{position:absolute;inset:0;pointer-events:none}
.blip{position:absolute;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--paper);box-shadow:var(--lift);white-space:nowrap;transform:translate(-50%,calc(-100% - 16px)) scale(.6);opacity:0;animation:blipin .6s var(--spring) forwards,blipout .5s ease-in 2.6s forwards;font-size:12.5px}
.blip::after{content:"";position:absolute;left:50%;bottom:-14px;width:1px;height:12px;background:var(--ink);opacity:.35}
.blip .av{width:26px;height:26px;font-size:9.5px;box-shadow:none;background:var(--sunk)}
.blip b{font-size:12.5px}.blip em{font-style:normal;color:var(--sig-ink);background:var(--sig-soft);padding:2px 8px;border-radius:999px;font-size:11.5px}
@keyframes blipin{to{opacity:1;transform:translate(-50%,calc(-100% - 16px)) scale(1)}}
@keyframes blipout{to{opacity:0;transform:translate(-50%,calc(-100% - 26px)) scale(.92)}}
.center-lbl{position:absolute;transform:translate(-50%,0);font-size:12px;color:var(--muted);white-space:nowrap;padding:5px 12px;border-radius:999px;background:var(--paper);box-shadow:var(--lift-sm);transition:transform .5s var(--spring)}
.center-lbl b{color:var(--ink)}
.center-lbl.bump{animation:bump .6s var(--spring)}
@keyframes bump{40%{transform:translate(-50%,0) scale(1.12)}}

/* ---------- G · Horizon ---------- */
.g-hero{text-align:center;padding:56px 0 0;display:flex;flex-direction:column;align-items:center}
.g-hero h1{font-size:62px;max-width:980px}
.g-hero .lead{margin:18px auto 26px;text-align:center;max-width:640px}
.g-hero .start-wrap{align-items:center}
.dome{width:min(1180px,100%);height:380px;margin-top:6px;-webkit-mask-image:linear-gradient(transparent,#000 14%);mask-image:linear-gradient(transparent,#000 14%)}
.dome .tag-ex{right:8px;bottom:8px}
.dome .center-lbl{left:50%;bottom:16px}

/* ---------- H · Console ---------- */
.h-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:center;padding:76px 0 40px;min-height:640px}
.h-hero h1{font-size:62px}
.h-hero .lead{margin:20px 0 28px}
.h-hero .start-wrap{align-items:flex-start}
.h-stage{position:relative;height:560px;perspective:1300px}
.h-plane{position:absolute;left:42%;top:48%;width:520px;height:520px;margin:-260px 0 0 -260px;transform-style:preserve-3d;border-radius:50%;box-shadow:0 40px 80px -30px oklch(30% .02 70 / .45)}
.h-plane canvas{border-radius:50%;width:100%;height:100%}
.mk{position:absolute;width:2px;height:2px}
.h-ov{position:absolute;inset:0;pointer-events:none;overflow:visible}
.pin{position:absolute;width:0;height:0}
.pin .stem{position:absolute;left:-1px;bottom:0;width:2px;height:0;background:linear-gradient(var(--sig),oklch(71.9% .172 49.6 / .1));border-radius:2px;animation:stem .7s var(--out) forwards}
.pin .pfoot{position:absolute;left:-9px;top:-4px;width:18px;height:8px;border-radius:50%;background:oklch(71.9% .172 49.6 / .35);animation:foot 1.6s var(--out) forwards}
.pin .head{position:absolute;left:0;bottom:70px;transform:translateX(-50%) scale(.5);opacity:0;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--paper);box-shadow:var(--lift);white-space:nowrap;font-size:12.5px;animation:headin .6s var(--spring) .35s forwards}
.pin .head .av{width:26px;height:26px;font-size:9.5px;box-shadow:none;background:var(--sunk)}
.pin .head em{font-style:normal;color:var(--sig-ink);background:var(--sig-soft);padding:2px 8px;border-radius:999px;font-size:11.5px}
.pin.out{transition:opacity .5s;opacity:0}
@keyframes stem{to{height:66px}}
@keyframes foot{from{transform:scale(.2);opacity:1}to{transform:scale(2.4);opacity:0}}
@keyframes headin{to{opacity:1;transform:translateX(-50%) scale(1)}}
.h-list{position:absolute;right:-8px;bottom:-4px;width:240px;display:flex;flex-direction:column;gap:8px}
.h-list .tag-ex{position:static;margin-left:4px}
.hl{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;background:var(--peb);box-shadow:var(--lift);animation:hlin .7s var(--spring) both;font-size:13px}
.hl .av{width:30px;height:30px;font-size:10px}
.hl small{display:block;color:var(--muted);font-size:11.5px}
.hl.out{position:absolute;opacity:0;transition:opacity .3s}
@keyframes hlin{from{opacity:0;transform:translateY(16px) scale(.94)}}
.h-stage .center-lbl{left:42%;top:calc(48% + 210px)}

/* ---------- J · Ambient ---------- */
.j-hero{position:relative;min-height:780px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 0 60px;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);margin-top:-80px;padding-top:120px;-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}
.j-bg{position:absolute;left:50%;top:50%;width:1500px;height:1500px;margin:-750px 0 0 -750px;opacity:.95;transition:transform 1.2s var(--out),opacity .6s}
.j-hero.focus .j-bg{transform:scale(.9)}
.j-veil{position:absolute;inset:0;background:radial-gradient(ellipse 48% 42% at 50% 50%,oklch(95.6% .008 80 / .94),oklch(95.6% .008 80 / .6) 60%,transparent 100%);pointer-events:none}
.j-in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:0 24px}
.j-in h1{font-size:72px;max-width:900px}
.j-in .lead{margin:22px auto 30px;text-align:center}
.j-in .start-wrap{align-items:center}
.j-dock{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:var(--paper);box-shadow:var(--lift-sm);font-size:13px;color:var(--muted);margin-bottom:22px}
.j-dock b{color:var(--ink);font-variant-numeric:tabular-nums;display:inline-block}
.j-dock b.bump{animation:bump2 .5s var(--spring)}
@keyframes bump2{40%{transform:scale(1.5);color:var(--sig-ink)}}
.j-dock i{width:8px;height:8px;border-radius:50%;background:var(--sig);box-shadow:0 0 0 4px var(--sig-soft)}
.flyer{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--paper);box-shadow:var(--lift);white-space:nowrap;font-size:12.5px;pointer-events:none}
.flyer .av{width:26px;height:26px;font-size:9.5px;box-shadow:none;background:var(--sunk)}
.flyer em{font-style:normal;color:var(--sig-ink);background:var(--sig-soft);padding:2px 8px;border-radius:999px;font-size:11.5px}
.j-hero .tag-ex{right:40px;bottom:20px}

/* ---------- bande de garanties ---------- */
.proof{padding:36px 0 20px}
.facts{display:flex;justify-content:center;gap:34px;flex-wrap:wrap}
.fact{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text)}
.fact svg{flex:none}
.fact svg path,.fact svg circle,.fact svg rect{stroke-dasharray:80;stroke-dashoffset:80;transition:stroke-dashoffset 1.2s var(--out);transition-delay:calc(var(--i,0) * 120ms + 200ms)}
.fact.in svg path,.fact.in svg circle,.fact.in svg rect{stroke-dashoffset:0}
.marquee{margin-top:30px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mq{display:flex;gap:10px;width:max-content;animation:mq 38s linear infinite}
.marquee:hover .mq{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.mq .chip{height:32px;font-size:13px;background:var(--paper);box-shadow:var(--lift-sm)}
.mq .chip i{width:6px;height:6px;border-radius:50%;background:var(--sig)}
.logos{margin-top:18px;text-align:center;font-size:12px;color:var(--muted)}

/* ---------- comment ça marche ---------- */
.how3{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.how3 svg.link{position:absolute;left:0;top:-22px;width:100%;height:24px;overflow:visible}
.how3 svg.link path{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-dasharray:1400;stroke-dashoffset:1400;transition:stroke-dashoffset 1.8s var(--out) .3s}
.how3.in svg.link path{stroke-dashoffset:0}
.hcard{padding:22px;display:flex;flex-direction:column;gap:16px;min-height:300px}
.hcard .vis{height:150px;border-radius:20px;background:var(--sunk);position:relative;overflow:hidden;display:grid;place-items:center}
.paused *{animation-play-state:paused !important}
.ping{width:14px;height:14px;border-radius:50%;background:var(--sig);position:relative}
.ping::before,.ping::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--sig);animation:pg 2.2s var(--out) infinite}
.ping::after{animation-delay:1.1s}
@keyframes pg{from{transform:scale(1);opacity:.7}to{transform:scale(7);opacity:0}}
.mini-dots i{position:absolute;width:5px;height:5px;border-radius:50%;background:oklch(60% .01 75 / .5)}
.meter{width:72%;display:flex;flex-direction:column;gap:10px}
.meter div{display:grid;grid-template-columns:24px 1fr 30px;align-items:center;gap:8px;font-size:11px;color:var(--muted)}
.meter span.b{height:9px;border-radius:6px;background:var(--wire2);overflow:hidden}
.meter span.b i{display:block;height:100%;border-radius:6px;background:var(--ink);transform-origin:left;animation:fill 3.6s var(--out) infinite}
.meter div:nth-child(1) span.b i{width:92%}.meter div:nth-child(2) span.b i{width:74%;animation-delay:.2s}.meter div:nth-child(3) span.b i{width:48%;animation-delay:.4s}
@keyframes fill{0%{transform:scaleX(0)}40%,85%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
.typing{width:80%;padding:12px 14px;border-radius:16px 16px 16px 6px;background:var(--paper);box-shadow:var(--lift-sm);font-size:12.5px;line-height:1.45;color:var(--text);min-height:76px;text-align:left}
.caret{display:inline-block;width:2px;height:1em;background:var(--ink);vertical-align:-2px;animation:caret .8s steps(1) infinite}
@keyframes caret{50%{opacity:0}}

/* ---------- produit en action ---------- */
.appwin{position:relative;margin-top:44px;border-radius:30px;background:var(--paper);box-shadow:var(--lift);padding:10px;overflow:hidden}
.aw-bar{display:flex;align-items:center;gap:6px;padding:6px 10px 10px}
.aw-bar i{width:10px;height:10px;border-radius:50%;background:var(--wire)}
.aw-bar span{margin-left:14px;font-size:12px;color:var(--muted);padding:4px 14px;border-radius:999px;background:var(--sunk)}
.aw-body{display:grid;grid-template-columns:56px 360px 1fr;gap:10px;height:440px}
.aw-rail{border-radius:20px;background:var(--sunk);display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 0}
.aw-rail i{width:30px;height:30px;border-radius:10px;background:var(--wire2)}
.aw-rail i.on{background:var(--paper);box-shadow:var(--lift-sm)}
.aw-list{position:relative;border-radius:20px;background:var(--sunk);padding:10px;overflow:hidden}
.aw-h{font-size:13px;color:var(--muted);padding:6px 8px 10px}
.aw-h b{color:var(--ink);display:inline-block}
.aw-gal{position:absolute;left:10px;right:10px;border-radius:16px;background:var(--peb);box-shadow:var(--lift-sm);transition:top .52s var(--out),height .52s var(--out),opacity .3s;z-index:0}
.aw-row{position:relative;z-index:1;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:16px;overflow:hidden;transition:height .5s var(--out),opacity .4s,padding .5s var(--out),transform .5s var(--out);height:58px}
.aw-row b{font-size:13.5px;display:block}.aw-row small{font-size:11.5px;color:var(--muted)}
.aw-row.gone{height:0;padding-top:0;padding-bottom:0;opacity:0;transform:translateX(30px)}
.aw-detail{border-radius:20px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);padding:22px;display:flex;flex-direction:column;gap:14px;position:relative}
.aw-who{display:flex;align-items:center;gap:12px}
.aw-who .av{width:44px;height:44px;font-size:13px}
.aw-who b{font-size:16px;display:block}.aw-who small{color:var(--muted);font-size:13px}
.why{display:flex;gap:8px;flex-wrap:wrap}
.why .chip.s{background:var(--sig-soft);color:var(--sig-ink)}
.aw-msg{flex:1;border-radius:18px;background:var(--sunk);padding:16px;font-size:14px;line-height:1.55;color:var(--text)}
.aw-act{display:flex;gap:8px;justify-content:flex-end}
.aw-act .approve.press{transform:scale(.93)}
.swap{animation:swapin .45s var(--out)}
@keyframes swapin{from{opacity:0;transform:translateY(8px);filter:blur(3px)}}
.cursor{position:absolute;left:0;top:0;width:22px;height:22px;z-index:6;transition:transform .8s var(--out);pointer-events:none;filter:drop-shadow(0 2px 3px oklch(20% .02 60 / .35))}
.aw-toast{position:absolute;left:50%;bottom:22px;transform:translate(-50%,30px);opacity:0;display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;background:var(--ink);color:#fff;font-size:13.5px;transition:transform .5s var(--spring),opacity .3s;z-index:5}
.aw-toast.on{transform:translate(-50%,0);opacity:1}
.appwin .tag-ex{right:22px;top:16px}

/* ---------- signaux ---------- */
.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:200px;gap:14px;margin-top:44px}
.b1{grid-column:span 4;grid-row:span 2}.b2{grid-column:span 2}.b3{grid-column:span 2}.b4{grid-column:span 3}.b5{grid-column:span 3}
.bento .card{padding:22px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;transform-style:preserve-3d;transition:transform .5s var(--out),box-shadow .4s}
.bento p.small{margin:6px 0 0}
.jobs{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.job{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--sunk);font-size:13.5px;animation:jobin 6s var(--out) infinite;animation-delay:calc(var(--i) * .35s)}
.job i{width:30px;height:30px;border-radius:10px;background:var(--paper);box-shadow:var(--lift-sm);flex:none}
.job small{margin-left:auto;color:var(--muted);font-size:12px}
@keyframes jobin{0%{opacity:0;transform:translateX(-24px)}12%,85%{opacity:1;transform:none}100%{opacity:0}}
.stamp{align-self:flex-start;font-size:28px;font-weight:600;letter-spacing:-.02em;animation:stamp 4.5s var(--spring) infinite;position:relative}
.stamp::after{content:"";position:absolute;inset:-10px -16px;border-radius:999px;border:2px solid var(--sig);animation:ring 4.5s var(--out) infinite;opacity:0}
@keyframes stamp{0%{transform:scale(1.7);opacity:0}12%,88%{transform:none;opacity:1}100%{opacity:0}}
@keyframes ring{10%{opacity:.8;transform:scale(.9)}35%{opacity:0;transform:scale(1.4)}}
.roles{position:relative;height:56px;font-size:20px;font-weight:600;letter-spacing:-.01em}
.roles span{position:absolute;left:0;top:0}
.roles .old{color:var(--muted);animation:oldr 5s var(--out) infinite}
.roles .old::after{content:"";position:absolute;left:0;right:0;top:55%;height:2px;background:var(--muted);transform:scaleX(0);transform-origin:left;animation:strike 5s var(--out) infinite}
.roles .new{top:28px;animation:newr 5s var(--out) infinite}
@keyframes strike{15%{transform:scaleX(0)}30%,90%{transform:scaleX(1)}100%{transform:scaleX(1)}}
@keyframes oldr{0%,90%{opacity:1}100%{opacity:0}}
@keyframes newr{0%,30%{opacity:0;transform:translateY(10px)}42%,90%{opacity:1;transform:none}100%{opacity:0}}
.post{display:flex;align-items:center;gap:10px}
.heart{width:28px;height:28px;color:var(--sig);animation:heart 3.2s var(--spring) infinite}
@keyframes heart{0%,40%{transform:scale(.6);opacity:.4}50%{transform:scale(1.35);opacity:1}60%,100%{transform:scale(1);opacity:1}}
.stack{display:flex}
.stack .av{width:28px;height:28px;font-size:9px;margin-left:-8px;animation:stk 3.2s var(--spring) infinite;animation-delay:calc(var(--i) * .15s + .4s)}
@keyframes stk{0%,30%{transform:translateX(-10px);opacity:0}45%,100%{transform:none;opacity:1}}
.eye{width:30px;height:30px;color:var(--ink);animation:blink 3.4s infinite;transform-origin:center}
@keyframes blink{0%,46%,54%,100%{transform:scaleY(1)}50%{transform:scaleY(.1)}}

/* ---------- sécurité ---------- */
.safe2{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;padding:44px}
.acct{padding:22px;border-radius:24px;background:var(--sunk);display:flex;flex-direction:column;gap:16px}
.gl{display:grid;grid-template-columns:150px 1fr 54px;gap:12px;align-items:center;font-size:13.5px}
.gl .b{height:10px;border-radius:6px;background:var(--wire2);overflow:hidden}
.gl .b i{display:block;height:100%;width:var(--w);background:var(--ink);border-radius:6px;transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--out) .3s}
.in .gl .b i{transform:scaleX(1)}
.week{display:flex;gap:6px}
.week span{flex:1;height:34px;border-radius:10px;background:var(--wire2);display:grid;place-items:center;font-size:11.5px;color:var(--muted);transition:background .5s,color .5s;transition-delay:calc(var(--i) * 110ms + .4s)}
.in .week span.on{background:var(--ink);color:#fff}
.tog{display:flex;align-items:center;gap:12px;font-size:13.5px}
.sw2{width:44px;height:26px;border-radius:999px;background:var(--wire);position:relative;flex:none;animation:swbg 6s var(--out) infinite}
.sw2 i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--lift-sm);animation:knob 6s var(--spring) infinite}
@keyframes knob{0%,45%{transform:none}55%,92%{transform:translateX(18px)}100%{transform:none}}
@keyframes swbg{0%,45%{background:var(--wire)}55%,92%{background:var(--sig)}100%{background:var(--wire)}}
.tog .st2{position:relative;height:20px;flex:1}
.tog .st2 span{position:absolute;left:0;top:0;white-space:nowrap}
.tog .st2 .a{animation:ta 6s infinite}.tog .st2 .b2{animation:tb 6s infinite;color:var(--sig-ink)}
@keyframes ta{0%,45%{opacity:1}52%,92%{opacity:0}100%{opacity:1}}
@keyframes tb{0%,45%{opacity:0}52%,92%{opacity:1}100%{opacity:0}}

/* ---------- prix ---------- */
.seg{position:relative;display:inline-flex;padding:4px;border-radius:999px;background:var(--sunk);box-shadow:inset 0 1px 2px oklch(40% .02 70 / .08)}
.seg button{position:relative;z-index:1;height:40px;padding:0 20px;border:0;background:none;font:inherit;font-size:14px;color:var(--muted);cursor:pointer;border-radius:999px;transition:color .3s;white-space:nowrap}
.seg button[aria-pressed=true]{color:var(--ink)}
.seg button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.seg-ind{position:absolute;top:4px;bottom:4px;border-radius:999px;background:var(--peb);box-shadow:var(--lift-sm);transition:left .55s var(--out),width .55s var(--out)}
.billwrap{display:flex;flex-direction:column;align-items:center;gap:12px}
.offer{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:var(--sig-soft);color:var(--sig-ink);font-size:13px;transform:translateY(-6px) scale(.6);opacity:0;transition:transform .5s var(--spring),opacity .3s}
.billwrap.yearly .offer{transform:none;opacity:1}
.price3{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:14px;align-items:end;margin-top:36px}
.pcard{padding:26px;display:flex;flex-direction:column;gap:14px}
.pcard .amt{font-size:38px;font-weight:600;letter-spacing:-.02em;display:flex;align-items:baseline;gap:6px;perspective:400px}
.pcard .amt b{display:inline-block;font-weight:600}
.pcard .amt b.flip{animation:flip .6s var(--out)}
@keyframes flip{from{transform:rotateX(90deg);opacity:0}}
.pcard .amt small{font-size:14px;font-weight:400;color:var(--muted)}
.pcard .amt .was{font-size:18px;font-weight:400;color:var(--muted);text-decoration:line-through;max-width:0;overflow:hidden;opacity:0;transition:max-width .5s var(--out),opacity .3s,margin .5s var(--out)}
.pcard .amt.disc .was{max-width:60px;opacity:1;margin-right:2px}
.pcard .bill{margin:-6px 0 0;font-size:13px;color:var(--muted);min-height:18px}
.pcard ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14px;color:var(--text)}
.pcard li{display:flex;gap:10px;align-items:center}
.pcard li svg path{stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .6s var(--out);transition-delay:calc(var(--i) * 90ms + .5s)}
.pcard.in li svg path{stroke-dashoffset:0}
.pro{position:relative;padding:32px 26px;isolation:isolate}
.pro::before{content:"";position:absolute;inset:-1.5px;border-radius:30px;background:conic-gradient(from var(--ang,0deg),transparent 0 70%,var(--sig) 85%,transparent 100%);z-index:-2;animation:spinb 5s linear infinite}
.pro::after{content:"";position:absolute;inset:0;border-radius:28px;background:var(--paper);z-index:-1}
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes spinb{to{--ang:360deg}}

/* ---------- FAQ ---------- */
.faq{max-width:820px;margin:40px auto 0;display:flex;flex-direction:column;gap:10px}
.qa{border-radius:22px;background:var(--paper);box-shadow:var(--lift-sm);overflow:hidden}
.qa button{width:100%;display:flex;align-items:center;gap:16px;padding:20px 24px;border:0;background:none;font:inherit;font-size:16px;font-weight:500;color:var(--ink);text-align:left;cursor:pointer}
.qa button:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;border-radius:22px}
.qa .pl{margin-left:auto;width:26px;height:26px;border-radius:50%;background:var(--sunk);position:relative;flex:none;transition:transform .5s var(--spring),background .3s}
.qa .pl::before,.qa .pl::after{content:"";position:absolute;left:7px;right:7px;top:12px;height:2px;border-radius:2px;background:var(--ink)}
.qa .pl::after{transform:rotate(90deg)}
.qa.open .pl{transform:rotate(135deg);background:var(--ink)}
.qa.open .pl::before,.qa.open .pl::after{background:#fff}
.ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--out)}
.ans > div{overflow:hidden}
.ans p{margin:0;padding:0 24px 22px;color:var(--muted);line-height:1.6;opacity:0;transform:translateY(-6px);transition:opacity .4s,transform .5s var(--out)}
.qa.open .ans{grid-template-rows:1fr}
.qa.open .ans p{opacity:1;transform:none;transition-delay:.12s}

/* ---------- appel final ---------- */
.final{position:relative;overflow:hidden;padding:84px 40px;text-align:center;display:flex;flex-direction:column;align-items:center}
.final .start-wrap{align-items:center}
.final h2{font-size:48px;max-width:760px;margin-bottom:28px}
.rings{position:absolute;left:50%;top:100%;width:0;height:0;pointer-events:none}
.rings i{position:absolute;left:0;top:0;width:900px;height:900px;margin:-450px;border-radius:50%;border:1px solid oklch(60% .01 75 / .25);animation:rg 6s var(--out) infinite;animation-delay:calc(var(--i) * 1.5s);opacity:0}
@keyframes rg{from{transform:scale(.2);opacity:.9}to{transform:scale(1.2);opacity:0}}
.final > *:not(.rings){position:relative;z-index:1}
.foot{padding:56px 0 120px;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:24px;font-size:14px;color:var(--muted)}
.foot b{color:var(--ink);display:block;margin-bottom:10px;font-size:13px}
.sec-h{max-width:720px}
.sec-h .lead{margin-top:16px}

@media (max-width:900px){
 h1,.g-hero h1,.h-hero h1,.j-in h1{font-size:40px}
 h2,.final h2{font-size:30px}
 .wrap{padding:0 20px}
 .nav-l,.vnote,.nav .ghost{display:none}
 .btn{white-space:nowrap}
 .h-hero,.safe2{grid-template-columns:1fr}
 .h-stage{height:auto;overflow:hidden;padding-bottom:10px}
 .h-plane{width:330px;height:330px;margin:-165px 0 0 -165px}
 .h-list{position:relative;width:100%;margin-top:330px}
 .h-stage .center-lbl{display:none}
 .dome{height:240px}
 .j-hero{min-height:700px}
 .j-bg{width:900px;height:900px;margin:-450px 0 0 -450px}
 .st-a{height:auto;flex-wrap:wrap;padding:12px}
 .st-a .pre{padding-left:8px}
 .st-a input{height:44px}
 .go{width:100%}
 .go.busy{width:48px;margin:0 auto}
 .row2{flex-direction:column}
 .how3,.price3{grid-template-columns:1fr}
 .how3 svg.link{display:none}
 .bento{grid-template-columns:1fr;grid-auto-rows:auto}
 .b1,.b2,.b3,.b4,.b5{grid-column:auto;grid-row:auto;min-height:170px}
 .aw-body{grid-template-columns:1fr;height:auto}
 .aw-rail{display:none}
 .aw-list{height:290px}
 .aw-detail{min-height:330px}
 .safe2{padding:24px}
 .gl{grid-template-columns:1fr 1fr 44px}
 .facts{gap:14px;flex-direction:column;align-items:center}
 .foot{grid-template-columns:1fr 1fr}
 .final{padding:56px 20px}
 .blip:nth-child(n+3){display:none}
}
.shot .vnote,.shot .sw,.shot .note-tag{display:none}
@media (prefers-reduced-motion:reduce){
 [data-r],.wl > span{transition:none !important;opacity:1 !important;transform:none !important;filter:none !important}
 *,*::before,*::after{animation-duration:.001s !important;animation-iteration-count:1 !important}
}


/* ---------- intro commune ---------- */
html.introing{overflow:hidden}
html.introing .nav{opacity:0;pointer-events:none}
.hold .w-in > :not([data-keep]):not(h1){opacity:0 !important;transition:none !important}
html.introing .kv-hero h1{opacity:.08;transition:opacity .6s}
.kv-hero h1{transition:opacity .6s}
#skip{position:fixed;right:20px;bottom:22px;z-index:96;height:38px;font-size:13px;animation:sayin .6s 1s cubic-bezier(.16,1,.3,1) both}
#ibar{position:fixed;left:0;bottom:0;height:2px;width:100%;background:var(--ink);transform-origin:left;transform:scaleX(0);z-index:96;opacity:.6}
.w-say{position:absolute;left:0;right:0;top:170px;z-index:3;pointer-events:none}
.say{position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(980px,90vw);text-align:center;font-size:clamp(28px,3.6vw,50px);line-height:1.12;font-weight:600;letter-spacing:-.03em;color:var(--ink)}
.say .ln{display:block}.say .ln + .ln{margin-top:.15em}.say .ln.soft{color:var(--muted)}
.say .w{display:inline-block;opacity:0;transform:translateY(.45em);filter:blur(8px);animation:sayin .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i) * 55ms + var(--d0,0ms))}
.say.out .w{animation:sayout .32s cubic-bezier(.7,0,.84,0) forwards;animation-delay:calc(var(--i) * 12ms)}
@keyframes sayin{from{opacity:0;transform:translateY(.45em);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes sayout{from{opacity:1}to{opacity:0;transform:translateY(-.3em);filter:blur(8px)}}

/* ---------- héros plein écran sur les vagues ---------- */
.w-hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:-80px;min-height:860px;padding:150px 24px 0;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}
.wbox{position:absolute;inset:0;z-index:0}
.wv{position:absolute;inset:0}
.w-ride{position:absolute;inset:0;pointer-events:none;z-index:2}
.w-in{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;max-width:980px}
.w-in h1{font-size:68px;max-width:960px}
.w-in .lead{margin:20px auto 28px;text-align:center;max-width:640px}
.w-in .start-wrap{align-items:center}
.w-hero .tag-ex{right:28px;bottom:22px;z-index:3}
.l-hero .w-in .lead,.l-hero .w-in .micro{text-shadow:0 1px 14px #100d0b,0 0 2px #100d0b}
.l-hero .w-in .micro{padding:4px 12px;border-radius:999px;background:oklch(16% .01 60 / .78);backdrop-filter:blur(6px)}
.l-hero{background:radial-gradient(120% 90% at 50% 100%,#2a211b 0%,#15110e 60%,#100d0b 100%);color:#f6f1ea}
.l-hero h1,.l-hero .say{color:#f8f3ec}
.l-hero .lead,.l-hero .say .ln.soft{color:oklch(80% .015 70)}
.l-hero .micro,.l-hero .micro a,.l-hero .tag-ex{color:oklch(76% .015 70)}
.l-hero .st-err{color:oklch(78% .13 40)}
.l-hero + .proof{margin-top:24px}
/* M : texte à gauche, carte à droite */
.m-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:center;padding:70px 0 40px;min-height:640px}
.m-hero .w-in{align-items:flex-start;text-align:left}
.m-hero .w-in h1{font-size:60px}
.m-hero .w-in .lead{margin:20px 0 28px;text-align:left}
.m-hero .w-in .start-wrap{align-items:flex-start}
.m-hero .w-say{top:96px;right:auto;width:46%}
.m-hero .say{left:0;transform:none;text-align:left;width:100%;font-size:clamp(28px,3.4vw,46px)}
.m-card{position:relative;border-radius:30px;background:var(--paper);box-shadow:var(--lift);padding:16px;height:470px;display:flex;flex-direction:column}
.m-head{display:flex;align-items:center;gap:10px;padding:6px 8px 12px;font-size:14px;color:var(--muted)}
.m-head b{color:var(--ink)}
.m-head .pd{width:8px;height:8px;border-radius:50%;background:var(--sig);box-shadow:0 0 0 4px var(--sig-soft)}
.m-cnt{color:var(--sig-ink);display:inline-block}
.m-card .wbox{position:relative;flex:1;border-radius:22px;background:var(--sunk);overflow:hidden}
.m-card .tag-ex{right:22px;bottom:22px}
/* personnes sur la vague */
.rider{position:absolute;left:0;top:0;will-change:transform}
.rd{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--sig),0 0 24px 6px oklch(71.9% .172 49.6 / .55);transform:scale(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.rd::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--sig);animation:rping 1.8s cubic-bezier(.16,1,.3,1) infinite}
@keyframes rping{from{transform:scale(1);opacity:.8}to{transform:scale(4.5);opacity:0}}
.rc{position:absolute;left:0;bottom:22px;transform:translateX(-50%) translateY(10px) scale(.7);opacity:0;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--paper);box-shadow:var(--lift);white-space:nowrap;font-size:13px;color:var(--ink);transition:transform .6s cubic-bezier(.34,1.56,.64,1) .12s,opacity .3s .12s}
.rc::after{content:"";position:absolute;left:50%;bottom:-14px;width:1px;height:12px;background:var(--ink);opacity:.35}
.rc .av{width:26px;height:26px;font-size:9.5px;box-shadow:none;background:var(--sunk)}
.rc em{font-style:normal;color:var(--sig-ink);background:var(--sig-soft);padding:2px 8px;border-radius:999px;font-size:11.5px}
.rider.on .rd{transform:scale(1)}
.rider.on .rc{opacity:1;transform:translateX(-50%)}
.rider.off .rd,.rider.off .rc{opacity:0;transition:opacity .5s}
.pixel-blast-fallback{background:radial-gradient(oklch(71.9% .172 49.6 / .35) 1.2px,transparent 1.6px) 0 0/10px 10px}
/* pixels : centre dégagé pour le texte une fois la page ouverte, plein écran pendant l'intro */
.k-hero .wbox,.l-hero .wbox{-webkit-mask-image:radial-gradient(ellipse 62% 40% at 50% 40%,transparent 48%,#000 92%);mask-image:radial-gradient(ellipse 62% 40% at 50% 40%,transparent 48%,#000 92%);transition:-webkit-mask-size 1.4s cubic-bezier(.16,1,.3,1)}
html.introing .k-hero .wbox,html.introing .l-hero .wbox{-webkit-mask-image:radial-gradient(ellipse 52% 16% at 50% 22%,transparent 40%,#000 100%);mask-image:radial-gradient(ellipse 52% 16% at 50% 22%,transparent 40%,#000 100%)}
.w-hero .wbox{-webkit-mask-composite:source-over}
.rider .rc{bottom:26px}

/* ---------- onboarding ---------- */
html.ob-open{overflow:hidden}
#ob{position:fixed;inset:0;z-index:95;background:var(--canvas);display:flex;flex-direction:column;overflow:auto}
.ob-wv{position:fixed;inset:0;z-index:0;-webkit-mask-image:linear-gradient(transparent 52%,#000 72%);mask-image:linear-gradient(transparent 52%,#000 72%)}
.ob-top{position:relative;z-index:2;display:flex;align-items:center;gap:22px;padding:22px 28px}
.ob-prog{flex:1;max-width:360px;height:6px;border-radius:6px;background:var(--wire2);overflow:hidden}
.ob-prog i{display:block;height:100%;width:0;border-radius:6px;background:var(--ink);transition:width .7s cubic-bezier(.16,1,.3,1)}
.ob-n{font-size:13px;color:var(--muted);min-width:90px}
.ob-x{margin-left:auto;width:40px;height:40px;border-radius:50%;border:0;background:var(--peb);box-shadow:var(--lift-sm);display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.ob-x:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ob-stage{position:relative;z-index:2;flex:1;display:grid;place-items:start center;padding:4vh 20px 26vh}
.ob-card{width:min(580px,100%);padding:34px 34px 30px;border-radius:32px;background:var(--paper);box-shadow:var(--lift),0 40px 80px -40px oklch(30% .02 70 / .35);overflow:hidden}
.ob-card > *{animation:obin .6s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0) * 70ms)}
@keyframes obin{from{opacity:0;transform:translateX(22px);filter:blur(4px)}}
.ob-card h2{font-size:32px;letter-spacing:-.025em}
.ob-card .lead{font-size:16px;margin:10px 0 22px}
.ob-card .dom{color:var(--sig-ink)}
.ob-act{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px}
.ob-act .btn:only-child{margin-left:auto}
.ob-act .btn:last-child:not(:only-child){margin-left:auto}
.btn[disabled]{opacity:.35;cursor:default}
.ob-check{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ob-check li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--sunk);font-size:15px;color:var(--muted);transition:color .3s,background .3s}
.ob-check li small{margin-left:auto;font-size:13px;color:var(--ink);opacity:0;transform:translateX(8px);transition:opacity .4s,transform .5s cubic-bezier(.16,1,.3,1)}
.ob-check li.done{color:var(--ink);background:var(--peb);box-shadow:var(--lift-sm)}
.ob-check li.done small{opacity:1;transform:none}
.ck{width:20px;height:20px;border-radius:50%;border:2px solid var(--wire);flex:none;position:relative;transition:border-color .3s,background .3s}
.run .ck{border-color:var(--wire);border-top-color:var(--ink);animation:spin .7s linear infinite}
.done .ck{border-color:var(--ink);background:var(--ink);animation:none}
.done .ck::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ob-grp{margin-top:16px}
.ob-l{display:block;font-size:12.5px;color:var(--muted);margin-bottom:8px}
.ob-chips{display:flex;flex-wrap:wrap;gap:8px}
.obc{height:38px;padding:0 16px;border-radius:999px;border:0;font:inherit;font-size:14px;background:var(--sunk);color:var(--text);cursor:pointer;transition:background .25s,color .25s,transform .4s cubic-bezier(.34,1.56,.64,1)}
.obc[aria-pressed=true]{background:var(--ink);color:#fff}
.obc:active{transform:scale(.93)}
.obc:focus-visible,.obsw:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ob-sigs{display:flex;flex-direction:column;gap:6px}
.obs{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;background:var(--sunk)}
.obs b{display:block;font-size:14.5px}.obs small{display:block;font-size:12.5px;color:var(--muted)}
.obsw{margin-left:auto;flex:none;width:46px;height:28px;border-radius:999px;border:0;padding:0;background:var(--wire);position:relative;cursor:pointer;transition:background .35s}
.obsw i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:var(--lift-sm);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.obsw[aria-checked=true]{background:var(--sig)}
.obsw[aria-checked=true] i{transform:translateX(18px)}
.ob-card .google{width:100%;justify-content:center;height:50px;margin-top:4px}
.ob-card .or{margin:14px 0}
.li-go{width:100%;justify-content:center;margin-top:6px}
.li-go.busy{width:50px;margin-left:auto;margin-right:auto}
.ob-first{display:flex;flex-direction:column;gap:8px}
.ob-first .hl{animation:hlin .7s cubic-bezier(.34,1.56,.64,1) both}
#ob .btn{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.ob-ex{position:fixed;left:20px;bottom:18px;z-index:2;font-size:11.5px;color:var(--muted)}

@media (max-width:900px){
 .w-hero{min-height:780px;padding-top:120px}
 .w-in h1,.m-hero .w-in h1{font-size:40px}
 .w-say{top:140px}
 .m-hero{grid-template-columns:1fr;gap:24px;padding-top:40px}
 .m-hero .w-say{width:100%;top:40px}
 .m-card{height:360px}
 .ob-top{padding:16px;gap:12px}.ob-n{display:none}
 .ob-card{padding:24px 20px}.ob-card h2{font-size:26px}
}
@media (prefers-reduced-motion:reduce){.rd::after{animation:none}.ob-card > *{animation:none}}


/* ---------- grille commune, alignée sur la barre du haut (pas de 8 px) ---------- */
.wrap{max-width:1400px;padding:0 32px}
.nav{max-width:1400px;padding:0 32px}
.nav-in{padding:0 8px 0 24px}
/* ---------- M wide ---------- */
.mw-hero{position:relative;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,7fr);gap:64px;align-items:center;padding:40px 0 40px 24px;min-height:calc(100svh - 80px)}
.mw-hero .w-in{align-items:flex-start;text-align:left;max-width:600px}
.mw-hero .w-in h1{font-size:clamp(44px,4.2vw,64px);line-height:1.04;letter-spacing:-.035em;max-width:none}
.mw-hero .w-in .lead{margin:24px 0 40px;text-align:left;max-width:520px}
.mw-hero .w-in .start-wrap{align-items:flex-start;width:100%}
.mw-hero .start{width:100%}
.mw-hero .start-wrap{gap:16px}
.mw-hero .micro{margin-top:0}
.mw-bar{padding:0 16px 0 20px}
.mw-hero .w-say{position:absolute;left:0;top:96px;width:40%;z-index:3;pointer-events:none}
.mw-hero .say{left:0;transform:none;text-align:left;width:100%;font-size:clamp(28px,3.2vw,48px)}
.mwin{position:relative;border-radius:32px;background:var(--paper);box-shadow:var(--lift),0 40px 80px -48px oklch(30% .02 70 / .35);padding:8px 8px 8px;display:flex;flex-direction:column}
.mw-bar{display:flex;align-items:center;gap:16px;height:48px;padding:0 16px 0 16px}
.mw-bar .dots{display:flex;gap:8px}.mw-bar .dots i{width:10px;height:10px;border-radius:50%;background:var(--wire)}
.mw-url{position:relative;flex:1;height:32px;display:grid;align-items:center}
.mw-url > span{grid-area:1/1;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);transition:opacity .5s,transform .7s cubic-bezier(.16,1,.3,1)}
.mw-url b{color:var(--ink)}
.mw-url .pd,.crm-band .pd{width:8px;height:8px;border-radius:50%;background:var(--sig);box-shadow:0 0 0 4px var(--sig-soft);flex:none}
.mw-url .u2{justify-content:center;align-self:center;height:32px;padding:0 16px;border-radius:999px;background:var(--sunk);font-size:12.5px;opacity:0;transform:translateY(8px);width:max-content;margin:0 auto}
.crm-on .mw-url .u1{opacity:0;transform:translateY(-8px)}
.crm-on .mw-url .u2{opacity:1;transform:none}
.mw-bar .tag-ex{position:static;font-size:11.5px;color:var(--muted)}
.m-cnt{color:var(--sig-ink);display:inline-block}
.mw-body{position:relative;height:clamp(480px,calc(100svh - 280px),640px);border-radius:24px;overflow:hidden}
.mw-body .wbox{position:absolute;inset:0;border-radius:24px;background:var(--sunk);overflow:hidden;z-index:1}
.mw-fly{position:absolute;inset:0;pointer-events:none;z-index:6}
.flyc{position:absolute;left:0;top:0;opacity:1;transform:none;bottom:auto;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--paper);box-shadow:var(--lift);white-space:nowrap;font-size:13px}
.flyc::after{display:none}
/* ---------- CRM (wireframe) ---------- */
.crm{position:absolute;inset:0;display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px;visibility:hidden;z-index:2}
.crm-on .crm{visibility:visible}
.crm-rail{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0;border-radius:24px 16px 16px 24px;background:var(--sunk)}
.crm-rail i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--muted)}
.crm-rail i.on{background:var(--paper);box-shadow:var(--lift-sm);color:var(--ink)}
.crm-main{display:flex;flex-direction:column;gap:16px;min-width:0;padding:16px 16px 0 8px}
.crm-top{display:flex;align-items:center;gap:16px;height:40px}
.crm-tabs{position:relative;display:inline-flex;padding:4px;border-radius:999px;background:var(--sunk)}
.crm-tabs b{position:relative;z-index:1;height:32px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-size:13px;font-weight:500;color:var(--muted)}
.crm-tabs b.on{color:var(--ink)}
.crm-tabs b em{font-style:normal;font-size:11.5px;color:var(--muted);display:inline-block;font-variant-numeric:tabular-nums}
.crm-tg{position:absolute;left:4px;top:4px;height:32px;width:74px;border-radius:999px;background:var(--paper);box-shadow:var(--lift-sm)}
.crm-search{width:160px;height:32px;border-radius:999px;background:var(--sunk);display:flex;align-items:center;padding:0 16px}
.crm-search .sk{width:60%}
.crm-btn{height:32px;padding:0 16px;border-radius:999px;background:var(--paper);box-shadow:var(--lift-sm);font-size:13px;display:inline-flex;align-items:center}
.crm-band{position:relative;height:64px;border-radius:16px;flex:none}
.crm-band .bl{position:absolute;left:16px;top:16px;z-index:3;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 16px 0 12px;border-radius:999px;background:var(--paper);box-shadow:var(--lift-sm);font-size:13px;color:var(--muted)}
.crm-band .bl b{color:var(--ink)}
.crm-table{flex:1;min-height:0;display:flex;flex-direction:column}
.crm-th,.cr{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1.3fr) minmax(0,1fr) minmax(0,.8fr);gap:16px;align-items:center;padding:0 16px}
.crm-th{height:24px;font-size:11.5px;color:var(--muted);letter-spacing:.02em}
.crm-rows{position:relative;flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 48px),transparent);mask-image:linear-gradient(#000 calc(100% - 48px),transparent)}
.cr{position:relative;z-index:1;height:52px;border-radius:14px;opacity:0;transform:translateY(12px);transition:opacity .45s,transform .7s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1)}
.cr.in{opacity:1;transform:none}
.cr.gone{opacity:0;transform:translateY(8px)}
.cr.new{background:oklch(96% .03 60 / .7)}
.cp{display:flex;align-items:center;gap:12px;min-width:0}
.cp .av{width:32px;height:32px;font-size:10.5px;flex:none}
.nm{min-width:0}.nm b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nm small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sig{font-style:normal;display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:999px;background:var(--sig-soft);color:var(--sig-ink);font-size:12px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ct{display:flex;align-items:center;gap:8px}.ct small{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;width:32px}
.tb{flex:1;height:8px;border-radius:8px;background:var(--wire2);overflow:hidden}
.tb i{display:block;height:100%;border-radius:8px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.16,1,.3,1) .25s}
.cr.in .tb i{transform:scaleX(var(--t))}
.sk-row .tb i{background:var(--wire)}
.pill{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:999px;background:var(--sunk);font-size:12px;white-space:nowrap}
.sk{display:block;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--wire2),oklch(95.5% .006 80),var(--wire2));background-size:200% 100%;animation:shim 1.8s linear infinite}
.sk.s{height:6px;margin-top:8px}.av.sk{height:32px;width:32px;border-radius:50%;box-shadow:none}.skc{flex:1;min-width:0}.sk.pk{width:64px;height:24px;border-radius:999px}
@keyframes shim{to{background-position:-200% 0}}
.crm-sel{position:absolute;left:0;right:0;top:0;height:52px;border-radius:14px;background:var(--peb);box-shadow:var(--lift-sm);opacity:0;z-index:0;transition:top .52s cubic-bezier(.22,1,.36,1),height .52s cubic-bezier(.22,1,.36,1),opacity .3s}
/* entrée du CRM : rail, barre, en-têtes */
.crm-rail,.crm-top,.crm-th,.crm-band .bl{transition:opacity .6s,transform .8s cubic-bezier(.16,1,.3,1)}
.mwin:not(.crm-on) .crm-rail{opacity:0;transform:translateX(-24px)}
.mwin:not(.crm-on) .crm-top{opacity:0;transform:translateY(-12px)}
.mwin:not(.crm-on) .crm-th,.mwin:not(.crm-on) .crm-band .bl{opacity:0;transform:translateY(-8px)}
.crm-anim .crm-rail{transition-delay:.35s}.crm-anim .crm-top{transition-delay:.5s}.crm-anim .crm-th{transition-delay:.7s}.crm-anim .crm-band .bl{transition-delay:.95s}
.crm-on .wbox .w-ride{display:none}
@media (prefers-reduced-motion:reduce){.cr,.tb i,.crm-rail,.crm-top,.crm-th,.crm-band .bl,.crm-sel,.mw-url > span{transition:none !important}.sk{animation:none}}
@media (max-width:1100px){.mw-hero{grid-template-columns:1fr;gap:48px;min-height:0;padding:40px 0 64px 24px}.mwin{margin-right:0}.mw-body{height:520px}.mw-hero .w-say{width:100%;top:40px}.mw-hero .w-in{max-width:640px}}
@media (max-width:760px){
 .wrap,.nav{padding:0 16px}
 .nav-in{padding:0 8px 0 16px}
 .mw-hero{padding-left:16px}
 .mw-body{height:520px}
 .crm{grid-template-columns:1fr}.crm-rail{display:none}
 .crm-search,.crm-btn{display:none}
 .crm-th,.cr{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);padding:0 8px}
 .crm-th span:nth-child(n+3),.cr .ct,.cr .cg{display:none}
 .mw-bar .tag-ex{display:none}
}


/* demande : le scan (champ site web) en haut du hero, l'animation en pleine largeur dessous ; aucune note par-dessus */
.vnote,.note-tag{display:none !important}
.mw-hero{display:flex !important;flex-direction:column;align-items:stretch;gap:48px;padding:40px 0 96px !important;min-height:0 !important;grid-template-columns:none}
.mw-hero .w-in{align-self:center;align-items:center;text-align:center;max-width:960px}
.mw-hero .w-in h1{font-size:clamp(40px,4.2vw,60px);line-height:1.04;max-width:960px}
.mw-hero .w-in .lead{margin:16px auto 32px;text-align:center;max-width:640px}
.mw-hero .w-in .start-wrap{align-items:center;width:min(600px,100%);margin-bottom:-18px}
.mw-hero .w-say{position:absolute;left:0;right:0;top:48px;width:auto}
.mw-hero .say{left:50%;transform:translateX(-50%);text-align:center;width:min(960px,92vw);font-size:clamp(32px,4vw,56px)}
.mwin{width:100%}
.mw-body{height:clamp(480px,calc(100svh - 400px),640px) !important}
@media (max-width:760px){.mw-hero{gap:40px;padding:32px 0 64px !important}.mw-hero .w-say{top:32px}.mw-body{height:520px !important}}


/* ===== Keynote : couleurs et matières de l'app (B Orange + galets), une vue par écran ===== */
:root{
 --canvas:oklch(95.5% .012 85);          /* fond de l'app (#main) */
 --paper:oklch(99.4% .003 85);
 --peb:linear-gradient(180deg,oklch(99.8% .002 85),oklch(98.6% .005 85));
 --sunk:oklch(96.6% .007 85);
 --ink:oklch(22% .012 60);--text:oklch(32% .012 60);--muted:oklch(48% .012 70);
 --hair:oklch(30% .02 70 / .07);
 --lift:inset 0 1px 0 oklch(100% 0 0),inset 0 0 0 .5px var(--hair),0 1px 1px oklch(40% .02 70 / .04),0 14px 34px -16px oklch(40% .02 70 / .22);
 --lift-sm:inset 0 1px 0 oklch(100% 0 0),inset 0 0 0 .5px var(--hair),0 1px 1px oklch(40% .02 70 / .05),0 6px 16px -8px oklch(40% .02 70 / .2);
 --o:oklch(71.9% .172 49.6);--o-btn:linear-gradient(180deg,oklch(75% .165 52),oklch(69.5% .175 48));--o-soft:oklch(94.5% .045 55);--o-ink:oklch(40% .12 45);
 --sig:var(--o);--sig-soft:var(--o-soft);--sig-ink:var(--o-ink);
 --g-ease:cubic-bezier(.2,.8,.2,1);
 --s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:64px;--s7:96px;--s8:128px;
}
html,body{background:var(--canvas)}
body{color:var(--ink)}
#sw,.vnote,.note-tag{display:none !important}
/* action principale : la pilule orange de l'app, texte encre (contraste AA) */
.btn.ink,.go.btn.ink{background:var(--o) var(--o-btn);color:var(--ink);box-shadow:inset 0 1px 0 oklch(100% 0 0 / .35),0 8px 20px -8px oklch(62% .17 45 / .55)}
.go .spin{border-color:oklch(22% .012 60 / .2);border-top-color:var(--ink)}
.go .ok{stroke:var(--ink)}
.btn{background:var(--peb);box-shadow:var(--lift-sm)}
.btn.ghost{background:none;box-shadow:none}
.card{background:var(--peb);box-shadow:var(--lift)}
.chip{background:var(--sunk)}
.chip.o{background:var(--o-soft);color:var(--o-ink)}
.nav-in{background:oklch(99% .006 85 / .78);box-shadow:var(--lift-sm)}
.progress{background:var(--o);height:2px}
.start{background:var(--paper);box-shadow:var(--lift),0 0 0 1px oklch(90% .01 80)}

/* ----- grille des vues ----- */
main.wrap{max-width:1280px;padding:0 var(--s4)}
.nav{max-width:1280px;padding:0 var(--s4)}
.kv{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:var(--s7) 0 var(--s5);scroll-margin-top:0}
.kv-h{max-width:760px;margin:0 auto var(--s4);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--s2)}
.kv-h.left{margin:0;text-align:left;align-items:flex-start}
.kv-h h2{font-size:clamp(34px,3.6vw,52px);line-height:1.06;letter-spacing:-.03em;margin:0}
.kv-h .lead{margin:0;max-width:600px}
.kv-ey{display:inline-flex;align-items:center;gap:var(--s1);height:28px;padding:0 12px 0 10px;border-radius:999px;background:var(--paper);box-shadow:var(--lift-sm);font-size:13px;color:var(--muted)}
.kv-ey::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--o)}
.kv-note{text-align:center;margin:var(--s3) 0 0}

/* ----- chorégraphie (reprise de l'app) ----- */
.k-pre{opacity:0}
.k-box{animation:kBox .6s var(--g-ease) both;animation-delay:var(--kd,0s)}
.k-it{animation:kIt .5s var(--g-ease) both;animation-delay:var(--kd,0s)}
@keyframes kBox{from{opacity:0;transform:translateY(12px) scale(.972)}60%{opacity:1}to{opacity:1;transform:none}}
@keyframes kIt{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

/* ----- vue 1 : barre + scan ----- */
.kv-hero{width:100vw;margin-left:calc(50% - 50vw);margin-top:-68px;padding:68px var(--s3) 0;min-height:100svh;align-items:center;text-align:center;overflow:hidden}
.kv-hero .wbox{position:absolute;inset:0;z-index:0;-webkit-mask-image:radial-gradient(ellipse 44% 38% at 50% 50%,transparent 52%,#000 96%);mask-image:radial-gradient(ellipse 44% 38% at 50% 50%,transparent 52%,#000 96%)}
.kv-hero .wv{position:absolute;inset:0}
.kv-hero .w-ride{position:absolute;inset:0;z-index:2;pointer-events:none}
.kv-hero .w-in{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;max-width:920px}
.kv-hero h1{font-size:clamp(44px,5.4vw,80px);line-height:1.02;letter-spacing:-.04em;max-width:920px}
.kv-hero .lead{margin:var(--s3) auto var(--s5);max-width:600px;text-align:center}
.kv-hero .start-wrap{align-items:center;width:min(600px,100%);gap:var(--s2)}
.kv-hero .start{width:100%}
.kv-hero .micro{margin:0}
.kv-hero .w-say{position:absolute;left:0;right:0;top:0;height:0;z-index:4;pointer-events:none}
.kv-hero .say{top:0}
.kv-hero .tag-ex{right:var(--s4);bottom:var(--s3);z-index:3}
.kv-next{position:absolute;left:50%;bottom:var(--s4);z-index:3;width:40px;height:40px;margin-left:-20px;border-radius:50%;background:var(--paper);box-shadow:var(--lift-sm);display:grid;place-items:center}
.kv-next i{width:8px;height:8px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:translateY(-2px) rotate(45deg);animation:nudge 1.8s var(--g-ease) infinite}
@keyframes nudge{50%{transform:translateY(2px) rotate(45deg)}}
html.introing .kv-next{opacity:0}
/* hero = K · Signal line de landing-waves.html : ligne de signal en barres lumineuses, en bas de la vue */
.kv-hero.kw .wbox{-webkit-mask-image:linear-gradient(transparent 44%,#000 64%,#000 92%,transparent);mask-image:linear-gradient(transparent 44%,#000 64%,#000 92%,transparent)}
.kv-hero.kw{justify-content:flex-start;padding-top:136px}
/* pendant l'intro : le titre final reste invisible (pas de texte fantôme derrière les phrases) */
html.introing .kv-hero.kw h1,.kv-hero.kw.hold h1{opacity:0;transition:none}
.kv-hero.kw .w-in{max-width:1000px}
.kv-hero.kw h1{font-size:clamp(44px,4.8vw,68px);max-width:1000px;text-wrap:balance}
@media (max-width:760px){.kv-hero.kw{padding-top:112px}}
.sliced-waves-fallback{background:linear-gradient(180deg,transparent 55%,oklch(85% .09 55 / .45) 70%,transparent 85%)}

/* ----- vue 2 : CRM ----- */
#crm .mwin{width:100%;border-radius:32px;background:var(--paper);box-shadow:var(--lift),0 48px 96px -56px oklch(30% .02 70 / .4)}
#crm .mw-body{height:clamp(340px,calc(100svh - 440px),600px) !important}
#crm .wbox{background:var(--sunk)}

/* ----- vue 3 : signaux ----- */
#signals .bento{margin-top:0;gap:var(--s2);grid-auto-rows:clamp(128px,calc((100svh - 450px) / 3),184px)}
#signals .bento .card{overflow:hidden}
#signals .jobs{margin-top:var(--s2);gap:var(--s1)}
#signals .job{padding:8px 12px}
#signals .bento .card{padding:var(--s3)}
#signals .marquee{display:none}
.mq .chip{background:var(--paper)}

/* ----- vue 4 : matinée ----- */
#morning .appwin{margin-top:0;border-radius:32px;background:var(--paper);box-shadow:var(--lift),0 48px 96px -56px oklch(30% .02 70 / .4)}
#morning .aw-body{height:clamp(320px,calc(100svh - 440px),520px)}

/* ----- vue 5 : sécurité ----- */
.safe3{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s3);align-items:stretch}
.safe3 .acct{padding:var(--s4);border-radius:28px;background:var(--peb);display:flex;flex-direction:column;justify-content:center;gap:var(--s3)}
.facts3{display:grid;grid-template-rows:repeat(3,1fr);gap:var(--s2)}
.fact2{padding:var(--s3);border-radius:24px;display:grid;grid-template-columns:40px 1fr;column-gap:var(--s2);row-gap:4px;align-items:center}
.fact2 .fi{grid-row:span 2;width:40px;height:40px;border-radius:12px;background:var(--o-soft);color:var(--o-ink);display:grid;place-items:center}
.fact2 b{font-size:15px}
.fact2 .small{margin:0}
.in .gl .b i,.safe3 .gl .b i{transform:scaleX(1)}

/* ----- vue 6 : prix ----- */
#pricing .billwrap{display:flex;flex-direction:column;align-items:center;gap:var(--s2);margin-bottom:var(--s4)}
#pricing .price3{margin-top:0;gap:var(--s2)}
.pcard{padding:var(--s4);border-radius:28px}
.pcard .btn{justify-content:center}
.pro::after{background:var(--peb)}

/* ----- vue 7 : FAQ + appel final + pied ----- */
.kv-last{justify-content:flex-start;padding-top:var(--s8)}
.faq2{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s6);align-items:start}
.faq2 .faq{margin:0;max-width:none;gap:var(--s1)}
.qa{border-radius:20px;background:var(--peb);box-shadow:var(--lift-sm)}
.qa button{padding:var(--s3)}
.ans p{padding:0 var(--s3) var(--s3)}
.final{margin-top:var(--s7);padding:var(--s7) var(--s5);border-radius:32px;gap:0}
.final h2{font-size:clamp(32px,3.4vw,48px);max-width:720px;margin:0 0 var(--s4)}
.final .start-wrap{width:min(600px,100%);gap:var(--s2)}
.final .start{width:100%}
.foot{padding:var(--s6) 0 var(--s5);gap:var(--s3)}
.foot .small{margin-top:var(--s1)}

/* ----- repère de vues ----- */
.kdots{position:fixed;right:var(--s3);top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:var(--s1);transition:opacity .4s}
html.introing .kdots,html.ob-open .kdots{opacity:0;pointer-events:none}
.kdots a{display:flex;align-items:center;justify-content:flex-end;gap:var(--s1);height:20px;color:var(--muted);font-size:12px}
.kdots a span{opacity:0;transform:translateX(6px);transition:opacity .3s,transform .4s var(--g-ease);background:var(--paper);box-shadow:var(--lift-sm);padding:2px 8px;border-radius:999px}
.kdots a:hover span,.kdots a:focus-visible span,.kdots a.on span{opacity:1;transform:none}
.kdots a i{width:8px;height:8px;border-radius:50%;background:oklch(80% .01 80);transition:height .4s var(--g-ease),background .3s}
.kdots a.on i{height:20px;border-radius:999px;background:var(--o)}
.kdots a:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:999px}

@media (max-width:1100px){.kdots{display:none}}
@media (max-width:900px){
 main.wrap,.nav{padding:0 var(--s2)}
 .kv{min-height:0;padding:var(--s7) 0 var(--s6)}
 .kv-hero{min-height:100svh;padding:68px var(--s2) 0}
 .kv-hero h1{font-size:40px}
 .safe3,.faq2{grid-template-columns:1fr}
 .final{padding:var(--s6) var(--s3)}
 #crm .mw-body{height:520px !important}
}
@media (prefers-reduced-motion:reduce){.k-pre{opacity:1}.k-box,.k-it{animation:none}.kv-next i{animation:none}}


/* Boutons = ceux de l'app (bouton « Envoyer le message », lu dans 11-ds-b-frontend : app.html .pl + galet.css + polish.css .pl.main).
   Galet clair, texte encre 600, icône orange à gauche, ombre --g-rest-sm, survol --g-rest, appui scale(.98). */
:root{--g-rest:inset 0 1px 0 oklch(100% 0 0),inset 0 0 0 .5px oklch(30% .02 70 / .07),0 1px 1px oklch(40% .02 70 / .04),0 14px 34px -16px oklch(40% .02 70 / .22);
 --g-rest-sm:inset 0 1px 0 oklch(100% 0 0),inset 0 0 0 .5px oklch(30% .02 70 / .07),0 1px 1px oklch(40% .02 70 / .05),0 6px 16px -8px oklch(40% .02 70 / .2)}
.btn{height:42px;padding:0 20px;border:0;border-radius:999px;background-color:oklch(99.6% .003 85);background-image:linear-gradient(180deg,oklch(99.8% .002 85),oklch(98.6% .005 85));color:oklch(22% .012 60);font-family:Geist,system-ui,-apple-system,sans-serif;font-size:14.5px;font-weight:500;gap:9px;box-shadow:var(--g-rest-sm);transition:box-shadow .2s,transform .12s,background .2s}
.btn:hover{box-shadow:var(--g-rest)}
.btn:active{transform:scale(.98)}
.btn svg{color:oklch(50% .012 70);flex:none}
.btn.ink,.go.btn.ink{background-color:oklch(99.6% .003 85);background-image:linear-gradient(180deg,oklch(99.8% .002 85),oklch(98.6% .005 85));color:oklch(22% .012 60);font-weight:600;box-shadow:var(--g-rest-sm)}
.btn.ink:hover{box-shadow:var(--g-rest)}
.btn.ink svg{color:oklch(71.9% .172 49.6)}
.btn.lg{height:48px;padding:0 24px}
.btn.ghost{background:none;box-shadow:none}
.btn.ghost:hover{box-shadow:none;background:oklch(96.6% .007 85)}
.go.btn.ink{height:48px}
.go .spin{border-color:oklch(71.9% .172 49.6 / .25);border-top-color:oklch(71.9% .172 49.6)}
.go .ok{stroke:oklch(71.9% .172 49.6)}
.go-l{display:inline-flex;align-items:center;gap:9px}
.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:var(--g-rest-sm)}
.aw-act .approve.press{transform:scale(.98)}


/* correctifs de l'audit frontend-developer (dev-rapport-keynote.md) */
#skip{position:fixed;right:var(--s3);top:84px;bottom:auto;z-index:96}
/* prix : coches visibles, offre en position absolue (ne réserve plus de place) */
#pricing .pcard li svg path{stroke-dashoffset:0}
#pricing .billwrap{position:relative;padding-bottom:0;margin-bottom:var(--s4)}
#pricing .offer{position:absolute;top:calc(100% + var(--s1));left:50%;translate:-50% 0}
/* sécurité : jours ouvrés surlignés */
.safe3 .week span.on{background:var(--ink);color:oklch(99% .004 85)}
.gl{grid-template-columns:150px 1fr 64px}.gl b{white-space:nowrap;text-align:right}
/* signaux : hauteur libre en mobile */
@media (max-width:900px){#signals .bento{grid-auto-rows:auto}#signals .bento .card{min-height:160px}#signals .jobs{margin-top:var(--s2)}}
@media (min-width:901px){#signals .bento{grid-auto-rows:clamp(148px,calc((100svh - 450px) / 3),184px)}}
/* repères de vues : seulement quand il y a la place, jamais sur le contenu */
.kdots{right:max(8px,calc((100vw - 1280px) / 2 - 64px))}
.kdots a{justify-content:flex-start;width:24px;position:relative}
.kdots a span{position:absolute;right:28px;white-space:nowrap}
.kdots a span{opacity:0 !important;transform:translateX(6px) !important}
.kdots a:hover span,.kdots a:focus-visible span{opacity:1 !important;transform:none !important}
.kdots a{height:24px;min-width:24px}
.kdots a i{background:oklch(62% .01 80)}
.kdots a.on i{background:var(--ink)}
@media (max-width:1439px){.kdots{display:none}}
@media (min-width:1440px) and (max-width:1500px){.kdots{display:none}}
/* charte : l'orange réservé à l'action et au chaud */
.progress{background:var(--ink) !important;opacity:.5}
.kv-ey::before{background:var(--ink)}
.fact2 .fi{background:var(--sunk);color:var(--ink)}
/* contraste du texte d'exemple dans le champ */
.start input::placeholder{color:var(--muted)}
/* focus visible 2 px partout */
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.start input:focus-visible{outline:none}
.nav-l a{padding-block:4px}
/* FAQ : réponses fermées hors de l'arbre d'accessibilité */
.qa:not(.open) .ans{visibility:hidden;transition:grid-template-rows .55s var(--g-ease),visibility 0s .55s}
.qa.open .ans{visibility:visible;transition:grid-template-rows .55s var(--g-ease),visibility 0s}
/* courbe de l'app, sans dépassement */
:root{--out:var(--g-ease);--spring:var(--g-ease)}
/* menu mobile */
.kmenu-b{display:none}
.kmenu{position:absolute;left:var(--s4);right:var(--s4);top:64px;display:flex;flex-direction:column;gap:var(--s1);padding:var(--s2);border-radius:24px;background:var(--paper);box-shadow:var(--lift)}
.kmenu[hidden]{display:none}
.kmenu a{padding:12px var(--s2);border-radius:14px;font-size:15px}
.kmenu a:hover{background:var(--sunk)}
@media (max-width:900px){.nav .kmenu-b{display:inline-flex !important}.nav .btn.ink{height:40px;padding:0 14px;font-size:13.5px}.nav .btn.ink svg{display:none}.nav-in{gap:8px;padding:0 6px 0 16px}.rings{display:none}.nav .kin{display:none}.kmenu{left:var(--s2);right:var(--s2)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrapf{max-width:1280px;margin:0 auto;padding:var(--s6) var(--s4) var(--s5) !important}
.foot a{display:block;color:var(--muted);padding:2px 0}
.foot a:hover{color:var(--ink)}


/* ===================== v2 : les trois motions retenues (21-motion-landing/props) =====================
   CRM = proposition B « Du signal à la ligne » dans la fenêtre CRM d'origine (préfixe cb-)
   Signaux = proposition A « Le fil trié » (préfixe sg-) ; Sécurité = proposition A « Une journée » (préfixe sc-).
   Tokens communs : ceux de la landing (--paper, --peb, --sunk, --lift, --g-ease). */

/* ---------- CRM · B : une carte de signal naît de la bande de pixels et devient une ligne ---------- */
#crm .crm-sel{display:none}
.cb-layer{position:absolute;inset:0;z-index:5;pointer-events:none}
.cb-card{position:absolute;left:0;top:0;border-radius:20px;background:var(--peb);box-shadow:var(--lift),0 24px 48px -24px oklch(30% .02 70 / .4);overflow:hidden;transform-origin:50% 50%;will-change:transform}
.cb-in{position:absolute;left:0;top:0;display:flex;flex-direction:column;gap:10px;padding:14px 16px 14px}
.cb-h{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);min-width:0;height:26px}
.cb-ic{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:var(--sunk);color:var(--text)}
.cb-src{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cb-h time{margin-left:auto;white-space:nowrap}
.cb-t{display:block;font-size:15px;line-height:1.3;font-weight:600;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.cb-f{display:flex;align-items:center;gap:10px;min-width:0}
.cb-f .av{width:30px;height:30px;font-size:10.5px;box-shadow:none;background:var(--sunk)}
.cb-who{min-width:0;display:flex;flex-direction:column;line-height:1.3}
.cb-who b{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}
.cb-who small{font-size:12px;color:var(--muted);white-space:nowrap}
.cb-fly{position:absolute;z-index:6;margin:0;transform-origin:0 0;pointer-events:none;white-space:nowrap}
b.cb-fly{display:block;font-size:13px;font-weight:600;line-height:1.3;color:var(--ink)}
small.cb-fly{display:block;font-size:12px;line-height:1.3;color:var(--muted)}
.cr.cb-row{transition:opacity .45s,transform .7s cubic-bezier(.16,1,.3,1),background-color 2.4s var(--g-ease);overflow:hidden}
.cr.cb-row.cb-new{background-color:oklch(96% .03 60 / .7);transition:opacity .45s,transform .7s cubic-bezier(.16,1,.3,1),background-color .3s}
.cr.cb-wait > span{opacity:0}
.cr.cb-row:not(.cb-fill) .tb i{transform:scaleX(0)}
@media (max-width:760px){.cb-in{padding:12px 14px}.cb-t{font-size:14px}}

/* ---------- Signaux · A : le fil trié ---------- */
#signals{--sg-off:oklch(88% .008 80)}
.sg-stage{position:relative;width:100%;height:clamp(400px,calc(100svh - 372px),540px);font-size:15px;line-height:1.45}
.sg-stage svg{flex:none;display:block}
.sg-ex{position:absolute;right:4px;bottom:-24px;font-size:12px;color:var(--muted)}
.sg-fx{position:absolute;inset:0;pointer-events:none;z-index:20}
.sg-var{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:var(--s3)}
.sg-num{font-variant-numeric:tabular-nums}
.sg-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:12.5px;font-weight:600;color:var(--ink);background:var(--peb);box-shadow:var(--lift-sm)}
.sg-heat{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--muted);white-space:nowrap}
.sg-heat .sg-dots{display:inline-flex;gap:3px}
.sg-heat .sg-dots i{width:7px;height:7px;border-radius:50%;background:var(--sg-off);transition:background-color .45s var(--g-ease)}
.sg-heat[data-t="0"] .sg-dots i:nth-child(-n+1),.sg-heat[data-t="1"] .sg-dots i:nth-child(-n+2){background:var(--ink)}
.sg-heat[data-t="2"] .sg-dots i{background:var(--o)}
.sg-heat .sg-hw{display:inline-grid;min-width:58px}
.sg-heat .sg-hw b{grid-area:1/1;font-weight:inherit}
.sg-heat[data-t="2"]{color:var(--ink);font-weight:600}
.sg-pending{opacity:0}
.sg-heat.sg-hide{opacity:0}
.sg-ghost{position:absolute;overflow:hidden;background:var(--paper);box-shadow:var(--lift-sm);will-change:transform,width,height;contain:layout paint}
.sg-ghost > *{background:none !important;box-shadow:none !important}
.sg-col{position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.sg-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s2);padding:20px 24px 0;height:72px;flex:none}
.sg-hd h3{margin:0;font-size:15px;font-weight:600;letter-spacing:-.005em}
.sg-hd p{margin:2px 0 0;font-size:13px;color:var(--muted)}
.sg-cnt{font-size:13px;color:var(--muted);white-space:nowrap;padding-top:1px}
.sg-cnt b{color:var(--ink);font-weight:600}
.sg-view{position:relative;flex:1;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent)}
.sg-trk{position:absolute;left:0;top:0;right:0;height:0}
.sg-ev{position:absolute;left:18px;right:18px;top:0;height:46px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 10px 0 8px;border-radius:14px;will-change:transform}
.sg-ev .sg-ei{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--sunk);color:var(--muted)}
.sg-ev .sg-et{min-width:0;display:flex;flex-direction:column;line-height:1.25}
.sg-ev .sg-et small{font-size:12px;color:var(--muted)}
.sg-ev .sg-et span{font-size:13.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-ev .sg-eb{font-size:12px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;color:var(--muted);visibility:hidden}
.card.sg-feed{background:oklch(96.2% .008 85);box-shadow:inset 0 0 0 1px var(--hair)}
.sg-feed .sg-ev .sg-ei{background:oklch(93.4% .009 85)}
.sg-feed .sg-ev .sg-et span{color:var(--muted)}
.sg-lens .sg-ev .sg-ei{background:var(--sunk)}
.sg-lens{position:absolute;left:8px;right:8px;height:62px;border-radius:18px;background:var(--paper);box-shadow:var(--lift),0 0 0 1px oklch(22% .012 60 / .06);overflow:hidden;z-index:2}
.sg-lens .sg-trk{left:-8px;right:-8px}
.sg-lens .sg-ev .sg-eb{visibility:visible}
.sg-lens .sg-ev .sg-et span{color:var(--ink)}
.sg-lens .sg-ev.sg-m .sg-ei{background:var(--ink);color:var(--paper)}
.sg-lens .sg-ev.sg-m .sg-eb{color:var(--ink);font-weight:500}
.sg-lens .sg-ev.sg-m .sg-eb i{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:var(--o);color:var(--ink)}
.sg-lens .sg-ev.sg-taken .sg-et,.sg-lens .sg-ev.sg-taken .sg-ei,.sg-lens .sg-ev.sg-taken .sg-eb{opacity:0;transition:opacity .12s linear}
.sg-lens .sg-ev.sg-taken.sg-gone .sg-et,.sg-lens .sg-ev.sg-taken.sg-gone .sg-ei{opacity:.28;transition:opacity .6s var(--g-ease)}
.sg-ltag{position:absolute;right:22px;height:24px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text);background:var(--paper);box-shadow:var(--lift-sm);z-index:3;white-space:nowrap}
.sg-ltag i{width:6px;height:6px;border-radius:50%;background:var(--ink)}
.sg-list{position:relative;flex:1;min-height:0;margin:8px 12px 12px;padding:6px 8px 10px;display:flex;flex-direction:column;gap:10px;overflow:hidden;border-radius:24px}
.sg-pc{flex:none;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:0 18px;border-radius:20px;background:var(--peb);box-shadow:var(--lift-sm)}
.sg-pc-top{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px}
.sg-pc-id{min-width:0;display:flex;flex-direction:column;line-height:1.3}
.sg-pc-id b{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-pc-id span{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-why{margin:0;display:flex;align-items:center;gap:8px;height:30px;padding:0 12px 0 10px;border-radius:12px;background:var(--sunk);font-size:13px;color:var(--ink);min-width:0}
.sg-why svg{color:var(--muted)}
.sg-why span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.sg-why span em{font-style:normal;color:var(--muted);font-weight:400}
.sg-why time{color:var(--muted);white-space:nowrap}
@media (max-width:760px){
 .sg-stage{height:auto}
 .sg-var{position:relative;inset:auto;display:flex;flex-direction:column;gap:var(--s2)}
 .sg-ex{position:static;display:block;text-align:right;margin-top:8px}
 .card.sg-feed{height:300px}
 .sg-hd{height:auto;padding:18px 18px 12px}
 .sg-list{flex:none;margin:4px 14px 14px}
 .sg-ev{left:12px;right:12px}
 .sg-pc-top{grid-template-columns:34px minmax(0,1fr)}
 .sg-pc-top .sg-heat{grid-column:2}
 .sg-why em{display:none}
 .sg-lens{left:4px;right:4px}
 .sg-lens .sg-trk{left:-4px;right:-4px}
 .sg-ltag{right:14px}
}

/* ---------- Sécurité · A : une journée ---------- */
#safety{--sc-night:oklch(93.6% .011 82);--sc-ok:oklch(62% .15 150);--sc-bad:oklch(58% .19 27);--sc-idle:oklch(70% .01 80);--sc-sh:clamp(380px,calc(100svh - 378px),540px);--sc-spring:cubic-bezier(.34,1.56,.64,1);--sc-out:cubic-bezier(.16,1,.3,1)}
.sc-stage{position:relative;height:var(--sc-sh)}
.sc-inner{position:absolute;inset:0}
.sc-num{font-variant-numeric:tabular-nums}
.sc-pill{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:var(--paper);box-shadow:var(--lift-sm);font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;transition:width .5s var(--sc-out)}
.sc-pill .sc-pi{display:inline-flex;align-items:center;gap:8px}
.sc-dot{position:relative;flex:none;width:7px;height:7px;border-radius:50%;background:var(--sc-idle)}
.sc-dot.sc-ok{background:var(--sc-ok)}.sc-dot.sc-bad{background:var(--sc-bad)}
.sc-dot.sc-live::after{content:"";position:absolute;inset:-4px;border-radius:50%;box-shadow:0 0 0 1.5px var(--sc-idle);animation:scLive 1.6s var(--sc-out) infinite}
@keyframes scLive{from{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}
.sc-ico{flex:none;display:block}
.sc-ico.sc-o{color:var(--o)}
.sc-ico.sc-mu{color:var(--muted)}
.sc-ex{font-size:11.5px;color:var(--muted);letter-spacing:.01em;white-space:nowrap}
.sc-cap{flex:1;min-width:0;font-size:15px;line-height:1.4;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-cap b{color:var(--ink);font-weight:600}
.sc-caprow{display:flex;align-items:center;gap:var(--s3);height:32px}
.card.sc-card{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--s2);padding:var(--s3) var(--s4) var(--s2)}
.sc-top{display:flex;align-items:center;gap:var(--s3)}
.sc-clock{display:flex;flex-direction:column;min-width:150px}
.sc-day{font-size:13px;color:var(--muted);height:20px;overflow:hidden}
.sc-day span{display:block}
.sc-time{font-size:38px;line-height:1.05;font-weight:600;letter-spacing:-.03em;white-space:nowrap}
.sc-sp{flex:1}
.sc-ctrs{display:flex;gap:var(--s1)}
.sc-ctr{width:212px;padding:12px 14px 11px;border-radius:18px;background:var(--sunk)}
.sc-ctr .sc-l{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;color:var(--muted)}
.sc-ctr .sc-v{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.sc-ctr .sc-v i{font-style:normal;display:inline-block}
.sc-ctr .sc-v small{font-size:15px;font-weight:500;color:var(--muted)}
.sc-bar{position:relative;height:4px;margin:8px 0 7px;border-radius:4px;background:oklch(30% .02 70 / .08);overflow:hidden}
.sc-bar i{position:absolute;inset:0;border-radius:4px;background:var(--ink);transform-origin:left;transform:scaleX(0);transition:transform .45s var(--sc-out)}
.sc-ctr .sc-f{display:flex;align-items:center;gap:6px;height:16px;font-size:12px;color:var(--muted)}
.sc-ctr .sc-f .sc-dot{display:none}
.sc-ctr.sc-hit .sc-f .sc-dot{display:block}
.sc-ctr.sc-hit .sc-f{color:var(--text)}
.sc-frise{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:34px minmax(0,1fr) 24px;min-height:0}
.sc-lanes{grid-row:2;position:relative}
.sc-lanes span{position:absolute;left:0;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);transform:translateY(-50%)}
.sc-gl-i{width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1.75px var(--ink);background:var(--paper)}
.sc-gl-m{width:8px;height:8px;border-radius:50%;background:var(--ink)}
.sc-call{grid-column:2;grid-row:1;position:relative}
.sc-track{grid-column:2;grid-row:2;position:relative;border-radius:20px;background:var(--sc-night);box-shadow:inset 0 1px 2px oklch(30% .02 70 / .06)}
.sc-band{position:absolute;top:8px;bottom:8px;border-radius:14px;background:var(--peb);box-shadow:var(--lift-sm)}
.sc-band em{position:absolute;left:12px;top:9px;font-style:normal;font-size:11.5px;color:var(--muted);white-space:nowrap}
.sc-nl{position:absolute;top:50%;display:flex;align-items:center;gap:6px;transform:translate(-50%,-50%);font-size:12px;color:var(--muted);white-space:nowrap}
.sc-pz{position:absolute;z-index:2;top:8px;bottom:8px;border-radius:14px;opacity:0;transition:opacity .4s var(--sc-out)}
.sc-pz.sc-on{opacity:1}
.sc-pz-f{position:absolute;inset:0;border-radius:14px;background:oklch(30% .02 70 / .07);transform-origin:left;transform:scaleX(0)}
.sc-pz-l{position:absolute;z-index:3;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:5px;transform:translate(-50%,-50%) scale(.6);opacity:0;transition:transform .55s var(--sc-spring),opacity .25s}
.sc-pz.sc-on .sc-pz-l{transform:translate(-50%,-50%);opacity:1}
.sc-pz-l .sc-pill{height:30px;font-weight:600;color:var(--ink)}
.sc-pz-l small{font-size:12px;color:var(--muted);white-space:nowrap}
.sc-dt{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;transform:scale(0);opacity:0;transition:transform .28s ease-in,opacity .25s}
.sc-dt.sc-cache{display:none}
.sc-dt.sc-di{background:var(--paper);box-shadow:inset 0 0 0 2px var(--ink)}
.sc-dt.sc-dm{background:var(--ink)}
.sc-dt.sc-on{transform:scale(1);opacity:1;transition:transform .55s var(--sc-spring),opacity .15s}
.sc-dt::after{content:"";position:absolute;inset:-7px;border-radius:50%;box-shadow:0 0 0 1.5px oklch(22% .012 60 / .5);opacity:0}
.sc-dt.sc-on::after{animation:scRip .8s var(--sc-out)}
@keyframes scRip{from{opacity:.6;transform:scale(.3)}to{opacity:0;transform:scale(1.25)}}
.sc-head{position:absolute;z-index:1;top:-6px;bottom:-6px;left:0;width:0;pointer-events:none}
.sc-head::before{content:"";position:absolute;top:6px;bottom:6px;left:-1px;width:2px;border-radius:2px;background:var(--ink)}
.sc-head::after{content:"";position:absolute;top:0;left:-6px;width:12px;height:12px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 2.5px var(--ink),0 2px 6px oklch(30% .02 70 / .25)}
.sc-cb{position:absolute;bottom:10px;left:0;display:flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:999px;background:var(--paper);box-shadow:var(--lift);font-size:12.5px;font-weight:600;white-space:nowrap;transform:translateX(-50%) translateY(6px) scale(.7);opacity:0;transition:transform .55s var(--sc-spring),opacity .25s}
.sc-cb.sc-on{transform:translateX(-50%);opacity:1}
.sc-ticks{grid-column:2;grid-row:3;position:relative}
.sc-ticks span{position:absolute;bottom:0;transform:translateX(-50%);font-size:11.5px;color:var(--muted);white-space:nowrap}
.sc-ticks span.sc-k{color:var(--ink);font-weight:600}
.sc-nomo *,.sc-nomo *::before,.sc-nomo *::after{transition:none !important}
@media (max-width:1100px){.sc-ctr{width:180px}}
@media (max-width:760px){
 .sc-stage{height:auto}
 .sc-inner{position:relative;inset:auto}
 .sc-cap{white-space:normal;font-size:14px}
 .sc-caprow{height:auto;flex-direction:column;align-items:flex-start;gap:6px}
 .card.sc-card{position:relative;inset:auto;padding:var(--s2);gap:var(--s2)}
 .sc-top{flex-wrap:wrap;gap:12px}
 .sc-sp{display:none}
 .sc-ctrs{width:100%}
 .sc-ctr{flex:1;width:auto;padding:10px 12px}
 .sc-frise{grid-template-columns:74px minmax(0,1fr);height:236px}
 .sc-lanes span{font-size:11.5px;gap:6px}
 .sc-band em,.sc-nl{display:none}
 .sc-dt.sc-mh{display:none}
 .sc-dt{width:7px;height:7px;margin:-3.5px 0 0 -3.5px}
 .sc-pz-l{left:auto;right:6px;top:10px;transform:scale(.6);transform-origin:right top}
 .sc-pz.sc-on .sc-pz-l{transform:none}
 .sc-pz-l small{display:none}
 .sc-pz-l .sc-pill{height:26px;font-size:12px;padding:0 10px}
}
@media (prefers-reduced-motion:reduce){.sc-dot.sc-live::after{animation:none}}


/* ===================================================================================
   v3 · couche d'espacement unique (chargée en dernier, en fin de l'en-tête de page)
   Grille de 8 px (4 px pour les petits écarts internes). Aucune couleur, aucune animation.
   Règles retenues :
   1. Rythme vertical : titre → chapeau 16, chapeau → bloc 32 (hero : 24 puis 48 avant le champ).
   2. Marge entre vues : titre ancré à 112 sous le haut de la vue, 48 sous le bloc, partout.
   3. Largeur : tous les blocs sur la barre du haut (1216 px à 1280, 1216 px à 1440 et plus).
   4. Cartes : même composant = même padding (24 pour les cartes de contenu, 40 pour les prix).
   5. Chapeaux : 600 px de large au plus, soit 55 à 75 caractères par ligne.
   =================================================================================== */

:root{
 --e-top:112px;                       /* titre de vue sous le haut de la vue (barre 68 + 44) */
 --e-bas:48px;                        /* vide sous le dernier bloc d'une vue */
 --e-h2:clamp(34px,3.6vw,52px);       /* même corps de titre que v2, relu ici pour le calcul */
 --e-tete:calc(var(--e-h2) * 1.06 + 16px + 57px);   /* titre 1 ligne + 16 + chapeau 2 lignes */
 --e-fill:calc(100svh - var(--e-top) - var(--e-bas) - var(--e-tete) - 32px);   /* hauteur offerte au bloc */
}

/* ---------- toutes les vues, écran large : même ancrage, mêmes écarts ---------- */
@media (min-width:901px){
 .kv{justify-content:flex-start;padding:var(--e-top) 0 var(--e-bas)}
 .kv-last{padding-top:var(--e-top)}
}
.kv-h{max-width:1120px;margin-bottom:var(--s4);gap:var(--s2)}   /* titre sur une ligne, 32 avant le bloc */
.kv-h h2{text-wrap:balance}
.kv-h .lead{max-width:600px;text-wrap:balance}                  /* 600 px au plus (70 caractères), deux lignes équilibrées, pas de mot seul */

/* ---------- vue 1 · hero : 24 / 48 / 16, champ et bouton au-dessus de la ligne de flottaison ---------- */
.kv-hero .lead{margin:var(--s3) auto var(--s5)}
.kv-hero .start-wrap{gap:var(--s2)}

/* ---------- vue 2 · CRM : fenêtre sur la largeur de la barre, hauteur offerte par la vue ---------- */
@media (min-width:901px){
 #crm .mw-body{height:clamp(340px,calc(var(--e-fill) - 64px),760px) !important}
}

/* ---------- vue 3 · signaux : deux colonnes, écart 24, cartes remplies à l'identique ---------- */
@media (min-width:901px){
 .sg-stage{height:clamp(400px,var(--e-fill),780px)}
 #signals .bento{grid-auto-rows:auto}
}

/* ---------- vue 4 · matinée ---------- */
@media (min-width:901px){
 #morning .aw-body{height:clamp(320px,calc(var(--e-fill) - 62px),700px)}
}

/* ---------- vue 5 · sécurité ---------- */
@media (min-width:901px){
 #safety{--sc-sh:clamp(380px,var(--e-fill),780px)}
}

/* ---------- vue 6 · prix : bascule 32 sous le chapeau, 56 avant les cartes (place de l'offre, 16 de respiration) ---------- */
#pricing .billwrap{margin-bottom:56px}
#pricing .offer{top:calc(100% + var(--s1) / 2)}
#pricing .price3{gap:var(--s3)}
.pcard{padding:40px}
@media (min-width:901px){
 #pricing .price3{flex:1 1 auto;max-height:640px;align-items:stretch}   /* cartes de même hauteur, remplissent la vue */
 .pcard ul{margin-block:auto}                                          /* liste centrée, bouton toujours en pied */
}
@media (min-width:901px) and (max-height:860px){   /* écrans de 800 px : titre à 104, cartes de prix à 24, la vue tient aussi en français et en facturation annuelle */
 :root{--e-top:104px}
 #pricing{padding-bottom:64px}
 .pcard{padding:var(--s3);gap:12px}
 #pricing .billwrap{margin-bottom:var(--s5)}
}
@media (max-width:900px){.pcard{padding:var(--s3)}#pricing .billwrap{margin-bottom:var(--s5)}}                   /* mobile : 24 dans les cartes */

/* ---------- vue 7 · FAQ + appel final : même traitement que le hero (titre → 48 → champ → 16 → aide) ---------- */
@media (min-width:901px){
 .final{margin-top:var(--s7);padding:var(--s7) var(--s5) var(--s6)}   /* 96 en haut, 64 en bas : le champ laisse déjà 36 sous l'aide */
 .final h2{margin:0 0 var(--s5)}
}


/* v4 : offre de lancement à droite de « Annuel », sélecteur toujours centré */
#pricing .billwrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:12px;margin-bottom:var(--s4)}
#pricing .billwrap>.seg{grid-column:2}
#pricing .billwrap>.offer{grid-column:3;justify-self:start;position:static;translate:none;top:auto;left:auto;white-space:nowrap}
@media (max-width:600px){
 #pricing .billwrap{grid-template-columns:1fr;row-gap:8px;justify-items:center}
 #pricing .billwrap>.seg,#pricing .billwrap>.offer{grid-column:1;justify-self:center}
 #pricing .billwrap>.offer{white-space:normal;text-align:center}
}


/* v8 : bloc prix (wireframe v6 validé) dans les tokens de la landing */
#pricing .p8-cd{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 auto var(--s1);font-size:14px;color:var(--muted)}
#pricing .p8-t{display:inline-flex;gap:6px}
#pricing .p8-t b{min-width:48px;padding:7px 9px;border-radius:12px;background:var(--peb);box-shadow:var(--lift-sm);color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums;text-align:center}
#pricing .p8-cdsub{text-align:center;margin:0 0 var(--s3)}
#pricing .p8-mode{margin:-4px 0 0;font-size:14.5px;font-weight:600;color:var(--ink)}
#pricing .pro .p8-mode{color:var(--o-ink)}
#pricing .p8-vol{margin:-8px 0 0;font-size:13px;color:var(--muted)}
#pricing .pcard .bill{line-height:1.45;min-height:calc(2 * 1.45em)}
#pricing .pcard .bill span{display:block;white-space:nowrap}
#pricing .price3{max-height:none}
#pricing .p8-pack{margin-top:var(--s2);display:grid;grid-template-columns:1.1fr 1.3fr auto;gap:var(--s4);align-items:center}
#pricing .p8-pack .amt{margin-top:6px}
#pricing .p8-pack ul{margin:0}
#pricing .p8-pack .btn{white-space:nowrap}
#pricing .p8-inclus{max-width:900px;margin-left:auto;margin-right:auto}
#compare .p8-cmp{padding:0;border-radius:28px;overflow:hidden;max-width:1120px;margin:0 auto;width:100%}
#compare table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:14px}
#compare col.c1{width:40%}
#compare th,#compare td{padding:13px 18px;text-align:left;vertical-align:top;line-height:1.45}
#compare thead th{background:var(--sunk);font-size:13px;font-weight:600;color:var(--ink)}
#compare th.v,#compare td.v{text-align:center}
#compare th.pcol{color:var(--o-ink);background:var(--o-soft)}
#compare td.pcol{background:color-mix(in oklch,var(--o-soft) 40%,transparent)}
#compare td.f b{display:block;font-weight:600;color:var(--ink)}
#compare td.f small{display:block;margin-top:3px;font-size:13px;color:var(--muted)}
#compare tbody tr:not(.g) td{border-top:1px solid var(--hair)}
#compare tr.g td{background:var(--sunk);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:10px 18px}
#compare td.y{color:var(--ink)}#compare td.n{color:var(--muted)}
#compare td.y svg{vertical-align:middle}
@media (max-width:900px){#pricing .p8-pack{grid-template-columns:1fr}#compare .p8-cmp{overflow-x:auto}#compare table{min-width:720px;font-size:13px}#compare th,#compare td{padding:10px 12px}}
/* v22 : « en annuel » active la bascule Annuel ; comparatif lisible offre par offre sous 768 px */
#pricing .p8-cd-y{padding:0;border:0;background:none;font:inherit;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#pricing .p8-cd-y:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}
#compare .cmp-pick{display:none}
@media (max-width:767px){
 #compare .cmp-pick{display:flex;justify-content:center;margin:0 auto var(--s3)}
 #compare .cmp-seg button{height:38px;padding:0 12px;font-size:13.5px}
 #compare .p8-cmp{overflow:hidden}
 #compare table{min-width:0;table-layout:auto}
 #compare colgroup{display:none}
 #compare td.f{width:58%}
 #compare tr:not(.g)>:nth-child(n+2){display:none}
 #compare .p8-cmp[data-col="2"] tr>:nth-child(2),#compare .p8-cmp[data-col="3"] tr>:nth-child(3),#compare .p8-cmp[data-col="4"] tr>:nth-child(4),#compare .p8-cmp[data-col="5"] tr>:nth-child(5){display:table-cell}
}


#pricing .p8-qui{margin:-8px 0 0;font-size:13px;color:var(--text)}
#pricing a.btn{text-decoration:none;justify-content:center}


/* v13 : un sous-titre sous chaque titre, jamais coupé : il passe à la ligne */
.kv-h .lead,.kv-hero .lead,.kv-final .lead,.final .lead{white-space:normal;overflow:visible;text-overflow:clip}
.kv-hero .w-in > .lead{max-width:640px}
.kv-final-sub{margin:var(--s2) auto var(--s3);max-width:600px;text-align:center;text-wrap:balance}
.faq-upd{margin-top:var(--s2);font-size:13px;color:var(--muted)}
/* téléphone : les événements du fil passent à la ligne au lieu d’être coupés */
@media (max-width:600px){.sg-ev .sg-et span{white-space:normal;overflow:visible;text-overflow:clip;font-size:12.5px;line-height:1.15}.sg-ev .sg-et small{line-height:1.2}}


/* ===================== v16 · vues MCP et bench : même cadre que #crm .mwin et #morning .appwin =====================
   Largeur de la grille, hauteur offerte par la vue (même calcul que la fenêtre de la matinée), rayon 32,
   fond --paper, même ombre, padding 8, barre 48, corps en retrait de rayon 24 (rayons concentriques 32 / 24 / 16). */
.mc16-win,.bn16{position:relative;box-sizing:border-box;width:100%;height:clamp(382px,calc(100svh - 378px),582px);margin:0;padding:8px;border-radius:32px;background:var(--paper);box-shadow:var(--lift),0 48px 96px -56px oklch(30% .02 70 / .4);display:flex;flex-direction:column;overflow:hidden}
@media (min-width:901px){.mc16-win,.bn16{height:clamp(382px,var(--e-fill),762px)}}
.mc16-win *,.bn16 *{box-sizing:border-box}

/* ---------- v16 · MCP : barre de fenêtre ---------- */
.mc16-bar{flex:none;display:flex;align-items:center;gap:16px;height:48px;padding:0 16px}
.mc16-dots{display:flex;gap:8px}.mc16-dots i{width:10px;height:10px;border-radius:50%;background:var(--wire)}
.mc16-tabs{position:relative;display:inline-flex;padding:4px;border-radius:999px;background:var(--sunk)}
.mc16-tg{position:absolute;left:4px;top:4px;width:0;height:32px;border-radius:999px;background:var(--paper);box-shadow:var(--lift-sm);transition:transform .6s var(--out),width .6s var(--out)}
.mc16-tab{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:500;color:var(--muted);white-space:nowrap;transition:color .4s}
.mc16-tab svg{width:16px;height:16px;flex:none}
.mc16-tab.mc16-cur{color:var(--ink)}
.mc16-soon{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--o-soft);color:var(--o-ink);font-size:12px;font-weight:600;white-space:nowrap}
.mc16-sp{flex:1}
.mc16-ex{font-size:11.5px;color:var(--muted);white-space:nowrap}

/* ---------- v16 · MCP : corps (chat à gauche, Orcal à droite) ---------- */
.mc16-body{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:8px;border-radius:24px;background:var(--sunk)}
.mc16-chat,.mc16-lf{position:relative;z-index:1;min-height:0;border-radius:16px;background:var(--paper);box-shadow:var(--lift-sm);overflow:hidden}
.mc16-chat{display:flex;flex-direction:column}
.mc16-scroll{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:16px 20px 4px;-webkit-mask-image:linear-gradient(transparent,#000 48px);mask-image:linear-gradient(transparent,#000 48px)}
.mc16-feed{display:flex;flex-direction:column;gap:12px}
.mc16-u{align-self:flex-end;max-width:80%;padding:10px 14px;border-radius:18px 18px 6px 18px;background:var(--ink);color:var(--paper);font-size:14px;line-height:1.4}
.mc16-ai{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start}
.mc16-lg{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--sunk);color:var(--ink)}
.mc16-lg svg{width:14px;height:14px}
.mc16-call{justify-self:start;display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px 0 8px;border-radius:999px;background:var(--sunk);font-size:12.5px;font-weight:500;color:var(--text);white-space:nowrap;transition:background .4s,color .4s}
.mc16-st{position:relative;width:16px;height:16px;flex:none;display:grid;place-items:center;color:var(--o)}
.mc16-st::before{content:"";position:absolute;inset:2px;border-radius:50%;border:2px solid oklch(71.9% .172 49.6 / .25);border-top-color:var(--o);opacity:0;transition:opacity .25s}
.mc16-st svg{width:14px;height:14px;opacity:0;transform:scale(.4);transition:opacity .25s,transform .45s var(--out)}
.mc16-busy .mc16-st::before{opacity:1}
.mc16-run .mc16-busy .mc16-st::before{animation:mc16spin .8s linear infinite}
.mc16-ok .mc16-st svg{opacity:1;transform:none}
@keyframes mc16spin{to{transform:rotate(1turn)}}
.mc16-ans{display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.45;color:var(--text)}
.mc16-ans p{margin:0 0 2px}
.mc16-r{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:10px;height:44px;padding:0 10px 0 8px;border-radius:12px;background:var(--peb);box-shadow:var(--lift-sm)}
.mc16-av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:10.5px;font-weight:600;color:var(--ink);background:var(--sunk)}
.mc16-nm{min-width:0;display:flex;flex-direction:column;line-height:1.25}
.mc16-nm b{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc16-nm small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc16-sg{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:999px;background:var(--sunk);color:var(--text);font-size:12px;white-space:nowrap}
.mc16-t{display:inline-flex;align-items:center;justify-content:center;height:24px;min-width:48px;padding:0 8px;border-radius:999px;background:var(--sunk);color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}
.mc16-t.mc16-hot{background:var(--o-soft);color:var(--o-ink)}
.mc16-dr{padding:12px 14px;border-radius:6px 18px 18px 18px;background:var(--peb);box-shadow:var(--lift-sm);font-size:14px;line-height:1.5;color:var(--ink)}
.mc16-in{flex:none;display:flex;align-items:center;gap:8px;height:48px;margin:8px 12px 12px;padding:0 6px 0 16px;border-radius:14px;background:var(--sunk);font-size:14px;color:var(--muted)}
.mc16-ph{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc16-typing .mc16-ph{color:var(--ink)}
.mc16-send{width:36px;height:36px;border-radius:11px;flex:none;display:grid;place-items:center;background:var(--o) var(--o-btn);color:var(--ink)}

/* ---------- v16 · MCP : Orcal qui réagit ---------- */
.mc16-lf{display:flex;flex-direction:column;gap:12px;padding:16px}
.mc16-lfh{flex:none;display:flex;align-items:center;gap:12px;height:32px}
.mc16-brand{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--ink)}
.mc16-conn{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px 0 10px;border-radius:999px;background:var(--sunk);font-size:12.5px;color:var(--text);white-space:nowrap}
.mc16-conn i{position:relative;width:7px;height:7px;border-radius:50%;background:oklch(62% .15 150);flex:none}
.mc16-conn i::after{content:"";position:absolute;inset:-4px;border-radius:50%;box-shadow:0 0 0 1.5px oklch(62% .15 150 / .6);opacity:0}
.mc16-run .mc16-conn i::after{animation:mc16ping 1.8s var(--g-ease) infinite}
@keyframes mc16ping{from{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.7)}}
.mc16-avs{display:none;gap:4px}
.mc16-avs i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9.5px;font-weight:600;color:var(--muted);background:var(--sunk);transition:background .4s,color .4s,transform .45s var(--out)}
.mc16-avs i.mc16-lit{background:var(--ink);color:var(--paper)}
.mc16-n{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;overflow:hidden}
.mc16-req{flex:none;display:flex;align-items:center;gap:10px;height:36px;padding:0 12px;border-radius:12px;background:var(--sunk);font-size:12.5px;font-weight:500;color:var(--muted);transition:box-shadow .4s,color .4s,background .4s}
.mc16-req.mc16-busy,.mc16-req.mc16-ok{color:var(--ink)}
.mc16-req.mc16-busy{box-shadow:inset 0 0 0 1.5px oklch(71.9% .172 49.6 / .45)}
.mc16-rq{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc16-rows{position:relative;flex:none;display:flex;flex-direction:column;gap:8px}
.mc16-ring{position:absolute;left:0;right:0;top:0;height:52px;border-radius:12px;box-shadow:0 0 0 1.5px oklch(71.9% .172 49.6 / .6),0 0 0 6px oklch(71.9% .172 49.6 / .1);opacity:0;z-index:2;pointer-events:none;transition:transform .42s var(--out),opacity .3s}
.mc16-ring.mc16-on{opacity:1}
.mc16-lr{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:12px;height:52px;padding:0 12px;border-radius:12px;background:var(--sunk);transition:background .45s,box-shadow .45s}
.mc16-lr .mc16-av{width:32px;height:32px;font-size:11px;background:var(--paper)}
.mc16-lr > :not(.mc16-sk){opacity:0;transform:translateY(5px);transition:opacity .35s,transform .5s var(--out)}
.mc16-lr > :nth-child(2){transition-delay:.05s}.mc16-lr > :nth-child(3){transition-delay:.1s}.mc16-lr > :nth-child(4){transition-delay:.15s}
.mc16-lr.mc16-lit{background:var(--peb);box-shadow:var(--lift-sm)}
.mc16-lr.mc16-lit > :not(.mc16-sk){opacity:1;transform:none}
.mc16-lr.mc16-lit .mc16-sg{background:var(--sunk);color:var(--ink)}
.mc16-sk{position:absolute;inset:0;display:grid;grid-template-columns:32px minmax(0,1fr) 88px 48px;align-items:center;gap:12px;padding:0 12px;transition:opacity .3s}
.mc16-sk i{display:block;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--wire2),oklch(97.5% .005 80),var(--wire2));background-size:200% 100%}
.mc16-sk i:first-child{width:32px;height:32px;border-radius:50%}
.mc16-sk i:nth-child(2){width:60%}
.mc16-sk i:nth-child(3),.mc16-sk i:nth-child(4){height:20px;border-radius:999px}
.mc16-run .mc16-busy ~ .mc16-rows .mc16-sk i{animation:mc16shim 1.4s linear infinite}
@keyframes mc16shim{to{background-position:-200% 0}}
.mc16-lr.mc16-lit .mc16-sk{opacity:0}
.mc16-ldr{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:12px;background:var(--sunk);overflow:hidden;transition:background .45s,box-shadow .45s}
.mc16-ldr.mc16-vis{background:var(--peb);box-shadow:var(--lift-sm)}
.mc16-to{display:flex;align-items:center;gap:10px;min-width:0;opacity:0;transform:translateY(5px);transition:opacity .35s,transform .5s var(--out)}
.mc16-to .mc16-av{background:var(--sunk)}
.mc16-to b{font-size:13.5px;font-weight:600;white-space:nowrap}
.mc16-to .mc16-sg{background:var(--paper);color:var(--ink)}
.mc16-vis .mc16-to{opacity:1;transform:none}
.mc16-dt{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink)}
.mc16-caret{display:inline-block;width:2px;height:1.05em;margin-left:1px;vertical-align:-.15em;background:var(--o)}
.mc16-run .mc16-caret{animation:mc16blink .9s steps(1) infinite}
@keyframes mc16blink{50%{opacity:0}}
.mc16-lsk{position:absolute;left:16px;right:16px;top:14px;display:flex;flex-direction:column;gap:10px;transition:opacity .3s}
.mc16-lsk i{display:block;height:8px;border-radius:8px;background:var(--wire2)}
.mc16-lsk i:first-child{width:44%;height:26px;border-radius:999px}.mc16-lsk i:nth-child(3){width:86%}.mc16-lsk i:nth-child(4){width:58%}
.mc16-vis .mc16-lsk{opacity:0}
.mc16-lf.mc16-glow{box-shadow:var(--lift-sm),0 0 0 1.5px oklch(71.9% .172 49.6 / .5),0 0 0 6px oklch(71.9% .172 49.6 / .1)}
.mc16-lf{transition:box-shadow .45s}

/* ---------- v16 · MCP : faisceau entre l'appel d'outil et l'app ---------- */
.mc16-beam{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:4;opacity:0;transition:opacity .35s}
.mc16-beam.mc16-on{opacity:1}
.mc16-wire{fill:none;stroke:oklch(71.9% .172 49.6 / .35);stroke-width:1.5;stroke-dasharray:3 5;stroke-linecap:round}
.mc16-pulse{fill:none;stroke:var(--o);stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 4px oklch(71.9% .172 49.6 / .7))}
.mc16-spark{position:absolute;left:0;top:0;z-index:5;width:10px;height:10px;margin:0;border-radius:50%;background:var(--o);box-shadow:0 0 0 4px oklch(71.9% .172 49.6 / .2),0 0 14px oklch(71.9% .172 49.6 / .7);opacity:0;pointer-events:none}

/* ---------- v16 · bench : tableau dans le même cadre ---------- */
.bn16{--bn16-l:.76744;--bn16-w:.23256}
.bn16-in{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;padding:8px;border-radius:24px;background:var(--sunk)}
.bn16-lane{position:absolute;top:8px;bottom:8px;left:calc(8px + (100% - 16px) * var(--bn16-l));width:calc((100% - 16px) * var(--bn16-w));border-radius:16px;background:linear-gradient(180deg,oklch(96.4% .03 60),var(--paper) 120px);box-shadow:var(--lift);overflow:hidden;z-index:0}
.bn16-lane::after{content:"";position:absolute;left:0;right:0;top:0;height:28%;background:linear-gradient(180deg,oklch(71.9% .172 49.6 / 0),oklch(71.9% .172 49.6 / .13) 55%,oklch(71.9% .172 49.6 / 0));opacity:0;transform:translateY(-100%)}
.bn16-run .bn16-lane::after{animation:bn16sweep 3.6s var(--g-ease) infinite}
@keyframes bn16sweep{0%{transform:translateY(-100%);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translateY(357%);opacity:0}}
.bn16-row{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));align-items:stretch;border-top:1px solid var(--hair)}
.bn16-hd{flex:none;min-height:64px;border-top:0}
.bn16-pr{flex:none;min-height:72px}
.bn16-f{flex:1 1 0;min-height:0}
.bn16-l{display:flex;align-items:center;gap:12px;min-width:0;padding:4px 16px;font-size:14px;font-weight:500;color:var(--ink);line-height:1.3}
.bn16-ic{width:28px;height:28px;flex:none;border-radius:9px;display:grid;place-items:center;background:var(--paper);box-shadow:var(--lift-sm);color:var(--muted);transition:color .35s,background .35s}
.bn16-ic svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bn16-ic.bn16-fire{color:var(--o-ink);background:var(--o-soft)}
.bn16-c{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;padding:4px 12px;text-align:center;font-size:13px;color:var(--muted)}
.bn16-hd .bn16-c b{font-size:13.5px;font-weight:600;line-height:1.25;color:var(--ink);text-wrap:balance}
.bn16-hd .bn16-lf b{font-weight:700}
.bn16-bar{position:relative;display:block;width:100%;max-width:160px;height:8px;border-radius:99px;background:oklch(30% .02 70 / .08);overflow:hidden}
.bn16-bar i{position:absolute;top:0;bottom:0;left:var(--a);width:var(--w);min-width:8px;border-radius:99px;background:var(--muted);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--out);transition-delay:calc(var(--c,0) * 140ms)}
.bn16-lf .bn16-bar i{background:var(--o)}
.bn16-drawn .bn16-bar i{transform:none}
.bn16-pr em{font-style:normal;font-size:13px;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.3}
.bn16-pr .bn16-lf em{font-weight:700;color:var(--ink)}
.bn16-no{font-size:12.5px;color:var(--muted);line-height:1.3}
.bn16-ok{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--paper);box-shadow:var(--lift-sm);color:var(--ink);opacity:0;transform:scale(.5);transition:opacity .3s,transform .4s var(--out)}
.bn16-ok svg{width:14px;height:14px}
.bn16-lf .bn16-ok{background:var(--o) var(--o-btn);color:var(--ink);box-shadow:0 6px 14px -6px oklch(62% .17 45 / .6)}
.bn16-ok.bn16-hit{opacity:1;transform:none}
.bn16-fx{position:absolute;inset:0;z-index:3;pointer-events:none}
.bn16-tail{position:absolute;left:0;top:0;height:2px;margin-top:-1px;border-radius:2px;background:linear-gradient(90deg,oklch(71.9% .172 49.6 / 0),oklch(71.9% .172 49.6 / .75));transform-origin:left}
.bn16-dot{position:absolute;left:0;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--o);box-shadow:0 0 0 3px oklch(71.9% .172 49.6 / .2),0 0 12px oklch(71.9% .172 49.6 / .75)}
.bn16-ring{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;box-shadow:0 0 0 2px oklch(71.9% .172 49.6 / .7)}
.bn16-src{flex:none;margin:0;padding:12px 16px 4px;font-size:12.5px;line-height:1.4;color:var(--muted);text-align:center;text-wrap:balance}

/* ---------- v16 · mobile : même logique que la fenêtre de la matinée ---------- */
@media (max-width:760px){
 .mc16-dots,.mc16-ex{display:none}
 .mc16-bar{gap:8px;padding:0 8px}
 .mc16-tab{padding:0 10px;gap:6px}
 .mc16-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:6px;padding:6px}
 .mc16-lf{order:-1;padding:8px 10px;gap:0}
 .mc16-req,.mc16-rows,.mc16-ldr,.mc16-beam,.mc16-spark,.mc16-brand{display:none}
 .mc16-avs{display:inline-flex}
 .mc16-scroll{padding:12px 12px 4px;-webkit-mask-image:linear-gradient(transparent,#000 32px);mask-image:linear-gradient(transparent,#000 32px)}
 .mc16-feed{gap:10px}
 .mc16-u,.mc16-ans,.mc16-dr{font-size:13.5px}
 .mc16-ai{grid-template-columns:22px minmax(0,1fr);gap:8px}
 .mc16-lg{width:22px;height:22px}
 .mc16-r{grid-template-columns:28px minmax(0,1fr) auto;grid-template-rows:auto auto;height:auto;row-gap:4px;padding:6px 8px}
 .mc16-r .mc16-av{grid-row:1 / span 2}
 .mc16-r .mc16-nm small{display:none}
 .mc16-r .mc16-sg{grid-column:2;grid-row:2;justify-self:start;height:20px;font-size:11.5px}
 .mc16-r .mc16-t{grid-column:3;grid-row:1 / span 2}
 .mc16-in{margin:6px 8px 8px;height:44px}
 .mc16-send{width:32px;height:32px}
 .bn16{--bn16-l:.80488;--bn16-w:.19512}
 .bn16-in{padding:6px}
 .bn16-lane{top:6px;bottom:6px;left:calc(6px + (100% - 12px) * var(--bn16-l));width:calc((100% - 12px) * var(--bn16-w));border-radius:14px}
 .bn16-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr)}
 .bn16-hd{min-height:52px}.bn16-pr{min-height:56px}
 .bn16-l{padding:2px 6px;font-size:11px;line-height:1.2;gap:6px}
 .bn16-ic{display:none}
 .bn16-c{padding:2px 4px;gap:4px;font-size:10.5px}
 .bn16-hd .bn16-c b{font-size:10.5px}
 .bn16-pr em,.bn16-no{font-size:10.5px}
 .bn16-ok{width:20px;height:20px}.bn16-ok svg{width:12px;height:12px}
 .bn16-bar{height:6px}
 .bn16-src{padding:8px 8px 2px;font-size:10.5px;line-height:1.35}
}
/* rendu final statique (STILL) et préférence de mouvement réduit : aucune transition, aucune animation */
.mc16-still *,.mc16-still *::before,.mc16-still *::after,.bn16-still *,.bn16-still *::before,.bn16-still *::after{transition:none !important;animation:none !important}
@media (prefers-reduced-motion:reduce){.mc16-win *,.mc16-win *::before,.mc16-win *::after,.bn16 *,.bn16 *::before,.bn16 *::after{transition:none !important;animation:none !important}}


/* v18 : 4 cartes de même construction sur une ligne, Founder à droite */
@media (min-width:901px){
 #pricing .price3{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
 #pricing .price3 > .pcard{padding:30px 24px}
}
#pricing .pcard ul{font-size:14px;gap:11px}
#pricing .pcard li,#pricing .pcard li span,#pricing .p8-qui,#pricing .p8-mode,#pricing .pcard .bill span{white-space:nowrap}
#pricing .pcard li{gap:9px}
@media (min-width:901px) and (max-width:1199px){
 #pricing .price3{gap:10px}
 #pricing .price3 > .pcard{padding:24px 16px}
 #pricing .pcard ul{font-size:12.5px}
 #pricing .p8-qui,#pricing .pcard .bill{font-size:12px}
 #pricing .pcard .amt{font-size:28px}
 #pricing .pcard .amt small{font-size:12px}
}
/* prix alignés : montant (et ancien prix barré) sur une ligne, mention HT dessous, dans les 4 cartes */
/* prix et mention HT sur la même ligne ; en annuel, l'ancien prix barré passe juste au-dessus (place réservée dans les 4 cartes) */
#pricing .pcard .amt{position:relative;flex-wrap:nowrap;font-size:34px;padding-top:20px;gap:6px}
#pricing .pcard .amt b{white-space:nowrap}
#pricing .pcard .amt small{white-space:nowrap}
#pricing .pcard .amt .was{position:absolute;left:0;top:0;font-size:15px;line-height:18px;margin:0}
#pricing .pcard .amt.disc .was{max-width:80px;white-space:nowrap;margin:0}
/* chaque ligne des cartes (titre, mode, public, prix, facturation, liste, bouton) commence à la même hauteur */
@media (min-width:901px){
 #pricing .price3{grid-template-rows:repeat(7,auto);row-gap:0}
 #pricing .price3 > .pcard{display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:12px;align-content:start}
 #pricing .price3 > .pcard ul{margin-block:8px}
}



/* v19 : la grille du fondateur a 6, 10 et 4 lignes selon l'offre ; une ligne trop longue passe à la ligne au lieu de déborder */
#pricing .pcard li,#pricing .pcard li span{white-space:normal;text-wrap:pretty}
#pricing .pcard li.v19-note{padding-left:0;color:var(--mut,#6f6a62);font-size:.92em}
#pricing .pcard li.v19-note::before{content:none}
#pricing .pcard li{align-items:flex-start}
#pricing .pcard li svg{margin-top:2px;flex:none}

/* v26 : 12 px au moins pour tout texte (ines-31, tom-15) */.aw-row .av,.aw-row small,.sc-ticks span,.sc-band em,.sc-caprow .sc-ex,.crm-th span,.cr .cp .av,.crm-tabs em,.mc16-to .mc16-av,.mc16-avs i,.mc16-ex,.rider .rc em,.rider .rc .av,.tag-ex,.mw-bar .tag-ex,.cb-f .av,.blip .av,.pin .head .av,.flyer .av,.stack .av,.hl .av{font-size:12px!important}#pricing .pcard li.v19-note{font-size:max(12px,.92em)}@media (max-width:760px){.sc-lanes span,.mc16-r .mc16-sg,.bn16-l,.bn16-c,.bn16-hd .bn16-c b,.bn16-pr em,.bn16-no,.bn16-src{font-size:12px!important}}

/* ===== Preview « agentic » : blocs ajoutés à la landing v26 (préfixe ag-) ===== */
.ag-hide{display:none!important}
.ag-ex{font-size:11px;color:var(--muted);letter-spacing:.02em}

/* ---------- 1. Features épinglées : la page s'arrête, seules les étapes défilent ---------- */
.ag{position:relative;height:calc(100svh + 6 * 72svh)}
.ag-pin{position:sticky;top:0;height:100svh;display:flex;align-items:center;overflow:hidden}
.ag-in{width:100%;max-width:1240px;margin:0 auto;padding:84px 32px 28px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:56px;align-items:center}
.ag-l{display:flex;flex-direction:column;gap:22px;min-width:0}
.ag-l h2{font-size:clamp(30px,2.9vw,44px);line-height:1.06;letter-spacing:-.03em;margin:0;color:var(--ink);text-wrap:balance}
.ag-l > .kv-ey{align-self:flex-start}
.ag-l .lead{margin:0;color:var(--muted);max-width:460px}
.ag-steps{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.ag-step{position:relative;padding:12px 14px 12px 50px;border-radius:18px;cursor:pointer;transition:background .4s var(--out),box-shadow .4s}
.ag-step .n{position:absolute;left:12px;top:11px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--muted);background:var(--sunk,oklch(96.6% .007 85));transition:color .3s,background .3s,box-shadow .3s}
.ag-step b{display:block;font-size:16.5px;font-weight:600;color:var(--muted);letter-spacing:-.01em;transition:color .3s}
.ag-step p{margin:0;max-height:0;opacity:0;overflow:hidden;font-size:14.5px;line-height:1.5;color:var(--text,oklch(32% .012 60));transition:max-height .5s var(--out),opacity .4s,margin .4s}
.ag-step .bar{position:absolute;left:24px;top:40px;bottom:-6px;width:2px;border-radius:2px;background:oklch(91% .012 80);overflow:hidden}
.ag-step:last-child .bar{display:none}
.ag-step .bar i{position:absolute;inset:0;background:var(--sig);transform-origin:top;transform:scaleY(var(--f,0))}
.ag-step.on{background:var(--paper);box-shadow:var(--lift)}
.ag-step.on .n{color:var(--ink);background:var(--paper);box-shadow:0 0 0 1.5px var(--sig)}
.ag-step.on b,.ag-step.done b{color:var(--ink)}
.ag-step.done .n{color:var(--ink)}
.ag-step.on p{max-height:120px;opacity:1;margin-top:6px}
.ag-step:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

.ag-r{min-width:0}
.ag-win{position:relative;border-radius:28px;background:var(--paper);box-shadow:var(--lift);overflow:hidden;height:min(560px,calc(100svh - 150px));min-height:420px;display:flex;flex-direction:column}
.ag-bar{display:flex;align-items:center;gap:12px;height:44px;padding:0 16px;border-bottom:1px solid oklch(93% .008 80);flex:none}
.ag-bar .dots{display:flex;gap:6px}.ag-bar .dots i{width:9px;height:9px;border-radius:50%;background:oklch(88% .01 80)}
.ag-bar .url{margin:0 auto;font-size:12px;color:var(--muted);background:var(--sunk,oklch(96.6% .007 85));padding:4px 12px;border-radius:99px}
.ag-stage{position:relative;flex:1;min-height:0}
.ag-sc{position:absolute;inset:0;padding:22px 24px;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(14px) scale(.985);filter:blur(6px);pointer-events:none;transition:opacity .5s var(--out),transform .6s var(--out),filter .5s var(--out)}
.ag-sc.act{opacity:1;transform:none;filter:none}
.ag-sc h4{margin:0;font-size:13px;font-weight:600;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:10px}
.ag-sc h4 .cnt{font-size:22px;color:var(--ink);font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}

/* éléments qui apparaissent au défilement (data-at) */
.ag [data-at]{opacity:0;transform:translateY(10px);transition:opacity .45s var(--out),transform .55s var(--out),max-height .5s var(--out)}
.ag [data-at].on{opacity:1;transform:none}

/* lignes de leads */
.ag-rows{display:flex;flex-direction:column;gap:6px}
.ag-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 12px;border-radius:14px;background:var(--sunk,oklch(96.6% .007 85));max-height:60px}
.ag-av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:600;color:var(--ink);background:var(--peb);box-shadow:var(--g-rest-sm)}
.ag-row .who{min-width:0}.ag-row .who b{display:block;font-size:13.5px;color:var(--ink);font-weight:600}
.ag-row .who small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-sig{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px;border-radius:99px;background:var(--paper);box-shadow:var(--g-rest-sm);font-size:12px;color:var(--ink);white-space:nowrap}
.ag-sig::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sig);flex:none}
.ag-sig.off{color:var(--muted);box-shadow:none;background:none}.ag-sig.off::before{background:oklch(80% .008 80)}
.ag-sc[data-s="1"] .ag-row.no{transition:opacity .5s,max-height .5s var(--out),padding .5s,margin .5s}
.ag-sc[data-s="1"] .ag-row.no.gone{opacity:.0;max-height:0;padding-top:0;padding-bottom:0;margin-top:-7px}
.ag-sc[data-s="1"] .ag-row.yes .ag-sig{opacity:0;transform:scale(.8);transition:opacity .4s,transform .5s var(--spring)}
.ag-sc[data-s="1"] .ag-row.yes.lit .ag-sig{opacity:1;transform:none}

/* fil d'activité (chauffe, relance) */
.ag-tl{display:flex;flex-direction:column;gap:10px}
.ag-ev{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start}
.ag-ev .ic{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--peb);box-shadow:var(--g-rest-sm);color:var(--sig)}
.ag-ev .ic svg{width:14px;height:14px}
.ag-ev b{font-size:13.5px;color:var(--ink);font-weight:600}.ag-ev small{font-size:12px;color:var(--muted);margin-left:6px}
.ag-post{margin-top:6px;padding:12px 14px;border-radius:14px;background:var(--sunk,oklch(96.6% .007 85));font-size:13px;line-height:1.5;color:var(--text,oklch(32% .012 60))}
.ag-post .cm{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--paper);box-shadow:var(--g-rest-sm);color:var(--ink)}
.ag-post .cm em{font-style:normal;font-size:11.5px;color:var(--muted);display:block;margin-bottom:3px}
.ag-caret::after{content:"";display:inline-block;width:1.5px;height:1em;margin-left:1px;vertical-align:-2px;background:var(--ink);animation:agBlink 1s steps(2) infinite}
@keyframes agBlink{50%{opacity:0}}

/* conversation */
.ag-chat{display:flex;flex-direction:column;gap:9px}
.ag-msg{max-width:84%;padding:10px 13px;border-radius:16px;font-size:13.5px;line-height:1.5}
.ag-msg.me{align-self:flex-end;background:var(--paper);box-shadow:var(--g-rest-sm);color:var(--ink);border-bottom-right-radius:6px}
.ag-msg.them{align-self:flex-start;background:var(--sunk,oklch(96.6% .007 85));color:var(--ink);border-bottom-left-radius:6px}
.ag-msg em{display:block;font-style:normal;font-size:11px;color:var(--muted);margin-bottom:3px}
.ag-chip{align-self:center;display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:99px;background:var(--paper);box-shadow:var(--g-rest-sm);font-size:12px;color:var(--ink)}
.ag-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sig)}
.ag-chip.ok::before{background:oklch(62% .13 152)}
.ag-slots{display:flex;gap:8px;margin-top:6px}
.ag-slots span{height:30px;padding:0 12px;border-radius:99px;display:inline-flex;align-items:center;font-size:12.5px;background:var(--sunk,oklch(96.6% .007 85));color:var(--ink)}
.ag-slots span.pick{background:var(--paper);box-shadow:var(--g-rest-sm)}

/* agenda */
.ag-cal{display:grid;grid-template-columns:40px repeat(5,minmax(0,1fr));gap:4px;font-size:11px;color:var(--muted)}
.ag-cal .d{text-align:center;padding-bottom:4px}.ag-cal .d b{display:block;font-size:13px;color:var(--ink)}
.ag-cal .h{text-align:right;padding-right:6px;line-height:26px}
.ag-cal .c{height:26px;border-radius:7px;background:var(--sunk,oklch(96.6% .007 85));position:relative}
.ag-cal .busy{background:oklch(93% .008 80)}
.ag-cal .ev{position:absolute;inset:-1px;z-index:2;border-radius:8px;background:var(--paper);box-shadow:var(--g-rest);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;padding:0 9px 0 18px;font-size:11px;line-height:1.25;color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;height:56px}
.ag-cal .ev small{font-weight:400;color:var(--muted);font-size:10.5px}
.ag-cal .ev::before{content:"";position:absolute;left:8px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--sig)}
.ag-cal .ev[data-at]{transform:translateY(-18px) scale(.94)}
.ag-cal .ev[data-at].on{transform:none}

/* piloter */
.ag-agent{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;background:var(--paper);box-shadow:var(--lift)}
.ag-agent b{font-size:15px;color:var(--ink)}.ag-agent small{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);margin-top:3px}
.ag-agent small::before{content:"";width:7px;height:7px;border-radius:50%;background:oklch(62% .13 152);box-shadow:0 0 0 3px oklch(62% .13 152 / .18)}
.ag-pause{position:relative;width:48px;height:48px;border-radius:50%;border:0;background:var(--peb);box-shadow:var(--g-rest);display:grid;place-items:center;color:var(--ink)}
.ag-pause svg{width:16px;height:16px}
.ag-pause::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid var(--sig);opacity:.0;animation:agRing 2.6s var(--out) infinite}
@keyframes agRing{0%{opacity:.7;transform:scale(.92)}70%,100%{opacity:0;transform:scale(1.18)}}
.ag-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ag-kpi div{padding:10px 12px;border-radius:14px;background:var(--sunk,oklch(96.6% .007 85))}
.ag-kpi b{display:block;font-size:20px;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ag-kpi span{font-size:11.5px;color:var(--muted)}
.ag-tune{display:flex;flex-wrap:wrap;gap:7px}
.ag-tune span{height:28px;padding:0 12px;border-radius:99px;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;background:var(--paper);box-shadow:var(--g-rest-sm);color:var(--ink)}
.ag-tune span svg{width:12px;height:12px;color:var(--sig)}
.ag-mcp{padding:12px 14px;border-radius:16px;background:var(--sunk,oklch(96.6% .007 85));display:flex;flex-direction:column;gap:8px}
.ag-mcp .src{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--muted)}
.ag-mcp .src svg{width:13px;height:13px;color:var(--ink)}

/* ---------- 2. Logos + Trustpilot ---------- */
.ag-proof{padding:72px 0 40px;display:flex;flex-direction:column;align-items:center;gap:26px}
.ag-proof-t{margin:0;font-size:15px;color:var(--muted);text-align:center}
.ag-marq{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.ag-marq-in{display:flex;gap:56px;width:max-content;animation:agMarq 46s linear infinite}
.ag-marq:hover .ag-marq-in{animation-play-state:paused}
@keyframes agMarq{to{transform:translateX(-50%)}}
.ag-logo{display:inline-flex;align-items:center;gap:10px;color:oklch(32% .012 60 / .62);font-size:19px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;transition:color .3s}
.ag-logo svg{width:24px;height:24px;fill:currentColor}
.ag-logo:hover{color:var(--ink)}
.ag-tp{display:inline-flex;align-items:center;gap:14px;padding:12px 20px;border-radius:99px;background:var(--paper);box-shadow:var(--lift);font-size:14px;color:var(--ink)}
.ag-tp b{font-weight:600}
.ag-tp .stars{display:inline-flex;gap:3px}
.ag-tp .st{position:relative;width:22px;height:22px;background:oklch(88% .01 80);display:grid;place-items:center;overflow:hidden}
.ag-tp .st i{position:absolute;inset:0;background:#00b67a;width:var(--w,100%)}
.ag-tp .st svg{position:relative;width:14px;height:14px;fill:#fff}
.ag-tp .brand{display:inline-flex;align-items:center;gap:5px;font-weight:600}
.ag-tp .brand svg{width:18px;height:18px;fill:#00b67a}
.ag-tp .sep{width:1px;height:20px;background:oklch(90% .01 80)}
.ag-warn{font-size:12px;color:var(--muted);text-align:center;max-width:620px;margin:0}

/* ---------- 3. Citation du fondateur ---------- */
.ag-q{padding:80px 0 96px}
.ag-q-card{position:relative;max-width:1040px;margin:0 auto;padding:64px 72px 52px;border-radius:36px;background:var(--paper);box-shadow:var(--lift);overflow:hidden}
.ag-q-card::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 100% 0%,oklch(95.5% .04 60 / .55),transparent 70%);pointer-events:none}
.ag-q-mark{position:relative;display:block;width:44px;height:44px;color:var(--sig);margin-bottom:22px}
.ag-q-mark svg{display:block;width:100%;height:100%}
.ag-q blockquote{position:relative;margin:0;font-size:clamp(24px,2.5vw,36px);line-height:1.28;letter-spacing:-.022em;font-weight:500;color:var(--ink);text-wrap:pretty}
.ag-q blockquote .w{opacity:.18;transition:opacity .35s}
.ag-q blockquote .w.on{opacity:1}
.ag-q figcaption{position:relative;display:flex;align-items:center;gap:14px;margin-top:36px;padding-top:24px;border-top:1px solid oklch(93% .008 80)}
.ag-q .av{width:48px;height:48px;border-radius:50%;background:var(--peb);box-shadow:var(--g-rest);display:grid;place-items:center;color:var(--ink)}
.ag-q .av svg{width:30px;height:30px}
.ag-q figcaption b{display:block;font-size:16px;color:var(--ink)}
.ag-q figcaption span{font-size:14px;color:var(--muted)}

/* ---------- 4. Petits budgets : Essential ---------- */
.ag-ess{padding:0 0 40px}
.ag-ess-card{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:22px 26px;border-radius:28px;background:var(--paper);box-shadow:var(--lift)}
.ag-ess-ic{width:48px;height:48px;border-radius:50%;background:var(--peb);box-shadow:var(--g-rest-sm);display:grid;place-items:center;color:var(--sig)}
.ag-ess-ic svg{width:20px;height:20px}
.ag-ess-card b{display:block;font-size:17px;color:var(--ink);letter-spacing:-.01em}
.ag-ess-card p{margin:4px 0 0;font-size:14.5px;color:var(--muted);line-height:1.5}
.ag-ess-card .btn{white-space:nowrap}

/* ---------- mobile : pas d'épinglage, étapes empilées ---------- */
@media (max-width:900px){
  .ag{height:auto}
  .ag-pin{position:relative;height:auto;overflow:visible}
  .ag-in{grid-template-columns:1fr;padding:72px 20px 24px;gap:28px}
  .ag-r{display:none}
  .ag-step{padding-left:46px;cursor:default;background:var(--paper);box-shadow:var(--lift);margin-bottom:12px}
  .ag-step b{color:var(--ink)}
  .ag-step p{max-height:none;opacity:1;margin-top:6px}
  .ag-step .bar{display:none}
  .ag-step .ag-mini{display:block}
  .ag-mini .ag-row{grid-template-columns:30px minmax(0,1fr);row-gap:6px;max-height:none}
  .ag-mini .ag-row .ag-sig{grid-column:2;justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .ag-mini h4{flex-direction:column;align-items:flex-start}
  .ag-mini .ag-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ag-mini .ag-msg{max-width:94%}
  .ag-mini .ag-chip{height:auto;min-height:28px;padding:6px 12px;text-align:left;align-self:flex-start}
  .ag-mini .ag-cal{grid-template-columns:30px repeat(5,minmax(0,1fr));font-size:10px}
  .ag-mini .ag-cal .ev{padding:0 4px 0 12px;font-size:9.5px}.ag-mini .ag-cal .ev::before{left:4px}
  .ag-q-card{padding:40px 26px 32px;border-radius:28px;margin:0 16px}
  .ag-ess-card{grid-template-columns:auto minmax(0,1fr);margin:0 16px}
  .ag-ess-card .btn{grid-column:1 / -1;justify-self:start}
  .ag-tp{flex-wrap:wrap;justify-content:center;border-radius:24px;margin:0 16px}
  .ag-tp .sep{display:none}
}
.ag-mini{display:none;margin-top:12px;position:relative;border-radius:20px;background:var(--canvas,oklch(95.6% .008 80));overflow:hidden}
.ag-mini .ag-sc{position:relative;inset:auto;opacity:1;transform:none;filter:none;padding:14px}
.ag-mini [data-at]{opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:reduce){
  .ag-sc,.ag [data-at],.ag-step p{transition:none}
  .ag-marq-in,.ag-pause::after{animation:none}
}
/* étape 5 : objectifs de l'agent (pastilles existantes, en plusieurs lignes) + deux objectifs atteints côte à côte */
.ag-slots.ag-goals{flex-wrap:wrap;gap:6px;margin-top:0}
.ag-goals span{height:26px;padding:0 10px;font-size:11.5px;color:var(--muted)}
.ag-goals span.pick{color:var(--ink);font-weight:600}
.ag-done{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.ag-done .ag-chip{align-self:auto}
@media (max-width:900px){.ag-mini .ag-done{justify-content:flex-start}.ag-mini .ag-cal{grid-template-columns:36px repeat(5,minmax(0,1fr))}.ag-mini .ag-cal .h{white-space:nowrap}}

/* 05/11/2026 (soir) : citation déplacée dans la dernière vue, juste avant « Vos prochains clients envoient déjà des signaux. » : même largeur que la carte finale */
#faq .ag-q{width:100%;padding:8px 0 40px}
#faq .ag-q-card{max-width:none}

/* comparatif des offres sur sa propre page et lien sous les cartes de prix (05/11/2026, nuit) */
#pricing .pr-more-l{display:flex;justify-content:center;margin:22px 0 0}
#pricing a.pr-more{display:inline-flex;align-items:center;gap:8px;height:var(--pr-h,34px);padding:0 14px;border-radius:999px;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;white-space:nowrap;background:var(--paper);box-shadow:var(--lift-sm);transition:box-shadow .3s var(--out),transform .3s var(--out)}
#pricing a.pr-more:hover{transform:translateY(-1px);box-shadow:var(--lift)}
#pricing a.pr-more:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
#pricing a.pr-more svg{width:15px;height:15px;color:var(--sig,#F77E2D)}
#compare.pr-page{padding-top:132px;min-height:calc(100vh - 200px)}
#compare .pr-back{max-width:1120px;margin:0 auto 18px}
#compare .pr-back a{font-size:14px;color:var(--muted);text-decoration:none}
#compare .pr-back a::before{content:"\2190  "}
#compare .pr-back a:hover{color:var(--ink)}
/* page « Comparatif des offres » : seule la section #compare reste dans la page (le menu et le pied sont hors de main) */
html[data-page=comparatif] main > :not(#compare):not(footer):not(:has(footer)){display:none!important}
/* l'entrée des vues se lance à 22 % visible : jamais atteint au téléphone pour ce tableau très haut ; sur sa page, il est affiché d'emblée */
html[data-page=comparatif] #compare .k-pre{opacity:1!important;transform:none!important}

/* H1 : retour à la ligne après la première phrase sur ordinateur seulement (inject.js, brH1) */
@media (max-width:700px){#whero h1 br.h1-br{display:none}}
/* H1 du fondateur : plus petit, un espace entre les deux phrases (05/11/2026, nuit) */
#whero h1.split{font-size:clamp(34px,3.9vw,56px)}
#whero h1.split .h1-sep{display:block;height:.32em}
/* H1 FR : le nom en tête, affiché O R C A L (05/11/2026, nuit) */
#whero h1.split .h1-marque{text-transform:uppercase;letter-spacing:.42em;margin-right:-.42em;font-weight:700}
/* hero sans sous-titre (06/11/2026) : titre, champ, lien, avec un rythme régulier */
#whero h1.split + .start-wrap{margin-top:48px}
#whero .start-wrap .micro{margin-top:12px}
@media (max-width:700px){#whero h1.split + .start-wrap{margin-top:32px}#whero .start-wrap .micro{margin-top:8px}}
/* hero descendu de 3 cm (06/11/2026, fondateur) : environ 113 px sur ordinateur, moins sur les écrans bas */
@media (min-width:701px){#whero{--hdy:clamp(48px,calc(100vh - 790px),113px)}#whero h1.split{margin-top:var(--hdy)}
 /* les vagues descendent d'autant : le lien « Pas de site web ? » reste sur le fond clair */
 #whero.kw .wbox{-webkit-mask-image:linear-gradient(transparent var(--wv-top,58%),#000 calc(var(--wv-top,58%) + 18%),#000 94%,transparent);mask-image:linear-gradient(transparent var(--wv-top,58%),#000 calc(var(--wv-top,58%) + 18%),#000 94%,transparent)}}

/* 06/11/2026 (fondateur) : sous-titres retirés sous les H2, un sous-titre vide ne laisse aucun espace ; FAQ : une phrase par ligne, avec de l'air */
.kv-h p.lead:empty,.ag-l p.lead:empty{display:none}
.ans p:not(:last-child){padding-bottom:10px}

/* 06/11/2026 : lien de langue FR / EN du menu (choix du fondateur), même taille et même gris que les liens du menu ;
   sous 900 px il ne reste que dans le volet Menu (la barre est pleine) */
.nav-in .lang-sw{font-size:14px;font-weight:400;letter-spacing:.04em;color:oklch(0.48 0.012 70);text-decoration:none;padding:4px 2px;margin-right:22px;border-radius:6px}
.nav-in .lang-sw:hover{color:oklch(0.22 0.012 60)}
.nav-in .lang-sw:focus-visible{outline:2px solid #F77E2D;outline-offset:3px}
@media (max-width:900px){.nav-in .lang-sw{display:none}}

/* Passe unslop (07/11/2026) : retouches de style uniquement, aucune animation ni couleur retirée */
#pricing .amt b{font-variant-numeric:tabular-nums}
.mw-url b,.rc b{font-weight:600}
#pricing .pcard li.v19-note{font-size:13px}

/* 11/11/2026 : la croix du parcours et de l'étape e-mail (.ob-x) restait figée au survol et au clic (aucun :hover,
   aucun :active, aucune transition). Même ressort que .btn ; au survol elle grossit, l'ombre se creuse et l'icône tourne d'un quart de tour ; au clic elle s'enfonce ; jamais de contour encre */
.ob-x{transition:transform .35s var(--spring),box-shadow .3s}
.ob-x svg{transition:transform .35s var(--spring)}
@media (hover:hover){.ob-x:hover{transform:scale(1.06);box-shadow:inset 0 1px 0 oklch(100% 0 0),inset 0 0 0 .5px var(--hair),0 2px 3px oklch(40% .02 70 / .08),0 12px 24px -8px oklch(40% .02 70 / .38)}.ob-x:hover svg{transform:rotate(90deg)}}
.ob-x:active{transform:scale(.92)}
@media (prefers-reduced-motion:reduce){.ob-x,.ob-x svg{transition:none}.ob-x:hover svg{transform:none}}



/* Propositions motion de la section « Vos agents » (05/11/2026). Copie générée de la landing preview, jamais la v26.
   Jetons et gestes repris de la page (INVENTAIRE.md) : --peb, --lift-sm, --sunk, --sig, --sig-soft, --sig-ink, --out,
   --spring, --g-ease ; ligne qui entre, remplacement en fondu, frappe avec curseur, vol FLIP, tampon, trait qui barre,
   coche en ressort, galet qui glisse, toast noir. Aucune fenêtre de navigateur, aucun sur-titre à point. */
:is(#agents,#agents-conv).ma{position:relative;min-height:auto;padding:96px 24px 72px;display:block}
:is(#agents,#agents-conv).ma .kv-h{max-width:820px;margin:0 auto 40px}
:is(#agents,#agents-conv).ma .kv-h h2{margin:0}
:is(#agents,#agents-conv).ma .kv-h .lead{max-width:none}
.ma-wrap{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:40px;align-items:center}

/* étapes : titres seuls, la description de l'étape jouée s'ouvre, une jauge fine se remplit pendant l'étape */
.ma-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.ma-step{position:relative;padding:10px 16px;border-radius:18px;cursor:pointer;transition:background .3s var(--out),box-shadow .3s var(--out)}
.ma-step b{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.01em;color:var(--muted);transition:color .3s}
.ma-step.done b{color:var(--ink)}
.ma-step.on{background:var(--peb);box-shadow:var(--lift-sm)}
.ma-step.on b{color:var(--ink)}
.ma-step p{margin:0;font-size:13.5px;line-height:1.5;color:var(--text);max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--out),opacity .4s,margin .4s}
.ma-step.on p{max-height:120px;opacity:1;margin-top:6px}
.ma-step .bar{display:block;height:0;border-radius:2px;background:var(--sunk);margin-top:0;overflow:hidden;opacity:0;transition:opacity .3s}
.ma-step.on .bar{opacity:1;height:2px;margin-top:12px}
.ma-step .bar i{display:block;height:100%;width:100%;background:var(--sig);transform-origin:left;transform:scaleX(0)}
.ma-step:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ma-plans{margin:14px 16px 0;font-size:13px;color:var(--muted)}

/* scène : un galet, des objets de l'app */
.ma-stage{position:relative;border-radius:28px;background:var(--peb);box-shadow:var(--lift);padding:26px;min-height:500px;overflow:hidden;display:flex;flex-direction:column;gap:16px}
.ma-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);min-height:28px}
.ma-hd b{color:var(--ink);font-weight:600;font-size:14px}
.ma-num{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}
.ma-av{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:600;color:var(--ink);background:var(--peb);box-shadow:var(--lift-sm)}
.ma-who{min-width:0;display:flex;flex-direction:column}
.ma-who b{font-size:14px;color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ma-who small{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ma-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:500;white-space:nowrap;background:var(--paper);box-shadow:var(--lift-sm);color:var(--text)}
.ma-chip svg{width:14px;height:14px;flex:none}
.ma-chip.s{background:var(--sig-soft);color:var(--sig-ink);box-shadow:none}
.ma-chip.s::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sig)}
.ma-chip.off{background:transparent;box-shadow:inset 0 0 0 1px var(--hair);color:var(--muted)}
.ma-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;border-radius:18px;background:var(--peb);box-shadow:var(--lift-sm)}
.ma-row.nu{background:transparent;box-shadow:none}
.ma-ic{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--peb);box-shadow:var(--lift-sm);color:var(--sig)}
.ma-ic svg{width:15px;height:15px}
.ma-line{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:start;gap:12px}
.ma-line > div{min-width:0}
.ma-line b{display:block;font-size:13.5px;font-weight:600;color:var(--ink)}
.ma-line small{font-size:12px;color:var(--muted)}
.ma-txt{margin-top:6px;font-size:13.5px;line-height:1.5;color:var(--text);padding:10px 14px;border-radius:16px;background:var(--paper);box-shadow:var(--lift-sm)}
.ma-txt.me{color:var(--ink)}
.ma-post{margin-top:6px;font-size:12.5px;line-height:1.5;color:var(--muted);padding-left:12px;box-shadow:inset 2px 0 0 var(--hair)}

.ma-caret::after{content:"";display:inline-block;width:2px;height:1em;background:var(--ink);vertical-align:-2px;margin-left:1px;animation:maCaret .8s steps(1) infinite}
@keyframes maCaret{50%{opacity:0}}
.ma-strike{position:relative;transition:opacity .5s}
.ma-strike b{text-decoration:line-through 1.5px transparent;transition:text-decoration-color .5s}
.ma-strike.on b{text-decoration-color:var(--muted)}
.ma-strike.on{opacity:.5}
.ma-parti{opacity:.45;transition:opacity .4s}
.ma-toast{position:absolute;left:50%;bottom:22px;transform:translate(-50%,30px);opacity:0;display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;background:var(--ink);color:#fff;font-size:13.5px;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;transition:transform .5s var(--out),opacity .3s;z-index:3}
.ma-toast.on{transform:translate(-50%,0);opacity:1}
.ma-toast i{width:7px;height:7px;border-radius:50%;background:var(--sig);flex:none}
.ma-goals{display:flex;flex-wrap:wrap;gap:8px}
.ma-goals .ma-chip{transition:background .3s,color .3s,box-shadow .3s}
.ma-goals .ma-chip.pick{background:var(--ink);color:#fff;box-shadow:none}
.ma-cal{display:grid;grid-template-columns:44px repeat(5,minmax(0,1fr));gap:4px;font-size:11.5px;color:var(--muted)}
.ma-cal .d{text-align:center;padding-bottom:2px}.ma-cal .d b{display:block;color:var(--ink);font-size:13px}
.ma-cal .h{display:flex;align-items:center}
.ma-cal .c{height:30px;border-radius:9px;background:var(--sunk);position:relative}
.ma-cal .c.busy{background:repeating-linear-gradient(135deg,var(--sunk) 0 6px,oklch(93% .008 85) 6px 12px)}
.ma-cal .ev{position:absolute;inset:2px;border-radius:8px;background:var(--paper);box-shadow:var(--lift-sm);color:var(--ink);font-size:11px;font-weight:600;display:flex;align-items:center;padding:0 8px;white-space:nowrap;overflow:hidden}
.ma-cal .ev::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sig);margin-right:6px;flex:none}
.ma-ping{position:absolute;inset:0;border-radius:inherit;border:2px solid var(--sig);pointer-events:none}
.ma-pause{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--peb);box-shadow:var(--lift-sm);color:var(--ink);flex:none}
.ma-pause svg{width:18px;height:18px}
.ma-tune{display:flex;flex-wrap:wrap;gap:8px}
.ma-tune .ma-chip svg{width:14px;height:14px;color:var(--sig)}
.ma-ask{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ma-ask .ma-src{padding-bottom:10px}
.ma-q{margin-left:auto;max-width:78%;padding:10px 14px;border-radius:16px 16px 4px 16px;background:var(--ink);color:#fff;font-size:13.5px;line-height:1.45}
.ma-a{align-self:flex-start;max-width:94%;padding:10px 14px;border-radius:16px 16px 16px 4px;background:var(--paper);box-shadow:var(--lift-sm);color:var(--ink);font-size:13.5px;line-height:1.45}
.ma-src{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
.ma-src svg{width:16px;height:16px}
.ma-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.ma-fill{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0}

/* squelettes (#mcp : lignes qui brillent avant d'être remplies) */
.ma-sk{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:46px;padding:0 14px 0 42px;border-radius:16px}
.ma-sk i{display:block;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--sunk) 0%,oklch(98.6% .005 85) 40%,var(--sunk) 80%);background-size:200% 100%;animation:maShim 1.4s linear infinite}
.ma-sk.carte{min-height:84px;border-radius:16px}
.ma-sk i:first-child{width:46%}.ma-sk i:last-child{width:72%}
@keyframes maShim{to{background-position:-200% 0}}
.ma-wait{position:relative}
.ma-wait > *{visibility:hidden}
.ma-wait::after{content:"";position:absolute;inset:4px 0;border-radius:14px;background:linear-gradient(90deg,var(--sunk) 0%,oklch(98.6% .005 85) 40%,var(--sunk) 80%);background-size:200% 100%;opacity:.75;animation:maShim 1.4s linear infinite}
.ma-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ma-kpi div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:16px;background:var(--paper);box-shadow:var(--lift-sm);min-width:0}
.ma-kpi b{font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.ma-kpi span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* P1 : une ligne, cinq états */
.p1 .ma-lead{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;border-radius:22px;background:var(--paper);box-shadow:var(--lift)}
.p1 .ma-lead .ma-av{width:44px;height:44px;font-size:13px}
.p1 .ma-state{position:relative;display:flex;justify-content:flex-end;min-width:0}
.p1{height:570px}
.p1 .ma-log{display:flex;flex-direction:column;justify-content:flex-start;gap:12px;flex:1;min-height:0}
.p1 .ma-log:has(> .ma-row.nu){justify-content:space-between;gap:4px}
.p1 .ma-log > .ma-row.nu{padding:6px 14px}
.p1 .ma-crumbs{display:flex;flex-wrap:wrap;gap:6px}
.p1 .ma-crumbs .ma-chip{height:26px;font-size:12px}

/* P2 : la journée de l'agent (file + détail, comme « Votre matinée ») */
.p2 .ma-two{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;height:448px}
.p2 .ma-list{position:relative;display:flex;flex-direction:column;gap:6px;overflow:hidden;min-height:0}
.p2 .ma-list .ma-row{background:transparent;box-shadow:none;position:relative;z-index:1;grid-template-columns:30px minmax(0,1fr) auto;padding:8px 10px}
.p2 .ma-gal{position:absolute;left:0;right:0;top:0;height:0;border-radius:16px;background:var(--paper);box-shadow:var(--lift-sm);transition:top .5s var(--out),height .5s var(--out),opacity .3s;z-index:0;opacity:0}
.p2 .ma-detail{border-radius:22px;background:var(--paper);box-shadow:var(--lift-sm);padding:18px;display:flex;flex-direction:column;gap:12px;min-height:0;position:relative;overflow:hidden}
.p2 .ma-list .ma-chip{height:24px;font-size:11.5px;padding:0 9px}

/* P3 : le tri, puis l'objectif (comme « Signaux » et le comparatif) */
.p3 .ma-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.p3 .ma-feed{position:relative;display:flex;flex-direction:column;gap:4px}
.p3 .ma-feed .ma-row{background:transparent;box-shadow:none;padding:8px 12px;grid-template-columns:30px minmax(0,1fr) auto}
.p3 .ma-dot{width:8px;height:8px;border-radius:50%;background:oklch(82% .01 80);position:relative;transition:background .3s}
.p3 .ma-dot.on{background:var(--sig)}
.p3 .ma-card .sg{color:var(--sig-ink)}
.p3 .ma-pip.rep i{background:var(--ink)}
.p3 .ma-feed .ma-chip{max-width:48%;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:28px}
.p3 .ma-feed .ma-chip.s::before{display:inline-block;margin-right:6px;vertical-align:1px}
.p3 .ma-feed .ma-av{width:30px;height:30px;font-size:10px}
.p3 .ma-lens{position:absolute;left:-6px;right:-6px;height:48px;border-radius:14px;box-shadow:inset 0 0 0 1.5px var(--sig);opacity:0;pointer-events:none;transition:top .4s var(--out),opacity .3s}
.p3 .ma-two > .ma-col{align-self:stretch}
.p3 .ma-feed:has(.ma-kpi){justify-content:space-between}
.p3 .ma-feed .ma-kpi div{padding:14px 14px}
.p3 .ma-kept{display:flex;flex-direction:column;gap:8px;flex:1;justify-content:space-between}
.p3 .ma-card{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:10px 12px;border-radius:16px;background:var(--paper);box-shadow:var(--lift-sm)}
.p3 .ma-card .ma-av{width:30px;height:30px;font-size:10px}
.p3 .ma-pips{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.p3 .ma-pip{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden}
.p3 .ma-pip i{flex:none;width:14px;height:14px;border-radius:50%;background:var(--sunk);display:grid;place-items:center;transition:background .3s}
.p3 .ma-pip svg{width:13px;height:13px;color:var(--muted)}
.p3 .ma-pip.ok svg{color:var(--sig)}
.p3 .ma-pip.ok{color:var(--ink)}
.p3 .ma-pip.ok i{background:var(--sig)}
.p3 .ma-pip.ok i::after{content:"";width:6px;height:3px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.p3 .ma-buckets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.p3 .ma-bk{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:14px;background:transparent;box-shadow:inset 0 0 0 1px var(--hair);font-size:12.5px;color:var(--muted)}
.p3 .ma-bk b{font-variant-numeric:tabular-nums;color:var(--ink);font-size:15px}
.p3 .ma-bk.on{background:var(--paper);box-shadow:var(--lift-sm);color:var(--text)}
.p3 .ma-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
.p3 .ma-bk span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media (max-width:900px){
  :is(#agents,#agents-conv).ma{padding:72px 16px 56px}
  .ma-wrap{grid-template-columns:minmax(0,1fr);gap:24px}
  .ma-stage{min-height:320px;padding:18px}
  .p1{height:auto}
  .p2 .ma-two,.p3 .ma-two{grid-template-columns:minmax(0,1fr)}
  .p2 .ma-two{height:auto;grid-template-rows:240px auto}
  .p2 .ma-detail{min-height:360px}
  .p3 .ma-buckets{grid-template-columns:repeat(2,minmax(0,1fr))}
  .p3 .ma-bk{padding:8px 10px;font-size:12px;line-height:1.3}
  .p3 .ma-bk span{white-space:normal}
  .ma-cal{grid-template-columns:36px repeat(5,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
  .ma-sk i,.ma-wait::after{animation:none}
  .ma-step p{max-height:none;opacity:1;margin-top:6px}
  .ma-step .bar{display:none}
  .ma-caret::after{animation:none}
}

/* ====================== P4 à P13 : propositions minimalistes (05/11/2026) ======================
   Une idée, un objet principal, grand vide assumé. À gauche les titres seuls (ou un rail sous la scène) et l'essai. */
:is(#agents,#agents-conv).ma.mn .kv-h{margin-bottom:56px}
.mn-wrap{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:64px;align-items:center}
.mn-l{display:flex;flex-direction:column;gap:28px}
.mn .ma-step{cursor:default;padding:9px 16px}
.mn .ma-step b{font-size:15.5px}
.mn-wrap.statique .ma-step b{color:var(--ink)}
.mn-cta{padding-left:16px}
.ma-stage.mn{min-height:440px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}
.mn .ma-chip{height:30px;font-size:13px;padding:0 13px}
.mn-st{display:flex;min-height:30px;align-items:center}
.mn .ma-chip.s:has(svg)::before{display:none}
.mn .ma-chip.s svg{color:var(--sig)}
.mn-lead{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;padding:14px 22px 14px 14px;border-radius:22px;background:var(--paper);box-shadow:var(--lift);min-width:0}
.mn-lead .ma-av{width:44px;height:44px;font-size:13px}
.mn-lead .ma-who{gap:6px}
.mn-lead .ma-who b{font-size:15px}
.mn .ma-who b{overflow:visible}
/* rail : la scène seule, au centre ; dessous, six traits et le titre de l'étape jouée */
.mn-wrap.rail{grid-template-columns:minmax(0,760px);justify-content:center;gap:26px}
.rail .ma-steps{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:100%;max-width:460px;margin:0 auto;padding-bottom:34px}
.rail .ma-step{position:static;padding:0;border-radius:3px;height:3px;background:var(--sunk);box-shadow:none}
.rail .ma-step.on{background:var(--sunk);box-shadow:none}
.rail .ma-step.done{background:var(--sig)}
.rail .ma-step .bar{display:block;height:3px;margin:0;opacity:1;background:none;border-radius:3px}
.rail .ma-step.on .bar{height:3px;margin:0}
.rail .ma-step.on .bar i{animation:mnRail 1.25s linear forwards}
@keyframes mnRail{to{transform:scaleX(1)}}
.rail .ma-step b{position:absolute;left:0;right:0;bottom:0;text-align:center;opacity:0;transform:translateY(6px);transition:opacity .35s var(--out),transform .45s var(--out);pointer-events:none}
.rail .ma-step.on b{opacity:1;transform:none;color:var(--ink)}
.rail .mn-cta{padding:0;text-align:center}
.rail.fixe .ma-steps{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0}
.rail.fixe .ma-step{height:auto;background:none}
.rail.fixe .ma-step b{position:static;opacity:1;transform:none;color:var(--ink)}
.rail.fixe .ma-step .bar{display:none}

/* P4 : un compteur */
.p4-n{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.p4-n b{font-size:112px;line-height:1;font-weight:600;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.p4-n span{font-size:16px;color:var(--muted)}
.p4-slot{min-height:96px;display:flex;align-items:center;justify-content:center}
.p4-slot .mn-lead{min-width:300px}

/* P5 : l'agenda qui se remplit */
.p5-top{min-height:84px;display:flex;align-items:center;justify-content:center}
.p5-top .mn-lead{min-width:300px;transition:opacity .25s}
.p5-cal{width:100%;max-width:440px;padding:20px;border-radius:22px;background:var(--paper);box-shadow:var(--lift-sm);display:flex;flex-direction:column;gap:14px}
.p5-cal > b{font-size:14px;font-weight:600;color:var(--ink)}
.p5-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.p5-g .c{position:relative;height:38px;border-radius:10px;background:var(--sunk)}
.p5-g .ev,.p10-week .ev{position:absolute;inset:3px;border-radius:8px;background:var(--peb);box-shadow:var(--lift-sm);display:flex;align-items:center;gap:5px;padding:0 7px;font-size:11.5px;font-weight:600;color:var(--ink);white-space:nowrap}
.p5-g .ev i{width:6px;height:6px;border-radius:50%;background:var(--sig);flex:none}

/* P6 : une fiche, un tampon */
.p6-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px 44px 26px;border-radius:28px;background:var(--paper);box-shadow:var(--lift);text-align:center}
.p6-card .ma-av.xl{width:64px;height:64px;font-size:17px;margin-bottom:8px}
.p6-card b{font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.p6-card small{font-size:14px;color:var(--muted)}
.p6-st .ma-chip{height:36px;font-size:14px;padding:0 16px}

/* P7 : le dernier mot */
.p7-ph{margin:0;max-width:620px;text-align:center;font-size:46px;line-height:1.15;font-weight:600;letter-spacing:-.025em;color:var(--ink)}
.p7-w{position:relative;display:inline-block;white-space:nowrap;border-radius:12px}
.p7-w > span{display:inline-block}
.p7-w::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;border-radius:4px;background:var(--sig);transform:scaleX(0);transform-origin:left}
.p7-w.trait::after{transition:transform .6s var(--out) .15s;transform:scaleX(1)}

/* P8 : un message, une réponse */
.p8-box{width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px}
.p8-who{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:6px}
.p8-who .ma-av{width:44px;height:44px;font-size:13px}
.p8-who .ma-who{gap:6px}
.p8-me,.p8-them{visibility:hidden;max-width:86%;padding:12px 16px;font-size:15px;line-height:1.45;border-radius:18px;min-height:46px}
.p8-me{align-self:flex-end;background:var(--paper);box-shadow:var(--lift-sm);color:var(--ink);border-bottom-right-radius:6px}
.p8-them{align-self:flex-start;background:var(--sunk);color:var(--ink);border-bottom-left-radius:6px}
.p8-me.on,.p8-them.on{visibility:visible}
.p8-dots{display:inline-flex;gap:4px;align-items:center;height:21px}
.p8-dots i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:mnDot 1s ease-in-out infinite}
.p8-dots i:nth-child(2){animation-delay:.15s}.p8-dots i:nth-child(3){animation-delay:.3s}
@keyframes mnDot{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.p8-st{align-self:center;margin-top:10px}

/* P9 : le signal devient un créneau */
.p9-sig{display:flex;align-items:center;gap:18px;min-height:76px}
.p9-dot,.p9-dot.vol{width:16px;height:16px;border-radius:50%;background:var(--sig);flex:none;position:relative}
.p9-dot.vol{position:absolute;z-index:3;margin:0}
.p9-sig .ma-who{opacity:0;gap:6px}
.p9-sig .ma-who.on{opacity:1}
.p9-sig .ma-who b{font-size:16px}
.p9-week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;max-width:400px}
.p9-week .c{position:relative;height:48px;border-radius:12px;background:var(--sunk);display:grid;place-items:center;transition:background .3s}
.p9-week .c.on{background:var(--sig-soft)}
.p9-week .ev{position:relative;z-index:1;padding:5px 10px;border-radius:999px;background:var(--paper);box-shadow:var(--lift-sm);font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap}

/* P10 : avant / après */
.p10-sw{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--hair)}
.p10-sw span:not(.knob){position:relative;z-index:1;padding:9px 18px;text-align:center;font-size:14px;font-weight:500;color:var(--muted);white-space:nowrap;transition:color .3s}
.p10-sw span.on{color:var(--ink)}
.p10-sw .knob{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--peb);box-shadow:var(--lift-sm);transition:transform .6s var(--out)}
.p10-sw.agent .knob{transform:translateX(100%)}
.p10-week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;max-width:400px}
.p10-week .col{display:flex;flex-direction:column;gap:6px}
.p10-week .c{position:relative;height:34px;border-radius:10px;background:var(--sunk)}
.p10-week .ev::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sig);margin:auto}
.p10-n{display:flex;align-items:baseline;gap:10px}
.p10-n b{font-size:40px;line-height:1;font-weight:600;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.p10-n span{font-size:15px;color:var(--muted)}

/* P11 : la notification */
.p11-pile{position:relative;width:100%;max-width:400px;height:120px}
.p11-n{position:absolute;left:0;right:0;top:0;display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:center;padding:18px 22px 18px 18px;border-radius:22px;background:var(--paper);box-shadow:var(--lift);transform-origin:50% 100%;transition:transform .5s var(--out),opacity .5s}
.p11-n .ma-ic{width:40px;height:40px}
.p11-n .ma-ic svg{width:17px;height:17px}
.p11-n .ma-who b{font-size:16px}
.p11-n .ma-who small{font-size:14px}
.p11-n[data-d="1"]{transform:translateY(14px) scale(.94);opacity:.9}
.p11-n[data-d="2"]{transform:translateY(26px) scale(.88);opacity:.7}
.p11-n:not([data-d="0"]) .ma-who,.p11-n:not([data-d="0"]) .ma-ic{visibility:hidden}

/* P12 : la barre d'objectif */
.p12-box{width:100%;max-width:440px;display:flex;flex-direction:column;gap:22px}
.p12-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted)}
.p12-bar{position:relative;height:12px;border-radius:999px;background:var(--sunk);margin:0 18px 36px 0}
.p12-bar > i{position:absolute;inset:0;border-radius:999px;background:var(--sig);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--out)}
.p12-av{position:absolute;top:22px;transform:translateX(-50%);opacity:0;transition:opacity .2s}
.p12-av.on{opacity:1}
.p12-av .ma-av{width:34px;height:34px;font-size:11px}

/* P13 : une ligne, cinq points */
.p13-ic{display:flex;gap:16px}
.p13-ic .ma-ic{width:44px;height:44px;color:var(--muted);transition:background .3s,color .3s}
.p13-ic .ma-ic svg{width:18px;height:18px}
.p13-ic .ma-ic.on{background:var(--sig);color:#fff;box-shadow:none}
.p13-st{min-height:30px}

@media (max-width:900px){
  :is(#agents,#agents-conv).ma.mn .kv-h{margin-bottom:32px}
  .mn-wrap{grid-template-columns:minmax(0,1fr);gap:24px}
  .mn-wrap:not(.rail) .ma-stage.mn{order:-1}
  .ma-stage.mn{min-height:340px;padding:24px 18px;gap:22px}
  .mn-l{gap:18px}
  .p4-n b{font-size:84px}
  .p5-g{gap:5px}
  .p5-g .ev{inset:2px;padding:0;justify-content:center;font-size:11px}
  .p5-g .ev i{display:none}
  .p4-slot .mn-lead,.p5-top .mn-lead{min-width:0;width:100%}
  .p7-ph{font-size:31px}
  .p12-bar{margin-right:16px}
  .p13-ic{gap:10px}
  .p13-ic .ma-ic{width:40px;height:40px}
  .rail .ma-steps{max-width:none}
}
@media (prefers-reduced-motion:reduce){
  .p8-dots i{animation:none}
  .p7-w::after{transition:none}
  .rail .ma-step.on .bar i{animation:none}
}

/* ====================== P14 à P23 : format des autres vues (05/11/2026, soir) ======================
   Comme #signals, #morning, #safety, #mcp, #bench : un grand galet horizontal (1216 x 580, rayon 28, --peb + --lift),
   panneaux enfoncés (fond 96,2 %, filet intérieur) ou galets, cartes de leads comme .sg-pc, légende en bas. */
:is(#agents,#agents-conv).ma.lg{padding:96px 0 72px}
:is(#agents,#agents-conv).ma.lg .kv-h{max-width:900px;margin:0 auto 40px}
.lg-card{position:relative;max-width:1216px;margin:0 auto;height:580px;border-radius:28px;background:var(--peb);box-shadow:var(--lift);padding:24px 24px 12px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.ma-stage.lg{flex:1;min-height:0;position:relative;display:block;padding:0;border-radius:0;background:none;box-shadow:none;overflow:visible;gap:0}
.lg-pied{display:flex;align-items:center;gap:14px;min-height:32px;padding:0 8px}
.lg-rail{display:flex;gap:4px;flex:none}
.lg-rail i{width:14px;height:3px;border-radius:3px;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--hair);transition:background .3s}
.lg-rail i.done{background:var(--sig);box-shadow:none}
.lg-pied .ma-steps{position:relative;flex:1;height:24px;display:block;margin:0;padding:0}
.lg-pied .ma-step{position:absolute;inset:0;padding:0;border-radius:0;background:none;box-shadow:none;display:flex;align-items:center;cursor:default}
.lg-pied .ma-step.on{background:none;box-shadow:none}
.lg-pied .ma-step b{font-size:14.5px;font-weight:600;color:var(--ink);opacity:0;transform:translateY(6px);transition:opacity .35s var(--out),transform .45s var(--out);white-space:nowrap}
.lg-pied .ma-step.on b{opacity:1;transform:none}
.lg-ex{font-size:13px;color:var(--muted);white-space:nowrap}
.lg-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;height:100%}
.lg-pan{position:relative;border-radius:22px;padding:20px 22px;display:flex;flex-direction:column;gap:14px;min-height:0;overflow:hidden}
.lg-pan.s{background:oklch(96.2% .008 85);box-shadow:inset 0 0 0 1px var(--hair)}
.lg-pan.w{background:var(--peb);box-shadow:var(--lift-sm)}
.lg-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.lg-hd h3{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.lg-hd p{margin:3px 0 0;font-size:13px;color:var(--muted)}
.lg-hd .lg-cnt{font-size:13px;color:var(--muted);white-space:nowrap}
.lg-hd .lg-cnt b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.lg-row{position:relative;z-index:1;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 12px;border-radius:16px}
.lg-row .ma-av,.lg-pc .ma-av,.p18-c .ma-av,.p21-lead .ma-av{width:34px;height:34px;font-size:11px}
.lg-pc{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border-radius:20px;background:var(--peb);box-shadow:var(--lift-sm)}
.lg .ma-who{gap:2px}
.lg .ma-who b,.lg .ma-who small{overflow:visible}
.lg .ma-chip.s:has(svg)::before{display:none}
.lg .ma-chip.s svg{color:var(--sig)}
.ma-av.xl{width:46px;height:46px;font-size:13px}
.lg .ma-gal{position:absolute;left:0;right:0;top:0;height:0;border-radius:16px;background:var(--peb);box-shadow:var(--lift-sm);opacity:0;z-index:0;transition:top .5s var(--out),height .5s var(--out),opacity .3s}
.lg .ma-toast{bottom:14px}

/* P14 : du flux aux rendez-vous */
.p14-feed{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:16px}
.p14-trk{position:relative;display:flex;flex-direction:column;gap:4px;transition:transform .45s var(--out)}
.p14-lens{position:absolute;left:0;right:0;top:calc(50% - 30px);height:60px;border-radius:18px;background:var(--paper);box-shadow:var(--lift-sm);opacity:0;transition:opacity .3s}
.p14-lens.on{opacity:1}
.p14-feed .lg-row.ma-parti{opacity:.4}
.p14-i{width:30px;height:30px;color:var(--muted)}
.p14-i svg{width:14px;height:14px}
.p14-feed .lg-row{grid-template-columns:30px minmax(0,1fr) auto;padding:12px}
.p14-kept{display:flex;flex-direction:column;gap:10px}

/* P15 : la file de l'agent */
.p15{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.p15-list{position:relative;display:flex;flex-direction:column;gap:6px}
.p15-det{gap:16px}
.p15-who{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:center}
.p15-who .ma-who b{font-size:16px}
.p15-fil,.p17-fil{display:flex;flex-direction:column;gap:12px}
.p15-msg{display:flex;flex-direction:column;gap:5px;max-width:92%}
.p15-msg small{font-size:12px;color:var(--muted)}
.p15-msg > div:not(.ag-slots){padding:12px 15px;border-radius:16px;font-size:14px;line-height:1.5;color:var(--ink)}
.p15-msg.me{align-self:flex-end}
.p15-msg.me > div:not(.ag-slots){background:var(--paper);box-shadow:var(--lift-sm);border-bottom-right-radius:5px}
.p15-msg.them{align-self:flex-start}
.p15-msg.them > div{background:oklch(96.2% .008 85);border-bottom-left-radius:5px}
.p15-slots{display:flex;gap:8px;justify-content:flex-end}
.p15-slots .ma-chip.pick{background:var(--ink);color:#fff;box-shadow:none}

/* P16 : la journée de l'agent */
.p16{display:grid;grid-template-rows:auto 1fr auto;height:100%;gap:18px;padding:4px 10px 0}
.p16-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.p16-clk small{display:block;font-size:13.5px;color:var(--muted)}
.p16-clk b{display:block;font-size:40px;line-height:1.1;font-weight:600;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.p16-kpis{display:flex;gap:10px}
.p16-k{min-width:190px;padding:12px 16px;border-radius:18px;background:oklch(96.2% .008 85);display:flex;flex-direction:column;gap:2px}
.p16-k span{font-size:13px;color:var(--muted)}
.p16-k b{font-size:24px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.p16-body{display:grid;grid-template-columns:170px minmax(0,1fr);gap:14px;min-height:0}
.p16-lab{display:grid;grid-template-rows:repeat(4,1fr);align-items:center}
.p16-lab span{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text)}
.p16-lab svg{width:15px;height:15px;color:var(--sig);flex:none}
.p16-trk{position:relative;border-radius:20px;background:oklch(93.6% .011 82);box-shadow:inset 0 1px 2px oklch(30% .02 70 / .06)}
.p16-rows{position:absolute;inset:0 14px;display:grid;grid-template-rows:repeat(4,1fr)}
.p16-r{position:relative}
.p16-d{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background:var(--ink);transform:translate(-50%,-50%)}
.p16-r[data-row="0"] .p16-d{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink)}
.p16-d.o{width:14px;height:14px;background:var(--sig)}
.p16-pill{position:absolute;top:50%;transform:translate(14px,-50%);display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border-radius:999px;background:var(--peb);box-shadow:var(--lift-sm);white-space:nowrap;z-index:2}
.p16-pill.g{transform:translate(calc(-100% - 14px),-50%)}
.p16-pill .ma-av{width:26px;height:26px;font-size:9.5px}
.p16-pill b{font-size:13px;color:var(--ink)}
.p16-pill .ma-chip{height:24px;font-size:12px;padding:0 10px}
.p16-now{position:absolute;top:-8px;bottom:0;width:0;left:0;margin-left:-1px;border-left:2px solid var(--ink);z-index:3}
.p16-now i{position:absolute;top:-6px;left:-7px;width:12px;height:12px;border-radius:50%;background:var(--peb);box-shadow:inset 0 0 0 2px var(--ink)}
.p16-ticks{display:grid;grid-template-columns:170px minmax(0,1fr);gap:14px;font-size:12.5px;color:var(--muted)}
.p16-ticks > div{position:relative;height:16px;margin:0 14px}
.p16-ticks > div span{position:absolute;transform:translateX(-50%);white-space:nowrap}

/* P17 : la conversation et l'agenda */
.p17{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.p17-who{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center}
.p17-who .ma-av{width:34px;height:34px;font-size:11px}
.p17-fu{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.p17-fu .ma-ic{width:26px;height:26px}
.p17-fu .ma-ic svg{width:13px;height:13px}
.p17-fu b{font-weight:500;color:var(--text)}
.p17 .ma-cal{flex:1;grid-auto-rows:minmax(0,1fr);align-content:stretch}
.p17 .ma-cal .c{height:auto;min-height:36px}

/* P18 : le pipeline */
.p18{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;height:100%}
.p18-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.p18-col h4{margin:0;padding:0 6px;min-height:40px;font-size:13.5px;font-weight:600;line-height:1.35;color:var(--muted);transition:color .3s}
.p18-col.on h4{color:var(--ink)}
.p18-body{flex:1;display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:18px;background:oklch(96.2% .008 85);box-shadow:inset 0 0 0 1px var(--hair);transition:box-shadow .3s}
.p18-col.on .p18-body{box-shadow:inset 0 0 0 1.5px var(--sig)}
.p18-c{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border-radius:16px;background:var(--peb);box-shadow:var(--lift-sm)}
.p18-c .ma-who{gap:5px}
.p18-c .ma-who b{font-size:13.5px}
.p18-c .ma-who small{font-size:11.5px;white-space:normal;line-height:1.3}
.p18 .ma-chip{height:auto;min-height:24px;padding:3px 9px;font-size:11.5px;line-height:1.3;white-space:normal}
.p18 .ma-chip svg{width:12px;height:12px}

/* P19 : vous seul, ou avec votre agent */
.p19{position:relative;display:grid;grid-template-rows:auto repeat(6,minmax(0,1fr));height:100%;padding:0 6px}
.p19-col{position:absolute;top:0;bottom:0;right:6px;width:26%;border-radius:20px;background:var(--paper);box-shadow:var(--lift-sm)}
.p19-h,.p19-r{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 26%;align-items:center}
.p19-h > span,.p19-r > span{min-width:0}
.p19-h{height:48px;font-size:14px;font-weight:600;color:var(--ink);text-align:center}
.p19-h > span:nth-child(2){color:var(--muted);font-weight:500}
.p19-r{border-top:1px solid var(--hair)}
.p19-lab{display:flex;align-items:center;gap:12px;padding-left:12px;font-size:14.5px;font-weight:500;color:var(--ink)}
.p19-lab .ma-ic{width:30px;height:30px;border-radius:10px}
.p19-vous{text-align:center;font-size:13.5px;color:var(--muted)}
.p19-ag{display:flex;justify-content:center}
.p19-ok{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--sunk);opacity:.6}
.p19-ok.on{background:var(--sig);opacity:1}
.p19-ok.on::after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.p19-vous .p19-ok{background:transparent;box-shadow:inset 0 0 0 1.5px var(--hair)}
.p19-vous .p19-ok.on{background:var(--ink)}
.p19-trait{position:absolute;left:30%;right:13%;top:50%;height:2px;margin-top:-1px;pointer-events:none;opacity:0}
.p19-trait.on{opacity:1}
.p19-trait i{position:absolute;inset:0;background:var(--sig);border-radius:2px}
.p19-trait{transform-origin:left}

/* P20 : le CRM qui se remplit */
.p20{display:grid;grid-template-rows:150px minmax(0,1fr);gap:16px;height:100%}
.p20-band{position:relative;border-radius:20px;background:oklch(96.2% .008 85);box-shadow:inset 0 0 0 1px var(--hair)}
.p20-dot{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:oklch(82% .01 80)}
.p20-dot.s{width:10px;height:10px;margin:-5px 0 0 -5px}
.p20-dot.lit{background:var(--sig)}
.p20-pin{position:absolute;transform:translate(-50%,calc(-100% - 10px));display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;background:var(--peb);box-shadow:var(--lift-sm);white-space:nowrap}
.p20-pin .ma-av{width:28px;height:28px;font-size:10px}
.p20-pin b{font-size:13.5px;color:var(--ink)}
.p20-tab{display:flex;flex-direction:column;border-radius:20px;background:var(--peb);box-shadow:var(--lift-sm);padding:6px 18px}
.p20-tr{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.3fr);gap:14px;align-items:center;min-height:62px;border-top:1px solid var(--hair)}
.p20-tr.p20-th{min-height:40px;border-top:0;font-size:12.5px;font-weight:500;color:var(--muted)}
.p20-ld{display:flex;align-items:center;gap:10px}
.p20-ld .ma-av{width:32px;height:32px;font-size:10.5px}
.p20-ld b{font-size:14px;color:var(--ink);white-space:nowrap}
.p20 .ma-chip{max-width:100%}

/* P21 : un agent par objectif */
.p21{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;height:100%}
.p21-a{gap:16px}
.p21-hd{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.p21-hd b{font-size:15px;font-weight:600;color:var(--ink)}
.p21-lead{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border-radius:18px;background:oklch(96.2% .008 85)}
.p21-fil{display:flex;flex-direction:column;gap:12px;flex:1}
.p21-fil .ma-line{align-items:center}
.p21-fil .ma-line b{font-size:13.5px;font-weight:500}

/* P22 : vous choisissez l'objectif */
.p22{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.p22-list{position:relative;display:flex;flex-direction:column;gap:4px}
.p22-g{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:16px}
.p22-g .ma-ic{width:30px;height:30px;color:var(--muted);transition:color .3s}
.p22-g b{font-size:14px;font-weight:500;color:var(--text)}
.p22-g.on .ma-ic{color:var(--sig)}
.p22-g.on b{color:var(--ink);font-weight:600}
.p22-res{gap:16px}
.p22-fil{display:flex;flex-direction:column;gap:12px}
.p22-fil .ma-line{align-items:center}
.p22-fil .ma-line b{font-size:13.5px;font-weight:500}
.p22-fin .ma-chip,.p21-fin .ma-chip{height:34px;font-size:13.5px;padding:0 14px}

/* P23 : depuis Claude */
.p23{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.p23-chat{justify-content:space-between}
.p23-fil{display:flex;flex-direction:column;gap:12px}
.p23-fil .ma-q{max-width:86%}
.p23-tool{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;background:oklch(96.2% .008 85);box-shadow:inset 0 0 0 1px var(--hair);font-size:12.5px;color:var(--text)}
.p23-tool i{width:12px;height:12px;border-radius:50%;border:2px solid var(--sig);border-right-color:transparent;animation:lgTour .8s linear infinite}
.p23-tool.fini i{animation:none;border-color:var(--sig);background:var(--sig)}
@keyframes lgTour{to{transform:rotate(360deg)}}
.p23-ag{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center}
.p23-rows{display:flex;flex-direction:column;gap:10px}
.p23-rows .ma-sk{min-height:66px;background:var(--paper);border-radius:20px}

@media (max-width:900px){
  :is(#agents,#agents-conv).ma.lg{padding:72px 16px 56px}
  :is(#agents,#agents-conv).ma.lg .kv-h{margin-bottom:28px}
  .lg-card{height:auto;padding:16px 14px 10px}
  .ma-stage.lg{flex:none}
  .lg-two,.p15,.p17,.p22,.p23{grid-template-columns:minmax(0,1fr);height:auto}
  .lg-pan{padding:16px}
  .lg-pied{flex-wrap:wrap;gap:8px 12px;padding:0 4px}
  .lg-pied .ma-steps{flex-basis:calc(100% - 110px);height:40px}
  .lg-pied .ma-step b{white-space:normal;font-size:13.5px;line-height:1.35}
  .p14-feed{height:300px;flex:none}
  .lg-pc{grid-template-columns:34px minmax(0,1fr);padding:12px}
  .lg-pc .mn-st{grid-column:2}
  .lg-row{grid-template-columns:34px minmax(0,1fr)}
  .p14-feed .lg-row{grid-template-columns:30px minmax(0,1fr)}
  .lg-row .mn-st:not(:empty){grid-column:2}
  .lg-row .mn-st:empty{display:none}
  .p17-who{grid-template-columns:34px minmax(0,1fr)}
  .p17-who .mn-st{grid-column:2}
  .p16-pill{display:none}
  .lg .ma-chip{height:auto;min-height:28px;white-space:normal;line-height:1.3;padding:4px 11px}
  .p15-det{min-height:430px}
  .lg .ma-toast{white-space:normal;width:max-content;max-width:calc(100% - 32px);text-align:left;line-height:1.35;border-radius:18px;padding:10px 16px}
  .p16{height:auto;gap:14px;padding:0}
  .p16-top{flex-direction:column;gap:12px}
  .p16-kpis{width:100%}.p16-k{min-width:0;flex:1}
  .p16-body{grid-template-columns:minmax(0,1fr);height:260px}
  .p16-lab{display:none}
  .p16-ticks{grid-template-columns:minmax(0,1fr)}
  .p16-ticks > span{display:none}
  .p16-ticks > div span:nth-child(even){display:none}
  .p16-pill b,.p16-pill .ma-chip{display:none}
  .p17 .ma-cal{min-height:260px}
  .p17 .ma-cal .ev{padding:0 3px;font-size:10.5px}
  .p17 .ma-cal .ev::before{margin-right:3px;width:5px;height:5px}
  .p18{grid-template-columns:minmax(0,1fr);height:auto;gap:10px}
  .p18-col h4{min-height:0}
  .p18-body{flex-direction:row;flex-wrap:wrap;min-height:64px}
  .p18-c{flex:1 1 140px}
  .p19{height:auto;grid-template-rows:auto}
  .p19-h,.p19-r{grid-template-columns:minmax(0,1.6fr) minmax(0,.9fr) 30%}
  .p19-col{width:30%}
  .p19-h{font-size:12.5px;height:auto;padding:8px 0;line-height:1.3}
  .p19-r{min-height:58px}
  .p19-lab{font-size:13px;gap:8px;padding-left:4px}
  .p19-lab .ma-ic{display:none}
  .p19-vous{font-size:12px}
  .p19-ag .ma-chip{font-size:11px;padding:3px 7px}
  .p20{grid-template-rows:auto auto;height:auto}
  .p20-band{height:130px}
  .p20-pin b{display:none}
  .p20-pin{padding:4px}
  .p20-tab{padding:4px 12px}
  .p20-tr{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:8px;min-height:58px}
  .p20-sg{display:none}
  .p20-ld .ma-av{display:none}
  .p20-ld b{white-space:normal;font-size:13px}
  .p21{grid-template-columns:minmax(0,1fr);height:auto}
  .p22-g{padding:6px 10px}
}
@media (prefers-reduced-motion:reduce){
  .p23-tool i{animation:none}
  .p14-trk,.lg .ma-gal{transition:none}
}

/* P24 : mélange de P22 (objectif choisi) et P14 (flux sous la loupe), choix du fondateur ; aucun blanc à droite */
.p24{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,.98fr) minmax(0,1.32fr);gap:16px;height:100%}
.p24 .p14-feed .lg-row{grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto;align-content:center;row-gap:5px;height:60px;padding:0 12px}
.p24 .p14-feed .lg-row .mn-st{grid-column:2;min-height:0}
.p24 .p14-feed .lg-row .mn-st:empty{display:none}
.p24 .p14-feed .lg-row .p14-i{grid-row:1 / span 2}
.p24 .p14-feed .ma-chip{height:24px;font-size:12px;padding:0 10px}
.p24 .p14-lens{top:calc(50% - 34px);height:68px}
.p24 .lg-pan{padding:18px}
.p24 .p22-list{flex:1;justify-content:space-between}
.p24 .p22-g{padding:8px 10px;gap:10px}
.p24 .p22-g b{font-size:13.5px}
.p24 .p22-g .ma-ic{width:28px;height:28px}
.p24-n{margin-left:auto;min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:600;color:#fff;background:var(--sig);font-variant-numeric:tabular-nums}
.p24-n:empty{display:none}
.p24-cards{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0}
.p24-cards > *{flex:1;min-height:0}
.p24-cards .ma-sk.carte{min-height:0;background:var(--paper);box-shadow:var(--lift-sm);border-radius:20px;padding-left:16px}
.p24-c{display:flex;flex-direction:column;justify-content:center;gap:9px;padding:10px 14px;border-radius:20px;background:var(--peb);box-shadow:var(--lift-sm)}
.p24-c1{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center}
.p24-c1 .ma-av{width:34px;height:34px;font-size:11px}
.p24-why{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:12px;background:oklch(96.2% .008 85);font-size:13px;color:var(--text)}
.p24-why svg{width:14px;height:14px;flex:none;color:var(--sig)}
@media (max-width:900px){
  .p24{grid-template-columns:minmax(0,1fr);height:auto}
  .p24 .p14-feed{height:280px;flex:none}
  .p24 .p22-list{flex:none;justify-content:flex-start}
  .p24-cards > *{flex:none;min-height:96px}
  .p24-c1{grid-template-columns:34px minmax(0,1fr)}
  .p24-c1 .mn-st:empty{display:none}
  .p24-c1 .mn-st{grid-column:2}
}

/* ====================== P25 à P34 : P24 sans parties grises (05/11/2026, nuit) ====================== */
.gx{display:flex;flex-direction:column;gap:16px;height:100%}
.gx-cols{flex:1;min-height:0;display:grid;gap:16px}
.gx-cols.n3{grid-template-columns:minmax(0,.72fr) minmax(0,.93fr) minmax(0,1.35fr)}
.gx-cols.n2{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr)}
.gx-col{position:relative;display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0;padding:18px;border-radius:22px;overflow:hidden}
.gx.blanc .gx-col{background:var(--paper);box-shadow:var(--lift-sm)}
.gx.nu .gx-col{padding:8px 18px}
.gx.nu .gx-cols > .gx-col + .gx-col{border-radius:0;box-shadow:inset 1px 0 0 var(--hair)}
.gx .ma-av{width:32px;height:32px;font-size:10.5px}
/* objectifs en liste */
.gx-obj{position:relative;flex:1;display:flex;flex-direction:column;justify-content:space-between}
.gx-gal{position:absolute;left:0;right:0;top:0;height:0;border-radius:14px;background:var(--peb);box-shadow:var(--lift),inset 0 0 0 1.5px var(--sig);opacity:0;transition:top .5s var(--out),left .5s var(--out),width .5s var(--out),height .5s var(--out),opacity .3s;z-index:0}
.gx.blanc .gx-gal{background:var(--peb)}
.gx-g{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:14px}
.gx-g .ma-ic{width:28px;height:28px;color:var(--muted);transition:color .3s}
.gx-g b{font-size:13.5px;font-weight:500;color:var(--text);transition:color .3s}
.gx-g.on .ma-ic{color:var(--sig)}
.gx-g.on b{color:var(--ink);font-weight:600}
/* objectifs en puces, en haut */
.gx-puces{display:flex;align-items:center;gap:16px;padding:0 4px}
.gx-ph{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap}
.gx-obj.h{flex:1;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:6px}
.gx-obj.h .gx-g{padding:5px 12px 5px 5px;border-radius:999px}
.gx-obj.h .gx-g .ma-ic{width:26px;height:26px}
.gx-obj.h .gx-gal{border-radius:999px}
/* roue */
.gx-roue{position:relative;height:56px;overflow:hidden;border-radius:16px;background:var(--peb);box-shadow:var(--lift-sm),inset 0 0 0 1.5px var(--sig);flex:none}
.gx-rg{height:56px;display:flex;align-items:center;gap:10px;padding:0 14px}
.gx-rg .ma-ic{width:30px;height:30px;color:var(--sig)}
.gx-rg b{font-size:15px;font-weight:600;color:var(--ink);white-space:nowrap}
.gx-chk{list-style:none;margin:0;padding:4px 0 0;flex:1;display:flex;flex-direction:column;justify-content:space-around}
.gx-chk li{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.35;color:var(--muted);transition:color .3s}
.gx-chk li i{flex:none;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--hair);display:grid;place-items:center;transition:background .3s,box-shadow .3s}
.gx-chk li.on{color:var(--ink)}
.gx-chk li.on i{background:var(--sig);box-shadow:none}
.gx-chk li.on i::after{content:"";width:7px;height:4px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
/* anneau */
.gx-ann{align-items:center;text-align:center}
.gx-ann .lg-hd{align-self:stretch;text-align:left}
.gx-ring{position:relative;width:132px;height:132px;flex:none;margin-top:6px;border-radius:50%}
.gx-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.gx-ring circle{fill:none;stroke-width:7}
.gx-ring .bg{stroke:oklch(93% .025 60)}
.gx-ring .fg{stroke:var(--sig);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .8s var(--out)}
.gx-ring .ma-ic{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;color:var(--sig)}
.gx-ring .ma-ic svg{width:22px;height:22px;transform:none}
.gx-ring-t{font-size:16px;font-weight:600;color:var(--ink)}
.gx-ring-ch{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.gx-ring-ch .ma-chip{height:26px;font-size:12px;padding:0 10px}
.gx-ring-ch .ma-chip.pick{background:var(--ink);color:#fff;box-shadow:none}
/* fil des profils (toujours plein) */
.gx-fil{position:relative;flex:1;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%)}
.gx-lens{position:absolute;left:0;right:0;top:calc(50% - 34px);height:68px;border-radius:16px;background:var(--peb);box-shadow:var(--lift),inset 0 0 0 1.5px var(--sig);z-index:0}
.gx-trk{position:relative;z-index:1;transition:transform .45s var(--out)}
.gx-r{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto;align-content:center;column-gap:12px;row-gap:4px;height:64px;padding:0 12px}
.gx-r .gx-i{align-self:center}
.gx-r .gx-st{grid-column:2}
.gx-r:has(.gx-st:not(:empty)) .gx-i{grid-row:1 / span 2}
.gx-i{width:30px;height:30px;color:var(--muted)}
.gx-i svg{width:14px;height:14px}
.gx-r.vu .gx-i,.gx-p.sig .gx-i,.gx-cp.vu .gx-i{color:var(--sig)}
.gx-r b{font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx-r.vu b{color:var(--ink);font-weight:600}
.gx-r .gx-st:empty{display:none}
.gx-r .ma-chip{height:24px;font-size:12px;padding:0 10px;max-width:100%}
/* champ de profils : nuage et radar */
.gx-champ{position:relative;flex:1;min-height:340px}
.gx-p{position:absolute;z-index:1}
.gx-pf{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:var(--peb);box-shadow:var(--lift-sm);white-space:nowrap;transition:box-shadow .3s}
.gx-pf .gx-i{width:28px;height:28px}
.gx-pf b{font-size:13px;font-weight:500;color:var(--text)}
.gx-p.vu .gx-pf b{color:var(--ink)}
.gx-p.sig .gx-pf{box-shadow:var(--lift-sm),inset 0 0 0 1.5px var(--sig)}
.gx-p.sig .gx-pf b{color:var(--ink);font-weight:600}
.gx-loupe{position:absolute;left:0;top:0;width:50px;height:50px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--sig);opacity:0;z-index:2;pointer-events:none;transition:transform .5s var(--out),opacity .3s}
.gx-scan{position:absolute;left:-18px;right:-18px;top:0;height:2px;border-radius:2px;background:var(--sig);opacity:0;z-index:2;pointer-events:none;transition:transform .45s var(--out),opacity .3s}
/* convoyeur */
.gx-bande{flex:none;gap:10px}
.gx-conv{position:relative;height:60px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 60px,#000 calc(100% - 60px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 60px,#000 calc(100% - 60px),transparent 100%)}
.gx-conv .gx-lens{left:calc(50% - 120px);right:auto;width:240px;top:4px;height:52px;border-radius:999px}
.gx-ctrk{position:absolute;left:0;top:12px;z-index:1;display:flex;gap:40px;transition:transform .45s var(--out)}
.gx-cp{display:inline-flex;align-items:center;gap:8px;padding:2px 12px 2px 2px;white-space:nowrap;border-radius:999px}
.gx-cp .gx-i{width:30px;height:30px}
.gx-cp b{font-size:13.5px;font-weight:500;color:var(--text)}
.gx-cp.vu b{color:var(--ink);font-weight:600}
.gx-bas{flex:1;min-height:0;display:flex}
.gx-bas .gx-col{flex:1}
.gx-bas .gx-pile{flex-direction:row}
.gx-bas .gx-c{flex:1;grid-template-columns:32px minmax(0,1fr);align-content:center}
.gx-bas .gx-c .gx-st{grid-column:1 / -1}
.gx-bas .gx-c .ma-who small.gx-sig{white-space:normal;align-items:flex-start;line-height:1.3}
.gx-bas .gx-c .ma-who small.gx-sig svg{margin-top:2px}
/* pile de droite (pleine dès le départ) */
.gx-pile{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}
.gx-pile > .gx-c{flex:1}
.gx-c{position:relative;z-index:1;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:6px;padding:10px 14px;border-radius:18px;background:var(--peb);box-shadow:var(--lift-sm);min-height:0}
.gx.blanc .gx-c{background:var(--peb)}
.gx-c .ma-who{gap:3px;min-width:0}
.gx-c .ma-who b{font-size:14px}
.gx-c .ma-who small.gx-sig{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--sig-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.gx-sig svg{width:12px;height:12px;flex:none;color:var(--sig)}
.gx-c .gx-st{display:flex;justify-content:flex-end;min-width:0}
.gx-c .ma-chip{height:26px;font-size:12px;padding:0 10px}
.gx-c .ma-chip.s:has(svg)::before{display:none}
.gx-c .ma-chip.s svg{color:var(--sig)}
.gx-dots{grid-column:2 / -1;display:flex;gap:5px}
.gx-dots i{flex:1;max-width:26px;height:4px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--hair);transition:background .3s}
.gx-dots i.on{background:var(--sig);box-shadow:none}
.gx-pile.retourne{perspective:900px}
.gx-liens{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:5}
.gx-liens path{fill:none;stroke:var(--sig);stroke-width:1.6;stroke-dasharray:100;stroke-dashoffset:100}
@media (max-width:900px){
  .gx-cols.n3,.gx-cols.n2{grid-template-columns:minmax(0,1fr)}
  .gx-col{padding:14px}
  .gx.nu .gx-cols > .gx-col + .gx-col{box-shadow:inset 0 1px 0 var(--hair)}
  .gx-obj{flex:none;gap:2px}
  .gx-fil{flex:none;height:290px}
  .gx-champ{flex:none;min-height:330px}
  .gx-pile{flex:none}
  .gx-pile > .gx-c{flex:none;min-height:64px}
  .gx-c{grid-template-columns:32px minmax(0,1fr)}
  .gx-c .gx-st{grid-column:2;justify-content:flex-start}
  .gx-c .gx-st:empty{display:none}
  .gx-puces{flex-direction:column;align-items:flex-start;gap:8px}
  .gx-bas .gx-pile{flex-direction:column}
  .gx-conv .gx-lens{left:calc(50% - 100px);width:200px}
  .gx-chk{gap:10px}
  .gx-c .ma-who small.gx-sig{white-space:normal;align-items:flex-start;line-height:1.3}
  .gx-c .ma-who small.gx-sig svg{margin-top:2px}
  .c-radar .gx-champ{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;align-content:space-around;padding:6px 0}
  .c-radar .gx-p{position:relative;left:auto!important;right:auto!important;top:auto!important}
  .c-radar .gx-pf{max-width:100%}
  .c-radar .gx-pf{white-space:normal;padding-right:10px}
  .c-radar .gx-pf b{font-size:12.5px;line-height:1.25}
}
@media (prefers-reduced-motion:reduce){
  .gx-trk,.gx-ctrk,.gx-gal,.gx-ring .fg,.gx-loupe,.gx-scan{transition:none}
}

.p24-n.gx-ok{display:none}
.p24-n.gx-ok.ok{display:grid}
.p24-n.gx-ok.ok::after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}

/* <<PX */

/* ====================== P35 à P44 : dix mises en scène différentes (05/11/2026, nuit) ======================
   Chaque proposition a sa composition et sa technique (canvas, tête de lecture, bascule, perspective, défilement, aimants,
   assemblage, barres, volets, agenda). Fonds blancs ou orange doux seulement : aucun gris, aucun squelette, aucun flou. */
/* P35 : l'écholocation */
.p35{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;height:100%}
.p35-sea{position:relative;border-radius:22px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden}
.p35-cv,.p35-fils{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.p35-fils path{fill:none;stroke:var(--sig);stroke-width:1.6;stroke-linecap:round}
.p35-fils path.flux{stroke-dasharray:2 7;animation:p35flux 1.1s linear infinite}
@keyframes p35flux{to{stroke-dashoffset:-18}}
.p35-hud{position:absolute;left:20px;top:16px;display:flex;flex-direction:column;gap:3px;z-index:2}
.p35-hud > b{font-size:14px;font-weight:600;color:var(--ink)}
.p35-hud .lg-cnt{font-size:13px;color:var(--muted)}
.p35-hud .lg-cnt b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.p35-orq{position:absolute;left:2.5%;top:50%;width:104px;height:104px;translate:0 -50%;z-index:2;color:var(--ink)}
.p35-orq .lf-mark,.p39-orq .lf-mark{width:100%!important;height:100%!important}
.p35-p{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;z-index:2}
.p35-pill{display:flex;align-items:center;gap:8px;padding:4px 14px 4px 4px;border-radius:999px;background:var(--paper);box-shadow:var(--lift-sm);transition:box-shadow .45s var(--out)}
.p35-pill b{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}
.p35-pill .ma-av{width:30px;height:30px;font-size:10.5px}
.p35-p.on .p35-pill{box-shadow:0 0 0 2px var(--sig),var(--lift-sm)}
.p35-st{position:absolute;top:calc(100% + 6px);left:50%;translate:-50% 0;white-space:nowrap}
.p35-env{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--sig);color:#fff;z-index:3;box-shadow:0 6px 14px -6px oklch(60% .15 50 / .7)}
.p35-env svg{width:14px;height:14px}
.p35-env.ret{background:var(--ink)}
.p35-res{border-radius:22px;background:var(--peb);box-shadow:var(--lift-sm);padding:20px;display:flex;flex-direction:column;gap:14px;min-height:0}
.p35-goal{display:flex;gap:12px;align-items:center}
.p35-goal small{display:block;font-size:12.5px;color:var(--muted)}
.p35-goal b{font-size:16px;color:var(--ink)}
.p35-kpis{flex:1;display:flex;flex-direction:column;justify-content:space-evenly}
.p35-k{display:flex;align-items:baseline;gap:10px}
.p35-k b{font-size:36px;font-weight:600;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;min-width:40px}
.p35-k span{font-size:13.5px;color:var(--muted)}
.p35-trail{display:flex;align-items:center}
.p35-trail i{flex:1;height:1.5px;background:var(--hair)}
.p35-dot{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--muted);background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair);transition:background .4s,color .4s,box-shadow .4s}
.p35-dot svg{width:13px;height:13px}
.p35-dot.on{background:var(--sig);color:#fff;box-shadow:none}
.p35-who{min-height:84px;display:flex;flex-direction:column;gap:8px;justify-content:flex-end}
.p35-wl{display:flex;align-items:center;gap:10px}

/* P36 : pendant votre journée */
.p36{display:flex;flex-direction:column;gap:14px;height:100%}
.p36-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:0 4px}
.p36-clk small{display:block;font-size:13px;color:var(--muted)}
.p36-clk b{display:block;font-size:44px;font-weight:600;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.05;min-width:190px}
.p36-kpis{display:flex;gap:10px}
.p36-k{min-width:150px;padding:10px 14px;border-radius:16px;background:var(--peb);box-shadow:var(--lift-sm);display:flex;flex-direction:column}
.p36-k b{font-size:22px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.p36-k span{font-size:12.5px;color:var(--muted)}
.p36-trk{position:relative;flex:1;min-height:0;border-radius:22px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair);padding:12px 22px 14px 132px;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.p36-ax{position:relative;height:18px;flex:none}
.p36-ax span{position:absolute;left:calc(var(--h) * 100%);translate:-50% 0;font-size:12px;color:var(--muted);white-space:nowrap}
.p36-ax span::after{content:"";position:absolute;left:50%;top:22px;height:600px;width:1px;background:var(--hair)}
.p36-lane{position:relative}
.p36-you{height:62px;flex:none}
.p36-ag{flex:1}
.p36-body{position:absolute;inset:0}
.p36-lab{position:absolute;left:-112px;top:50%;translate:0 -50%;font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap}
.p36-ag .p36-lab{top:22px}
.p36-blk{position:absolute;left:calc(var(--a) * 100%);width:calc((var(--b) - var(--a)) * 100%);top:6px;bottom:6px;border-radius:14px;background:var(--peb);box-shadow:var(--lift-sm);display:flex;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;font-weight:500;color:var(--ink);white-space:nowrap;transition:box-shadow .4s}
.p36-blk.vit{box-shadow:0 0 0 1.5px var(--ink),var(--lift-sm)}
.p36-blk svg{width:15px;height:15px;color:var(--sig);flex:none}
.p36-blk.fin{background:var(--sig-soft);color:var(--sig-ink);box-shadow:inset 0 0 0 1.5px var(--sig)}
.p36-blk.fin b{font-weight:600}
.p36-act{position:absolute;translate:-50% 0;display:inline-flex;align-items:center;gap:7px;height:40px;font-size:13px;padding:0 13px 0 4px;border-radius:999px;background:var(--peb);box-shadow:var(--lift-sm);font-size:12.5px;white-space:nowrap;color:var(--ink)}
.p36-act .ma-ic{width:30px;height:30px}
.p36-act .ma-ic svg{width:13px;height:13px}
.p36-act b{font-weight:500}
.p36-act.s{background:var(--sig-soft);color:var(--sig-ink);box-shadow:none}
.p36-act.s .ma-ic{background:var(--sig);color:#fff;box-shadow:none}
.p36-now{position:absolute;left:0;top:30px;bottom:0;width:0;z-index:3;pointer-events:none}
.p36-now::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--sig);border-radius:2px}
.p36-now i{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:var(--sig);box-shadow:0 0 0 4px var(--sig-soft)}
.p36-call{position:absolute;left:0;bottom:16px;z-index:4;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:18px;background:var(--paper);box-shadow:var(--lift);white-space:nowrap}
.p36-call:empty{display:none}
.p36-call .ma-who small{color:var(--text)}

/* P37 : la conversation */
.p37{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;height:100%}
.p37-l{display:flex;flex-direction:column;gap:14px;min-height:0}
.p37-lead{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px 12px;align-items:center;padding:16px;border-radius:22px;background:var(--peb);box-shadow:var(--lift-sm)}
.p37-st{grid-column:1 / -1}
.p37-ch{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair)}
.p37-gal{position:absolute;top:4px;bottom:4px;border-radius:999px;background:var(--peb);box-shadow:var(--lift-sm);transition:left .55s var(--spring),width .55s var(--spring)}
.p37-seg{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:7px;height:34px;font-size:13px;font-weight:500;color:var(--muted);transition:color .3s}
.p37-seg svg{width:14px;height:14px}
.p37-seg.on{color:var(--ink)}
.p37-seg.on svg{color:var(--sig)}
.p37-day{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px;border-radius:22px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair);perspective:600px;min-height:0}
.p37-tile{width:132px;border-radius:20px;background:var(--peb);box-shadow:var(--lift);display:flex;flex-direction:column;align-items:center;padding:10px 0 12px;position:relative;transform-origin:50% 50%}
.p37-tile::after{content:"";position:absolute;left:10px;right:10px;top:50%;height:1px;background:var(--hair)}
.p37-tile small{font-size:13px;font-weight:600;color:var(--sig-ink);text-transform:uppercase;letter-spacing:.06em}
.p37-tile b{font-size:54px;line-height:1;font-weight:600;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.p37-do{display:flex;align-items:center;gap:10px;max-width:100%;font-size:13.5px;color:var(--ink)}
.p37-do b{font-weight:500}
.p37-r{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:22px;background:var(--peb);box-shadow:var(--lift-sm);min-height:0}
.p37-hd{display:flex;justify-content:space-between;align-items:center;gap:12px}
.p37-oth{display:flex;gap:6px}
.p37-o{position:relative;display:flex}
.p37-o .ma-av{width:32px;height:32px;font-size:10.5px}
.p37-o i{position:absolute;right:-4px;bottom:-3px;width:18px;height:10px;border-radius:6px;background:var(--paper);box-shadow:var(--lift-sm);background-image:radial-gradient(circle,var(--sig) 1.5px,transparent 2px);background-size:6px 10px;background-position:0 0;animation:p37tp 1.1s steps(3) infinite}
.p37-o:nth-child(2) i{animation-delay:-.4s}.p37-o:nth-child(3) i{animation-delay:-.75s}
@keyframes p37tp{0%{background-size:6px 10px}33%{background-size:9px 10px}66%{background-size:6px 8px}}
.p37-th{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:10px}
.p37-m{max-width:78%;display:flex;flex-direction:column;gap:4px;flex:none}
.p37-m small{font-size:12px;color:var(--muted)}
.p37-m p{margin:0;padding:10px 14px;border-radius:18px;font-size:13.5px;line-height:1.45}
.p37-m.me{align-self:flex-end;align-items:flex-end}
.p37-m.me p{background:var(--paper);color:var(--ink);box-shadow:var(--lift-sm),inset 0 0 0 1px var(--hair);border-bottom-right-radius:6px}
.p37-m.them p{background:var(--sig-soft);color:var(--ink);border-bottom-left-radius:6px}
.p37-x{display:flex;align-items:center;gap:8px;flex:none;align-self:center}
.p37-x.barre .ma-chip{text-decoration:line-through;text-decoration-thickness:1.5px;color:var(--muted)}
.p37-ring{width:22px;height:22px}
.p37-ring svg{width:22px;height:22px;transform:rotate(-90deg)}
.p37-ring circle{fill:none;stroke:var(--sig);stroke-width:2.4;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round}
.p37-slots{display:flex;gap:8px;margin-top:2px}
.p37-slots .ma-chip.pick{background:var(--sig);color:#fff;box-shadow:none}

.p37-wk{display:flex;gap:6px}
.p37-wk span{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11.5px;font-weight:500;color:var(--muted);padding:6px 7px;border-radius:10px;transition:background .3s,color .3s}
.p37-wk i{width:6px;height:6px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--hair);transition:background .3s}
.p37-wk span.fait i{background:var(--sig);box-shadow:none}
.p37-wk span.on{background:var(--peb);box-shadow:var(--lift-sm);color:var(--ink)}
.p37-post{flex:none;display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:18px;background:var(--paper);box-shadow:var(--lift-sm)}
.p37-pa{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.p37-pa .ma-av{width:28px;height:28px;font-size:10px}
.p37-pa b{font-size:13px;color:var(--ink)}
.p37-post > p{margin:0;font-size:13px;line-height:1.45;color:var(--text)}
.p37-cm:empty{display:none}
.p37-cm{padding:9px 12px;border-radius:14px;background:var(--sig-soft)}
.p37-cm small{display:block;font-size:11.5px;color:var(--sig-ink);margin-bottom:2px}
.p37-cm p{margin:0;font-size:13px;line-height:1.4;color:var(--ink)}
.p38-vol{z-index:6;box-shadow:var(--lift),0 24px 40px -22px oklch(30% .02 70 / .45)}

/* P38 : le pipeline en perspective */
.p38{height:100%;perspective:1500px;perspective-origin:50% -10%}
.p38-floor{height:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;transform:rotateX(20deg);transform-origin:50% 100%;transform-style:preserve-3d}
.p38-col{display:flex;flex-direction:column;gap:10px;min-height:0;padding:12px;border-radius:20px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair);transition:box-shadow .5s}
.p38-col.on{box-shadow:inset 0 0 0 2px var(--sig)}
.p38-hd{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px}
.p38-hd .ma-ic{width:28px;height:28px}.p38-hd .ma-ic svg{width:13px;height:13px}
.p38-hd b{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap}
.p38-n{font-size:13px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.p38-bd{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:8px;border-radius:14px;background-image:radial-gradient(circle,oklch(30% .02 70 / .1) 1.2px,transparent 1.6px);background-size:14px 14px}
.p38-tw{position:absolute;inset:0;pointer-events:none}
.p38-tw i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--sig);opacity:0;animation:p38tw 2.6s var(--d) ease-in-out infinite}
.p38-tw i:nth-child(1){left:20%;top:72%}.p38-tw i:nth-child(2){left:62%;top:84%}.p38-tw i:nth-child(3){left:40%;top:90%}.p38-tw i:nth-child(4){left:80%;top:66%}.p38-tw i:nth-child(5){left:12%;top:94%}.p38-tw i:nth-child(6){left:52%;top:62%}.p38-tw i:nth-child(7){left:30%;top:78%}.p38-tw i:nth-child(8){left:72%;top:92%}.p38-tw i:nth-child(9){left:88%;top:80%}
@keyframes p38tw{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:.85;transform:none}}
.p38-belt{display:flex;flex-direction:column;gap:8px;will-change:transform}
.p38-t{display:flex;align-items:center;gap:8px;height:52px;padding:0 12px;border-radius:14px;background:var(--peb);box-shadow:var(--lift-sm);flex:none;transition:box-shadow .4s}
.p38-t b{font-size:12.5px;font-weight:500;color:var(--ink);white-space:nowrap}
.p38-pt{width:7px;height:7px;border-radius:50%;background:var(--ink);opacity:.25;flex:none;transition:background .3s,opacity .3s}
.p38-t.on .p38-pt{background:var(--sig);opacity:1}
.p38-t.on{box-shadow:inset 3px 0 0 var(--sig),var(--lift-sm)}
.p38-scan{position:absolute;left:0;right:0;top:46%;height:2px;border-radius:2px;background:var(--sig);opacity:.35;z-index:2;transition:opacity .3s}
.p38-scan.on{opacity:1}
.p38-k{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:16px;background:var(--peb);box-shadow:var(--lift);flex:none}
.p38-k1{display:flex;align-items:center;gap:8px;min-width:0}
.p38-ka{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--sig-soft);color:var(--sig-ink)}
.p38-ka svg{width:13px;height:13px}
.p38-k1 b{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}
.p38-st .ma-chip{height:auto;min-height:26px;white-space:normal;line-height:1.25;padding:4px 10px;font-size:11.5px}
.p38-k.passe{padding:9px 12px;gap:0;box-shadow:var(--lift-sm)}
.p38-k.passe .p38-ka{width:8px;height:8px;background:var(--sig)}
.p38-k.passe .p38-ka svg{display:none}
.p38-k.passe .p38-st{display:none}

/* P39 : le mur de posts */
.p39{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;height:100%}
.p39-row{position:relative;height:74px;overflow:hidden;border-radius:18px}
.p39-trk{display:flex;gap:12px;height:100%;width:max-content;will-change:transform}
.p39-post{display:flex;align-items:center;gap:10px;width:268px;flex:none;padding:0 14px 0 10px;border-radius:18px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair);transition:box-shadow .4s}
.p39-post.on{box-shadow:inset 0 0 0 2px var(--sig)}
.p39-avi{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--sig-soft);color:var(--sig-ink)}
.p39-avi svg{width:16px;height:16px}
.p39-tx{min-width:0;display:flex;flex-direction:column;gap:3px}
.p39-tx b{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}
.p39-tx p{margin:0;font-size:12.5px;line-height:1.3;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.p39-tx p.p39-sig{display:block;overflow:visible}
.p39-sig .ma-chip{height:24px;font-size:11.5px;padding:0 9px}
.p39-lens{position:absolute;left:50%;top:0;bottom:0;width:276px;translate:-50% 0;border-radius:20px;box-shadow:inset 0 0 0 2px var(--sig);opacity:0;z-index:2;pointer-events:none;transition:opacity .35s}
.p39-lens.on{opacity:1}
.p39-mid{display:grid;grid-template-columns:200px minmax(0,1fr) 200px;gap:16px;min-height:0}
.p39-hud,.p39-goal{border-radius:22px;background:var(--peb);box-shadow:var(--lift-sm);padding:18px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.p39-hud div{display:flex;flex-direction:column}
.p39-hud b,.p39-ok b{font-size:32px;font-weight:600;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.1}
.p39-hud span{font-size:13px;color:var(--muted)}
.p39-goal{align-items:flex-start;gap:8px}
.p39-goal small{font-size:12.5px;color:var(--muted)}
.p39-goal > b{font-size:16px;color:var(--ink)}
.p39-trail{display:flex;gap:6px;margin-top:6px}
.p39-trail i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--muted);background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair);transition:background .4s,color .4s}
.p39-trail i svg{width:12px;height:12px}
.p39-trail i.on{background:var(--sig);color:#fff;box-shadow:none}
.p39-fx{perspective:1100px;min-height:0;display:flex}
.p39-card{flex:1;min-height:0;border-radius:24px;background:var(--paper);box-shadow:var(--lift),0 30px 60px -40px oklch(30% .02 70 / .35);padding:18px 22px;display:flex;overflow:hidden}
.p39-face{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.p39-face.a0{flex-direction:row;align-items:center;justify-content:center;gap:16px}
.p39-orq{width:72px;height:72px;color:var(--ink)}
.p39-au{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.p39-au b{font-size:14px;color:var(--ink)}
.p39-pc{margin:0;font-size:14px;line-height:1.5;color:var(--ink)}
.p39-re{display:flex;gap:10px}
.p39-like{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;font-size:13px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--hair);transition:background .3s,color .3s}
.p39-like svg{width:14px;height:14px}
.p39-like.on{background:var(--sig-soft);color:var(--sig-ink);box-shadow:none}
.p39-cm{padding:10px 14px;border-radius:16px;background:var(--sig-soft)}
.p39-cm small{display:block;font-size:12px;color:var(--sig-ink);margin-bottom:3px}
.p39-cm p{margin:0;font-size:13.5px;line-height:1.45;color:var(--ink)}
.p39-th{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:8px}
.p39-m{max-width:86%;display:flex;flex-direction:column;gap:3px;flex:none}
.p39-m small{font-size:11.5px;color:var(--muted)}
.p39-m p{margin:0;padding:8px 13px;border-radius:16px;font-size:13px;line-height:1.4}
.p39-m.me{align-self:flex-end;align-items:flex-end}
.p39-m.me p{background:var(--paper);color:var(--ink);box-shadow:var(--lift-sm),inset 0 0 0 1px var(--hair);border-bottom-right-radius:5px}
.p39-m.them p{background:var(--sig-soft);color:var(--ink);border-bottom-left-radius:5px}
.p39-stop{align-self:center;flex:none}
.p39-face.c{align-items:center;justify-content:center;gap:14px}
.p39-big{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--sig);color:#fff;position:relative}
.p39-big svg{width:28px;height:28px}
.p39-ok{margin-top:auto}

@media (max-width:900px){
  .p35{grid-template-columns:minmax(0,1fr);height:auto}
  .p35-sea{height:520px}
  .p35-p{left:var(--mx);top:var(--my)}
  .p35-p.p35-dt{display:none}
  .p35-hud > b{display:none}
  .p35-hud{left:14px;top:10px}
  .p35-orq{left:auto;right:3%;top:auto;bottom:1%;translate:none;width:62px;height:62px}
  .p35-pill b{font-size:12.5px}
  .p35-st .ma-chip{white-space:normal;width:max-content;max-width:150px;height:auto;min-height:26px;line-height:1.25;padding:4px 10px;font-size:11.5px}
  .p35-k b{font-size:26px}
  .p35-kpis{gap:6px}
  .p36{height:auto}
  .p36-top{flex-direction:column;align-items:flex-start}
  .p36-kpis{width:100%}
  .p36-k{min-width:0;flex:1;padding:8px 10px}
  .p36-k span{font-size:11.5px}
  .p36-clk b{font-size:36px}
  .p36-trk{height:400px;flex:none;padding:12px 14px 14px}
  .p36-lab{position:static;translate:none;display:block;margin-bottom:4px;font-size:12.5px}
  .p36-you{height:110px}
  .p36-you .p36-blk{top:4px;bottom:auto;height:40px}
  .p36-you .p36-blk.fin{top:50px;left:24%!important;width:76%!important;font-size:12px;white-space:nowrap;line-height:1}
  .p36-call{left:14px}
  .p36-you .p36-body,.p36-ag .p36-body{top:22px}
  .p36-ax span:nth-child(even){display:none}
  .p36-act b{display:none}
  .p36-act{padding:0 4px}
  .p36-blk{font-size:11px;padding:0 7px;white-space:normal;line-height:1.15}
  .p36-call{left:0;right:auto;max-width:calc(100% - 28px);white-space:normal}
  .p36-call .ma-chip{white-space:normal;height:auto;min-height:26px;line-height:1.25;padding:4px 10px}
  .p37{grid-template-columns:minmax(0,1fr);height:auto}
  .p37-day{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:12px;gap:12px 16px}
  .p37-wk{flex-basis:100%;justify-content:space-between}
  .p37-day{height:206px;flex:none;align-content:center}
  .p37-tile{width:96px}.p37-tile b{font-size:40px}
  .p37-th{height:430px;flex:none}
  .p37-m{max-width:92%}
  .p37-hd .ma-chip{white-space:normal;height:auto;min-height:28px;line-height:1.25;padding:4px 11px}
  .p37-x .ma-chip{white-space:normal;height:auto;min-height:28px;line-height:1.25;padding:4px 11px}
  .p38{height:auto;perspective:none}
  .p38-floor{transform:none;grid-template-columns:minmax(0,1fr);height:auto}
  .p38-col{padding:10px}
  .p38-bd{min-height:64px;flex-direction:row;flex-wrap:wrap}
  .p38-col[data-col="0"] .p38-bd{height:52px;flex-wrap:nowrap}
  .p38-belt{flex-direction:row}
  .p38-scan{left:46%;right:auto;top:0;bottom:0;width:2px;height:auto}
  .p38-k{flex:1 1 140px}
  .p38-bd{flex:none}
  .p38-col[data-col="1"] .p38-bd,.p38-col[data-col="2"] .p38-bd{height:244px;align-content:flex-start}
  .p38-col[data-col="3"] .p38-bd,.p38-col[data-col="4"] .p38-bd{height:96px;align-content:flex-start}
  .p39{height:auto}
  .p39-mid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto}
  .p39-fx{grid-column:1 / -1;grid-row:1;height:380px}
  .p39-post{width:220px}
  .p39-lens{width:228px}
  .p39-hud b,.p39-ok b{font-size:24px}
  .p39-hud,.p39-goal{height:248px}
  .p39-face.a0{flex-direction:column;text-align:center}
  .p39-face.a0 .ma-who{align-items:center}
}
@media (prefers-reduced-motion:reduce){
  .p35-fils path.flux,.p37-o i,.p38-tw i{animation:none}
}


/* P40 : les aimants */
.p40{position:relative;height:100%;border-radius:22px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden}
.p40-cv{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.p40-hud{position:absolute;left:22px;top:18px;display:flex;flex-direction:column;z-index:2}
.p40-hud b{font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.1}
.p40-hud span{font-size:13px;color:var(--muted)}
.p40-core{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:2}
.p40-orq{width:96px;height:96px;border-radius:50%;background:var(--peb);box-shadow:var(--lift);display:grid;place-items:center;color:var(--ink)}
.p40-orq .lf-mark{width:70px!important;height:70px!important}
.p40-core > b{font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap;padding:3px 10px;border-radius:999px;background:var(--paper);box-shadow:var(--lift-sm)}
.p40-mg{position:absolute;translate:-50% -50%;z-index:2;display:flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:999px;background:var(--peb);box-shadow:var(--lift-sm);white-space:nowrap;transition:box-shadow .5s}
.p40-mg b{font-size:14.5px;font-weight:600;color:var(--ink)}
.p40-mg.pick{box-shadow:0 0 0 2px var(--sig),var(--lift-sm)}
.p40-mg.pick .ma-ic{background:var(--sig);color:#fff;box-shadow:none}
.p40-dock{width:0;height:0}
.p40-mg.on .p40-dock{width:30px;height:30px;transition:width .4s var(--spring)}
.p40-fin{position:absolute;top:calc(100% + 8px);left:50%;translate:-50% 0}
.p40-p{position:absolute;left:0;top:0;margin:-20px 0 0 -20px;z-index:3}
.p40-p .ma-av{width:40px;height:40px;font-size:12px;transition:box-shadow .4s}
.p40-p.on .ma-av{box-shadow:0 0 0 2px var(--sig),var(--lift-sm)}
.p40-p.dock .ma-av{box-shadow:0 0 0 2px var(--sig),var(--lift)}
.p40-st{position:absolute;left:calc(100% + 6px);top:50%;translate:0 -50%;white-space:nowrap}
.p40-cap{display:none}

/* P41 : l'agent se construit */
.p41{display:flex;flex-direction:column;gap:12px;height:100%}
.p41-bar{display:flex;align-items:center;gap:12px;height:56px;padding:0 8px 0 18px;border-radius:999px;background:var(--paper);box-shadow:var(--lift),0 0 0 1.5px var(--ink)}
.p41-src{width:22px;height:22px;flex:none;display:grid;place-items:center}
.p41-src svg{width:22px;height:22px}
.p41-cmd{flex:1;min-width:0;font-size:15px;color:var(--ink);white-space:nowrap}
.p41-go{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--sig);color:#fff;flex:none}
.p41-go svg{width:17px;height:17px}
.p41-rep{min-height:30px;display:flex;align-items:center;padding:0 12px;opacity:0}
.p41-rep.on{opacity:1}
.p41-tool{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:500;color:var(--text)}
.p41-tool i{width:15px;height:15px;border-radius:50%;border:2px solid var(--sig-soft);border-top-color:var(--sig);animation:p41sp .8s linear infinite}
@keyframes p41sp{to{transform:rotate(360deg)}}
.p41-ans{font-size:13.5px;line-height:1.45;color:var(--ink);padding:9px 14px;border-radius:16px;background:var(--paper);box-shadow:var(--lift-sm)}
.p41-dash{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:12px}
.p41-t{border-radius:20px;background:var(--peb);box-shadow:var(--lift-sm);padding:16px 18px;min-height:0;display:flex;flex-direction:column;gap:8px}
.p41-off{visibility:hidden}
.p41-id{grid-column:1 / 3}
.p41-gs{grid-column:3 / 5;flex-direction:row;justify-content:space-around;align-items:center}
.p41-sp{grid-column:1 / 3;padding-bottom:10px}
.p41-idh{display:flex;justify-content:space-between;align-items:center;gap:10px}
.p41-idh b{font-size:16px;color:var(--ink)}
.p41-live{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--sig-ink);padding:4px 10px;border-radius:999px;background:var(--sig-soft)}
.p41-live i{width:7px;height:7px;border-radius:50%;background:var(--sig);animation:p41pl 1.6s ease-out infinite}
@keyframes p41pl{0%{box-shadow:0 0 0 0 oklch(71.9% .172 49.6 / .6)}100%{box-shadow:0 0 0 9px oklch(71.9% .172 49.6 / 0)}}
.p41-id p{margin:4px 0 0;font-size:14px;line-height:1.45;color:var(--text)}
.p41-id small{margin-top:auto;font-size:12.5px;color:var(--muted)}
.p41-g{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.p41-g > span:last-child{font-size:12.5px;color:var(--muted);max-width:110px;line-height:1.3}
.p41-ring{position:relative;width:76px;height:76px;display:grid;place-items:center}
.p41-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.p41-ring circle{fill:none;stroke-width:6}
.p41-ring .bg{stroke:var(--sig-soft)}
.p41-ring .fg{stroke:var(--sig);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}
.p41-ring b{font-size:18px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.p41-sph{display:flex;justify-content:space-between;align-items:baseline}
.p41-sph > b{font-size:14px;color:var(--ink)}
.p41-sph .lg-cnt b{font-size:20px;color:var(--ink);font-variant-numeric:tabular-nums}
.p41-line{flex:1;min-height:0;width:100%;overflow:hidden}
.p41-line .ln{fill:none;stroke:var(--sig);stroke-width:2.2;stroke-linejoin:round}
.p41-line .ar{fill:var(--sig-soft);stroke:none}
.p41-line circle{fill:var(--sig);stroke:#fff;stroke-width:2}
.p41-days{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted)}
.p41-sg > b,.p41-ob b{font-size:14px;color:var(--ink)}
.p41-chips{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-height:0}
.p41-c:empty{display:none}
.p41-ob small{font-size:12.5px;color:var(--muted)}
.p41-ob .ma-ic{margin-bottom:2px}
.p41-fin{margin-top:auto}
.p41-fin .ma-chip{white-space:normal;height:auto;min-height:28px;line-height:1.25;padding:4px 11px}

/* P42 : les barres du marché */
.p42{position:relative;height:100%;border-radius:22px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden}
.p42-cv{position:absolute;inset:0;width:100%;height:100%}
.p42-hud{position:absolute;left:22px;top:18px;display:flex;flex-direction:column;gap:3px;z-index:2}
.p42-hud > b{font-size:14px;color:var(--ink)}
.p42-hud .lg-cnt{font-size:13px;color:var(--muted)}
.p42-hud .lg-cnt b{color:var(--ink);font-variant-numeric:tabular-nums}
.p42-pin{position:absolute;left:0;top:0;width:0;height:0;z-index:3;opacity:0}
.p42-pin.on{opacity:1}
.p42-stem{position:absolute;left:-1px;bottom:0;width:2px;height:26px;border-radius:2px;background:var(--sig)}
.p42-hd{position:absolute;left:0;bottom:26px;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 10px;border-radius:16px;background:var(--peb);box-shadow:var(--lift);white-space:nowrap}
.p42-hd > b{font-size:13px;color:var(--ink)}
.p42-wk{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:2}
.p42-wk.on{opacity:1}
.p42-wh{position:absolute;right:24px;top:18px;text-align:right;display:flex;flex-direction:column;gap:2px}
.p42-wh small{font-size:13px;color:var(--muted)}
.p42-wh b{font-size:15px;color:var(--ink)}
.p42-wh b span{font-size:30px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.p42-dl{position:absolute;bottom:12px;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:2px}
.p42-dl > b{position:absolute;bottom:calc(100% + 160px);font-size:15px;color:var(--sig-ink)}
.p42-dl > small{font-size:12.5px;font-weight:600;color:var(--ink);padding:2px 8px;border-radius:999px;background:var(--paper)}
.p42-pin.fin{position:absolute;left:50%;bottom:calc(100% + 190px);top:auto;width:auto;height:auto;opacity:1}
.p42-pin.fin .p42-stem{display:none}
.p42-pin.fin .p42-hd{position:static;translate:-50% 0}

/* P43 : le tableau à volets */
.p43{display:flex;flex-direction:column;gap:12px;height:100%}
.p43-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 6px}
.p43-ag{display:flex;align-items:center;gap:9px}
.p43-ag i{width:8px;height:8px;border-radius:50%;background:var(--sig);animation:p41pl 1.6s ease-out infinite}
.p43-ag b{font-size:14px;color:var(--ink)}
.p43-clk{font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.p43-top .lg-cnt{font-size:13px;color:var(--muted)}
.p43-top .lg-cnt b{color:var(--ink);font-variant-numeric:tabular-nums}
.p43-tab{flex:1;min-height:0;display:flex;flex-direction:column;gap:7px;padding:12px;border-radius:22px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair)}
.p43-h,.p43-r{display:grid;grid-template-columns:1.05fr 1.35fr 1fr 1.15fr;gap:7px}
.p43-h span{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 12px}
.p43-r{flex:1;min-height:0;perspective:500px}
.p43-f{position:relative;display:flex;align-items:center;min-width:0;padding:0 12px;border-radius:10px;background:var(--peb);box-shadow:var(--lift-sm);transform-origin:50% 50%;transition:background .3s,color .3s}
.p43-f::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--hair)}
.p43-f b{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.p43-f.mu b{color:var(--muted);font-weight:500}
.p43-f.s{background:var(--sig-soft)}
.p43-f.s b{color:var(--sig-ink)}
.p43-f.ok{background:var(--sig)}
.p43-f.ok b{color:#fff}
.p43-r.on .p43-f[data-c="0"]{box-shadow:inset 3px 0 0 var(--sig),var(--lift-sm)}

/* P44 : la semaine qui se remplit */
.p44{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;height:100%}
.p44-cal{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:22px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair);min-height:0}
.p44-ch{display:flex;justify-content:space-between;align-items:baseline}
.p44-ch > b{font-size:15px;color:var(--ink)}
.p44-ch .lg-cnt{font-size:13px;color:var(--muted)}
.p44-ch .lg-cnt b{font-size:20px;color:var(--ink);font-variant-numeric:tabular-nums}
.p44-g{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:52px repeat(5,minmax(0,1fr));grid-template-rows:42px repeat(5,minmax(0,1fr));gap:6px}
.p44-d{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--ink)}
.p44-h{font-size:12px;color:var(--muted);padding-top:4px}
.p44-c{position:relative;border-radius:12px;box-shadow:inset 0 0 0 1px var(--hair);min-height:0}
.p44-b,.p44-e{position:absolute;inset:3px;border-radius:10px;padding:6px 10px;display:flex;flex-direction:column;justify-content:center;gap:1px;font-size:12.5px;font-weight:600;line-height:1.2;overflow:hidden}
.p44-b{background:var(--peb);box-shadow:var(--lift-sm);color:var(--ink);font-weight:500}
.p44-e{background:var(--sig-soft);color:var(--sig-ink);box-shadow:inset 3px 0 0 var(--sig)}
.p44-e small{font-size:11.5px;font-weight:500;color:var(--sig-ink)}
.p44-e.nv{background:var(--sig);color:#fff;box-shadow:var(--lift)}
.p44-e.nv small{color:#fff}
.p44-now{position:absolute;left:0;top:0;height:2px;background:var(--sig);border-radius:2px;z-index:2;pointer-events:none}
.p44-now::before{content:"";position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--sig)}
.p44-log{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:22px;background:var(--peb);box-shadow:var(--lift-sm);min-height:0}
.p44-lh{display:flex;align-items:center;gap:9px}
.p44-lh i{width:8px;height:8px;border-radius:50%;background:var(--sig);animation:p41pl 1.6s ease-out infinite}
.p44-lh b{font-size:14px;color:var(--ink)}
.p44-ls{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:8px}
.p44-l{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center;min-height:62px;padding:10px 12px;border-radius:14px;background:var(--paper);box-shadow:var(--lift-sm);flex:none}
.p44-l > div{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.p44-l b{font-size:13px;color:var(--ink)}
.p44-l small{font-size:12px;color:var(--muted)}
.p44-l .ma-chip{height:24px;font-size:11.5px;padding:0 9px}

@media (max-width:900px){
  .p40{height:640px}
  .p40-mg{position:static;translate:none;padding:4px 10px 4px 4px;gap:6px;white-space:normal}
  .p40-mg b{font-size:11.5px;line-height:1.2}
  .p40-mg .ma-ic{width:26px;height:26px}
  .p40-mgs{display:none}
  .p40{display:grid;grid-template-columns:1fr 1fr;align-content:end;gap:8px;padding:10px}
  .p40-fin{position:static;translate:none}
  .p40-mg.pick{grid-column:1 / -1}
  .p40-core{top:36%}
  .p40-orq{width:64px;height:64px}.p40-orq .lf-mark{width:48px!important;height:48px!important}
  .p40-st,.p40-core > b{display:none}
  .p40-cap{display:flex;grid-column:1 / -1;align-items:center;flex-wrap:wrap;gap:6px 8px;min-height:44px;padding:8px 10px;border-radius:16px;background:var(--peb);box-shadow:var(--lift-sm);font-size:13px}
  .p40-cap:empty{visibility:hidden}
  .p40-cap .ma-av{width:28px;height:28px;font-size:10px}
  .p40-cap .ma-chip{white-space:normal;height:auto;min-height:26px;line-height:1.25;padding:4px 10px}
  .p40-mg.pick{flex-wrap:wrap}
  .p40-fin{display:none}
  .p41{height:auto}
  .p41-bar{height:auto;min-height:52px;padding:8px 8px 8px 14px;border-radius:26px}
  .p41-cmd{white-space:normal;font-size:13.5px;line-height:1.35;min-height:55px;display:flex;align-items:center}
  .p41-dash{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}
  .p41-id,.p41-gs,.p41-sp{grid-column:auto}
  .p41-gs{flex-wrap:wrap;gap:10px}
  .p41-g{flex:1 1 40%}
  .p41-sp{height:170px}
  .p41-ans{display:block}
  .p41-rep{min-height:80px;height:auto;padding:0;align-items:flex-start}
  .p41-chips{min-height:130px}
  .p41-fin{min-height:28px}
  .p42{height:520px}
  .p42-hud > b{display:none}
  .p42-hd{padding:6px 8px;max-width:104px;white-space:normal;text-align:center}
  .p42-stem{height:22px}.p42-hd{bottom:22px}
  .p42-pin[data-i="2"] .p42-stem,.p42-pin[data-i="6"] .p42-stem{height:108px}
  .p42-pin[data-i="2"] .p42-hd,.p42-pin[data-i="6"] .p42-hd{bottom:108px}
  .p42-hd > b{font-size:11.5px}
  .p42-hd .ma-chip{white-space:normal;width:max-content;max-width:110px;height:auto;min-height:22px;line-height:1.2;padding:3px 7px;font-size:10.5px}
  .p42-wh{right:14px;top:56px}
  .p42-dl > b{bottom:calc(100% + 150px)}
  .p42-pin.fin{bottom:calc(100% + 200px)}
  .p43{height:auto}
  .p43-top{flex-wrap:wrap}
  .p43-h{display:none}
  .p43-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:84px}
  .p43-f{height:44px}
  .p43-f b{font-size:12px;white-space:normal;line-height:1.2}
  .p43-tab{padding:8px}
  .p44{grid-template-columns:minmax(0,1fr);height:auto}
  .p44-g{height:330px;grid-template-columns:38px repeat(5,minmax(0,1fr));gap:4px}
  .p44-d{font-size:11.5px;text-align:center}
  .p44-b,.p44-e{padding:0;font-size:0;inset:2px}
  .p44-e small{display:none}
  .p44-ls{height:300px;flex:none}
}
@media (prefers-reduced-motion:reduce){
  .p41-tool i,.p41-live i,.p43-ag i,.p44-lh i{animation:none}
}

/* PX>> */



/* Carrousel vertical des features (landing/carrousel.js, ?carrousel=1..4). Préfixe fc- : .cr est déjà une grille de la v26.
   body a overflow-x:hidden (donc défile en y pour le navigateur) : le bloc collant ne collerait jamais ; clip ne crée pas de défilement. */
html.fc-actif body{overflow-x:clip!important}
.fc{position:relative}
.fc.fc-on .fc-in{position:sticky;top:0;height:100vh;overflow:hidden}
.fc.fc-on .fc-v{position:absolute!important;left:0;right:0;top:var(--fc-top,90px);margin:0!important;min-height:0!important;padding-top:0!important;padding-bottom:12px!important;transform-origin:50% 0;background:transparent;scale:var(--cr-k,1)}
/* le fond de la scène = celui de la page, sous le menu ; pendant le passage, la vue qui part et celle qui arrive glissent dessus */
.fc.fc-on .fc-in{background:var(--bg-page,oklch(95.5% .012 85))}
.fc.fc-on .fc-v.fc-off{visibility:hidden;translate:0 160vh}
.fc.fc-on .fc-v.fc-carte{border-radius:32px 32px 0 0;box-shadow:0 -30px 60px -40px oklch(30% .02 70 / .35)}
/* les deux sections « Vos agents » un peu moins hautes dans le carrousel (pas d'échelle à 1440 x 900) */
.fc.fc-on #agents.ma.lg,.fc.fc-on #agents-conv.ma.lg{padding:0 0 12px}
.fc.fc-on #agents.ma.lg .kv-h,.fc.fc-on #agents-conv.ma.lg .kv-h{margin-bottom:28px}
/* points verticaux : seulement pour le carrousel ; ceux de la page (.kdots de la v26, visibles au-dessus de 1500 px) sont retirés */
.kdots{display:none!important}
.fc-dots{position:fixed;right:max(8px,calc((100vw - 1280px) / 2 - 64px));top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:var(--s1,8px);opacity:0;pointer-events:none;transition:opacity .4s}
.fc-dots.fc-dots-on{opacity:1;pointer-events:auto}
.fc-dots a{display:flex;align-items:center;justify-content:flex-start;position:relative;width:24px;height:24px;min-width:24px;color:var(--muted);font-size:12px;text-decoration:none}
.fc-dots a i{display:block;margin:0 auto;width:8px;height:8px;border-radius:50%;background:oklch(62% .01 80);transition:height .4s var(--g-ease,cubic-bezier(.2,.8,.2,1)),background .3s}
.fc-dots a.on i{height:20px;border-radius:999px;background:var(--ink)}
.fc-dots a span{position:absolute;right:28px;white-space:nowrap;opacity:0;transform:translateX(6px);transition:opacity .3s,transform .4s var(--g-ease,cubic-bezier(.2,.8,.2,1));background:var(--paper);box-shadow:var(--lift-sm);padding:2px 8px;border-radius:999px;pointer-events:none}
.fc-dots a:hover span,.fc-dots a:focus-visible span{opacity:1;transform:none}
.fc-dots a:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:999px}
@media (max-width:900px){.fc-dots{display:none}}
@media (prefers-reduced-motion:reduce){.fc-dots a i{transition:none}}
/* le menu collant se retire pendant les features et revient après */
#nav{transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .25s}
html.fc-sans-nav #nav{transform:translateY(calc(-100% - 24px))!important;opacity:0;pointer-events:none}
html.fc-sans-nav .kmenu{opacity:0;pointer-events:none}



/* Pied de page en grille de points (landing/pied.js, ?pied=1..5) : aucun cadre, les points se calment sous les textes */
footer.pd{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:24px;padding:220px 0 64px;color:var(--text);overflow:hidden;isolation:isolate}
.pd-cv{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.pd-in{max-width:1216px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1.6fr);gap:48px;align-items:start}
.pd-l{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.pd-logo .logo{display:inline-flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.14em;color:var(--ink)}
.pd-logo .lf-mark{width:34px;height:34px}
.pd-tag{margin:0;max-width:430px;font-size:15px;line-height:1.55;color:var(--text)}
.pd-soc{display:flex;gap:6px}
.pd-soc a{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:var(--ink);transition:background .3s,color .3s}
.pd-soc a:hover{background:var(--sig-soft,oklch(95.5% .04 60));color:var(--sig-ink,oklch(42% .12 50))}
.pd-soc svg{width:18px;height:18px}
.pd-copy{margin:8px 0 0;font-size:13px;color:var(--muted)}
.pd-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pd-col h4{margin:0 0 14px;font-size:14px;font-weight:600;color:var(--ink)}
.pd-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.pd-col a{font-size:14px;color:var(--muted);text-decoration:none;transition:color .25s}
.pd-col a:hover{color:var(--ink)}
.pd a:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:6px}
/* 6 : la bande de points s'efface jusqu'au fond, le pied est dessous (animation et textes séparés) */
.pd-cv.pd-bande{position:relative;inset:auto;display:block;width:100%;height:400px;z-index:0;margin-top:12px}
footer.pd.pd-6{padding-top:40px;padding-bottom:0}
@media (max-width:900px){.pd-cv.pd-bande{height:280px;margin-top:10px}footer.pd.pd-6{padding-top:32px;padding-bottom:0}}
/* 2 : nuit */
footer.pd-2{margin-top:-170px;padding-top:330px;color:oklch(92% .01 80);background:linear-gradient(180deg,oklch(19% .018 58),oklch(16% .02 55))}
#faq .card.final.pd-sur{position:relative;z-index:2;background:oklch(99.4% .003 85);box-shadow:var(--lift),0 40px 80px -40px oklch(10% .02 60 / .6)}
.pd-2 .pd-logo .logo,.pd-2 .pd-col h4,.pd-2 .pd-soc a{color:oklch(97% .005 80)}
.pd-2 .lf-mark{color:oklch(97% .005 80)!important}
.pd-2 .pd-tag{color:oklch(88% .01 80)}
.pd-2 .pd-copy,.pd-2 .pd-col a{color:oklch(76% .012 75)}
.pd-2 .pd-col a:hover{color:#fff}
.pd-2 .pd-soc a:hover{background:oklch(30% .03 55);color:#fff}
/* 3 : le grand ORCAL */
footer.pd-3{padding-bottom:28px}
.pd-mot{height:min(24vw,300px);margin:40px auto 0;max-width:1280px}
/* 4 : la marée */
footer.pd-4{padding-top:250px}
.pd-orq{position:absolute;left:0;top:0;width:120px;height:120px;z-index:0;color:var(--ink);pointer-events:none}
.pd-orq .lf-mark{width:100%!important;height:100%!important}
/* 5 : sous la souris */
footer.pd-5{padding-top:240px}
@media (max-width:900px){
  footer.pd{padding:170px 0 48px}
  footer.pd-2{margin-top:-120px;padding-top:250px}
  .pd-in{grid-template-columns:minmax(0,1fr);gap:36px;padding:0 20px}
  .pd-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
  .pd-orq{width:84px;height:84px}
  .pd-mot{height:30vw;margin-top:28px}
}
.pd-copy .pd-adr,.pd-copy .pd-cr{display:block}
.pd-copy .pd-adr + .pd-cr{margin-top:6px}
.pd-copy .pd-cr + .pd-cr{margin-top:4px} /* 08/11/2026 : copyright, puis adresse et mentions à la ligne */
.pd-copy .pd-nw{white-space:nowrap}

/* 08/11/2026 : modèle donné par le fondateur (sans bouton, DA Orcal) : marque à gauche, 3 colonnes de même largeur,
   liens resserrés ; barre du bas sans filet : copyright | logo RGPD + « Conforme RGPD » | « 100% made in France » */
.pd-in{grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr));gap:40px}
.pd-cols{display:contents}
.pd-tag{max-width:360px;font-size:16px;line-height:1.45}
.pd-col h4{font-size:15px;margin:0 0 6px}
.pd-col ul{gap:6px}
.pd-col a{font-size:15px;line-height:1.45}
.pd-bas{grid-column:1/-1;margin-top:24px} /* dans la grille du pied : le filet suit exactement le bord du contenu */
.pd-bas-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px 32px;padding-top:8px;font-size:14px;color:var(--muted)}
.pd-bas p{margin:0}
.pd-made{justify-self:end;position:relative;display:block;color:var(--muted);outline:none;border-radius:999px}
/* 09/11/2026, fondateur : drapeau rond (icons8, 64 px) à DROITE ; le texte n'apparaît qu'au survol (ou au focus) du drapeau,
   en glissant vers la gauche. Texte posé en absolu à gauche du drapeau : rien ne bouge dans la mise en page. */
.pd-fr{width:22px;height:22px;display:block;background:center/22px 22px no-repeat;cursor:default}
.pd-made-t{position:absolute;right:calc(100% + 10px);top:50%;white-space:nowrap;opacity:0;transform:translate(14px,-50%);pointer-events:none;
  transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1)}
.pd-made:hover .pd-made-t,.pd-made:focus-visible .pd-made-t{opacity:1;transform:translate(0,-50%)}
.pd-made:focus-visible{box-shadow:0 0 0 2px var(--bg,#f3efe8),0 0 0 4px var(--ink)}
@media (prefers-reduced-motion:reduce){.pd-made-t{transition:opacity .15s linear;transform:translate(0,-50%)}}
.pd-rgpd{justify-self:center;display:inline-flex;align-items:center;gap:10px;color:var(--ink)}
.pd-rg{width:34px;height:auto;display:block}
.pd-bas .pd-copy{justify-self:start;text-align:left;margin:0;font-size:14px}
/* 09/11/2026, fondateur (« pas aligné », « utilise les espaces à gauche et à droite », « le drapeau à droite de la page »,
   « pas harmonieux ») : le contenu du pied a les MÊMES bords que le contenu de la barre du haut (.nav-in : bords de main.wrap,
   marge intérieure 24 px) : logo du pied sous le logo de la barre, drapeau sur le bord droit du contenu. Les 3 colonnes de liens
   prennent la largeur de leur texte et se répartissent jusqu'au bord droit (Légal finit au bord) ; la barre du bas réutilise
   les MÊMES colonnes (subgrid) : copyright sous la marque, RGPD sous « Produit », drapeau sous la fin de « Légal ». */
@media (min-width:901px){
  .pd-in{max-width:1280px;width:100%;box-sizing:border-box;padding:0 56px;grid-template-columns:minmax(0,1fr) repeat(3,max-content);column-gap:clamp(48px,7vw,112px);row-gap:0}
  .pd-bas{grid-column:1/-1;display:grid;grid-template-columns:subgrid;margin-top:56px}
  .pd-bas-in{grid-column:1/-1;display:grid;grid-template-columns:subgrid;column-gap:inherit;padding-top:0}
  .pd-bas .pd-copy{grid-column:1}
  .pd-rgpd{grid-column:2/span 2;justify-self:start}
  .pd-made{grid-column:4;justify-self:end}
}
/* 901 à 1180 px : la place à gauche du drapeau peut manquer (anglais, colonnes étroites) : le texte glisse vers la gauche
   au-dessus du drapeau, calé sur son bord droit, dans le vide sous la colonne Légal (aucun chevauchement avec le RGPD) */
@media (min-width:901px) and (max-width:1180px){
  .pd-made-t{right:0;top:auto;bottom:calc(100% + 10px);transform:translate(14px,0)}
  .pd-made:hover .pd-made-t,.pd-made:focus-visible .pd-made-t{transform:translate(0,0)}
}
@media (min-width:901px) and (max-width:1180px) and (prefers-reduced-motion:reduce){.pd-made-t{transform:none}}
@media (max-width:900px){
  .pd-in{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}
  .pd-l{grid-column:1/-1}
  .pd-bas{margin-top:8px}
  .pd-bas-in{grid-template-columns:1fr;gap:14px;justify-items:start}
  .pd-rgpd,.pd-made{justify-self:start;text-align:left}
  .pd-made{display:inline-flex;align-items:center;gap:10px}
  .pd-made .pd-fr{order:-1;margin:0 6px} /* 34 px comme le logo RGPD : textes alignés */
  .pd-made-t{position:static;opacity:1;transform:none;pointer-events:auto;transition:none}
}



/* 08/11/2026, fondateur : « le même effet de volet avec le footer qui apparaît » (site de référence) : la page remonte
   comme un volet et découvre le pied de page, posé dessous et immobile (sticky). Le bloc juste au-dessus du pied (main.wrap)
   devient un voile opaque, de la couleur de la page.
   08/11/2026 (2), fondateur : « on ne doit voir ni ligne ni ombre, ni le volet qui s'arrête : il doit disparaître vers le
   haut » : plus d'ombre ni de marge sous le voile ; le pied occupe tout l'écran (min-height 100svh) pour que le voile sorte
   entièrement par le haut ; la bande de points en bas du pied prend la hauteur qui reste ; marge du haut
   du pied élargie pour passer sous la barre flottante.
   Sans effet si le pied (hauteur naturelle) est plus haut que l'écran : son haut doit rester accessible (revele.js).
   Les bandes orange de la première version sont archivées (landing/_archive/). */
html.rv-on .rv-voile{position:relative;z-index:1;border-image:linear-gradient(var(--bg,oklch(95.5% .012 85)),var(--bg,oklch(95.5% .012 85))) fill 0 / 0 / 0 100vw}
html.rv-on footer.pd{position:sticky;bottom:0;z-index:0;margin-top:0;min-height:100svh;display:flex;flex-direction:column;padding-top:112px}
/* la bande de points prend la hauteur qui reste (au moins 160 px) : le pied tient dans l'écran sur un portable */
html.rv-on footer.pd .pd-bande{flex:1 1 0;height:auto;min-height:160px;margin-top:12px}



/* Mode waitlist (06/11/2026) : étape e-mail #wl. Le cadre (#wl) reprend à l'ouverture les règles #ob du parcours
   (waitlist.js, reprendreStyles) ; ici seulement ce qui est propre à l'étape. Rien d'actif si html n'a pas data-waitlist. */
html[data-waitlist] #wl .ob-top .wl-sp{flex:1}
html[data-waitlist] #wl h2{text-wrap:balance}
html[data-waitlist] #wl .wl-nw{white-space:nowrap}
html[data-waitlist] #wl .obf{margin-top:18px}
html[data-waitlist] #wl .wl-ok{display:flex;align-items:flex-start;gap:10px;margin-top:16px;font-size:13px;line-height:1.45;color:var(--text);cursor:pointer}
html[data-waitlist] #wl .wl-ok input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--ink);cursor:pointer}
html[data-waitlist] #wl .wl-confid{margin:8px 0 0 28px;font-size:13px}
html[data-waitlist] #wl .wl-confid a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}
html[data-waitlist] #wl .wl-aide{margin-top:12px;font-size:13px;color:var(--muted)}
html[data-waitlist] #wl .lead b{color:var(--ink);font-weight:600}
/* l'adresse reste d'un seul tenant (pas de coupure au tiret) ; coupée seulement si elle est plus large que la carte */
html[data-waitlist] #wl .lead b[data-email]{display:inline-block;max-width:100%;overflow-wrap:anywhere}
html[data-waitlist] #wl .st-err:empty{display:none}
html[data-waitlist] #wl .st-err{margin-top:12px;white-space:pre-line}
html[data-waitlist] #wl [data-wl-go][disabled],html[data-waitlist] #wl [data-wl-renv][disabled]{opacity:.6;cursor:progress}
/* téléphone (règle D14 du fondateur : rien de rogné) : les deux boutons de l'étape l'un sous l'autre, pleine largeur, dans
   l'ordre de lecture. Avant (répétition du 09/11) : « Renvoyer l'e-mail » coupé par la carte de 24 à 94 px à 390 et 360 px. */
@media (max-width:520px){
  html[data-waitlist] #wl .ob-act{flex-direction:column;align-items:stretch}
  html[data-waitlist] #wl .ob-act .btn{width:100%;margin-left:0;justify-content:center}
}
/* parcours Founder pendant la waitlist : une seule offre, pas de bascule Mensuel / Annuel */
html[data-waitlist] #ob .v10-bill{display:none}
/* menu au téléphone : « Rejoindre la waitlist » est plus long que « Commencer ». Jusqu'à 400 px on resserre (mesuré sans
   débordement de 360 à 400 px, FR et EN) ; sous 360 px le bouton du menu laisse la place, le champ du hero est juste dessous. */
@media (max-width:400px){
  html[data-waitlist] header.nav .nav-in{gap:6px}
  html[data-waitlist] header.nav .nav-in > .sp{display:none}
  html[data-waitlist] header.nav .kmenu-b{margin-left:auto;padding-left:12px;padding-right:12px}
  html[data-waitlist] header.nav [data-tostart]{padding-left:11px;padding-right:11px;font-size:13px}
}
@media (max-width:359px){html[data-waitlist] header.nav [data-tostart]{display:none}}



/* 07/11/2026 : finitions « unslop » de la landing (branche test/unslop-orcal, à valider par le fondateur).
   Injecté par build_landing.py dans landing-fr.html et landing-en.html seulement (pas le comparatif).
   Grille de 4 sur les écarts qui en sortaient. Aucune animation, couleur, section ni visuel touché. */
html body .btn,html body .go-l{column-gap:8px}
html body nav.nav-l{column-gap:24px}
@media (min-width:1200px){
  html body #pricing .price3{column-gap:16px}
  html body #pricing .price3 > .pcard{padding-top:32px;padding-bottom:32px}
}
html body #pricing .pcard li{column-gap:8px}
html body #pricing .pcard > ul{row-gap:12px}
html body #faq .faq-upd{margin-bottom:12px}
html body footer.pd .pd-col h4{margin-bottom:16px}
/* 08/11/2026, fondateur : la phrase de l'intro descend (elle était trop haute) ; le bouton « Passer l'introduction » est retiré */
html body .kv-hero .say{top:72px}
@media (max-width:640px){
  html body .kv-hero .say{top:32px}
}

/* 08/11/2026, fondateur : « enlève les pointillés et le ? » sur les lignes d'aide des cartes (soulignement pointillé et curseur
   d'aide retirés ; l'infobulle au survol reste) */
html body .v25-aide{text-decoration:none;cursor:inherit}

/* 08/11/2026, fondateur : « trop espacé » entre EN / FR et « Se connecter » (70 px de blanc visible : marge 22 + écart 28 +
   marge intérieure du bouton 20). Ramené à 28 px visibles, l'écart du reste de la barre. */
html body #nav .lang-sw{margin-right:-20px}

/* 08/11/2026 : le logo de la barre du haut devient un lien vers l'accueil, même rendu qu'avant */
html body #nav a.logo{text-decoration:none;color:inherit;cursor:pointer}
html body #nav a.logo:focus-visible{outline:2px solid var(--o-ink,currentColor);outline-offset:4px;border-radius:6px}

/* 08/11/2026, fondateur : « toutes les cards de l'onboarding doivent être centrées sur la page » (waitlist et parcours
   d'essai). La carte était collée en haut (4vh au-dessus, 26vh au-dessous). Elle est maintenant centrée sur l'écran entier :
   la marge du bas compense la barre du haut (84 px, 72 px en mobile). margin-block:auto garde le défilement si la carte est
   plus haute que l'écran (rien n'est coupé). */
html body .ob-stage{place-items:stretch center;padding:24px 20px 108px}
html body .ob-stage > .ob-card{margin-block:auto}
@media (max-width:640px){html body .ob-stage{padding:20px 20px 92px}}

/* 08/11/2026 : nouvelle phrase du pied (« Prospection et enrichissement automatisés par signaux d'achat ») : lignes
   équilibrées, sans « d'achat » seul sur la 2e ligne */
html body footer.pd .pd-tag{text-wrap:balance}



/* 09/11/2026 : prix de lancement Pro (mensuel), landing/prix_lancement.py */
#pricing .pcard .amt .lanc-was{font-size:26px;font-weight:400;line-height:1;color:var(--muted);text-decoration:line-through;margin-right:4px;white-space:nowrap}
#pricing .pcard .amt.disc .lanc-was{display:none}
#pricing .pcard.pro .amt:not(.disc) b{color:oklch(0.55 0.15 250)}
#pricing .billwrap>.offer.offer-m{background:oklch(0.945 0.035 240);color:oklch(0.42 0.11 250);transform:none;opacity:1}
#pricing .billwrap.yearly>.offer.offer-m{display:none}
#pricing .billwrap:not(.yearly)>.offer:not(.offer-m){display:none}


#ob .obf textarea,#ob .obf input{width:100%;border:0;border-radius:16px;background:var(--sunk);padding:12px 16px;font:inherit;font-size:15px;color:var(--ink);outline:0;resize:vertical}
#ob .obf textarea:focus,#ob .obf input:focus{box-shadow:0 0 0 2px var(--ink)}
#ob .ob-grp{margin-top:16px}
#ob .v10-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
#ob .v10-bill{display:flex;align-items:center;gap:10px;margin:16px 0 12px}
#ob .v10-seg{display:inline-flex;padding:4px;border-radius:999px;background:var(--sunk)}
#ob .v10-seg button{height:34px;padding:0 16px;border:0;border-radius:999px;background:none;font:inherit;font-size:14px;color:var(--muted);cursor:pointer}
#ob .v10-seg button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:var(--lift-sm)}
#ob .v10-plans{display:flex;flex-direction:column;gap:8px}
#ob .v10-plan{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 16px;border:0;border-radius:18px;background:var(--sunk);font:inherit;text-align:left;cursor:pointer;transition:background .25s,box-shadow .25s}
#ob .v10-plan[aria-checked=true]{background:var(--paper);box-shadow:0 0 0 2px var(--ink),var(--lift-sm)}
#ob .v10-plan b{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--ink)}
#ob .v10-plan b i{font-style:normal;font-size:11.5px;font-weight:500}
#ob .v10-plan small{display:block;font-size:13px;color:var(--text);margin-top:2px}
#ob .v10-pr{text-align:right;flex:none}
#ob .v10-pr b{display:block;text-align:right}
#ob .v10-recap{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin-top:14px;padding:14px 16px;border-radius:16px;background:var(--sunk);font-size:14px;color:var(--text)}
#ob .v10-recap b{color:var(--ink);text-align:right}
#ob .v12-open{display:inline-block;margin-top:12px;font-size:13.5px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;cursor:pointer}
#ob .v12-promo{margin-top:12px}
#ob .ob-card.v12-still > *{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
#ob .v12-row{display:flex;gap:8px}
#ob .v12-row input{flex:1;min-width:0;height:44px;border:0;border-radius:999px;background:var(--sunk);padding:0 18px;font:inherit;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);outline:0}
#ob .v12-row input:focus{box-shadow:0 0 0 2px var(--ink)}
#ob .v12-row input[aria-invalid=true]{box-shadow:0 0 0 2px oklch(55% .17 28)}
#ob .v12-row .btn{height:44px;flex:none}
#ob .v12-on{display:flex;align-items:center;justify-content:space-between;gap:10px}
#ob .v12-chip{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 14px;border-radius:999px;background:var(--o-soft);color:var(--o-ink);font-weight:600;font-size:13.5px;letter-spacing:.03em}
#ob .v12-chip small{font-weight:500;letter-spacing:0;font-size:13px}
#ob .v12-on .lnk{font-size:13px;color:var(--muted);text-decoration:underline;background:none;border:0;cursor:pointer}
#ob .v10-recap .v12-ok{color:var(--o-ink)}
#ob .v10-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
#ob .v10-facts span{padding:6px 12px;border-radius:999px;background:var(--sunk);font-size:13px;color:var(--ink)}
#ob .v10-sig{margin-left:auto;font-style:normal;font-size:12px;padding:3px 10px;border-radius:999px;background:var(--o-soft);color:var(--o-ink);white-space:nowrap}
#ob .v10-blur{opacity:.55;filter:blur(.4px)}
#ob .ob-card h2{margin-bottom:4px}
h1.split + .start-wrap,h1 + .start-wrap{margin-top:24px}
.v10-ns{font:inherit;color:inherit;text-decoration:underline;background:none;border:0;padding:0;cursor:pointer}
@media (max-width:600px){#ob .v10-plan{flex-direction:column;align-items:flex-start}#ob .v10-pr{text-align:left}#ob .hl{flex-wrap:wrap}#ob .v10-sig{margin-left:40px;white-space:normal}}

#pricing .v11-sec,#ob .v11-sec{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:var(--s3) auto 0}
#pricing .v11-lock,#ob .v11-lock{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:999px;background:var(--peb);box-shadow:var(--lift-sm);font-size:13px;font-weight:600;color:var(--ink)}
#pricing .v11-b,#ob .v11-b{display:inline-grid;place-items:center;height:34px;min-width:58px;padding:0 12px;border-radius:999px;background:var(--peb);box-shadow:var(--lift-sm);color:var(--ink);opacity:.82}
#pricing .v11-b svg,#ob .v11-b svg{display:block;overflow:visible}
#ob .v11-ob{justify-content:flex-start;margin:12px 0 0;gap:6px}
#ob .v11-ob .v11-lock,#ob .v11-ob .v11-b{height:30px;box-shadow:none;background:var(--sunk)}
#ob .v11-ob .v11-b{min-width:50px;padding:0 10px}

.chip[data-places-founder]:empty{visibility:hidden}.v25-aide{text-decoration:underline dotted;text-underline-offset:3px;cursor:help}