/* ==========================================================================
   PRO—ACTIVE · charte « Chaux & Faille » (direction artistique v3)
   Bricolage Grotesque (display) · Onest (texte) · Geist Mono (labels)
   Accent principal : ambre. Couleurs de levier : outremer / ambre / framboise / jade.
   ========================================================================== */
:root{
  --chaux:#F7F4EE; --chaux-2:#EFEBE1; --ink:#14161B; --ink-2:#4E525B; --mist:#6B6F79;
  --amber:#E39A2E; --amber-2:#F2B84B; --amber-deep:#B8731A; --amber-pale:#FFE1B3;
  --ultra:#2F49D9; --ultra-deep:#2338B8; --fram:#D6336C; --fram-deep:#B0224F; --jade:#0E8A6E;
  --c-google:var(--ultra); --c-amazon:var(--amber); --c-sites:var(--fram); --c-agents:var(--jade);
  --c-google-t:var(--ultra-deep); --c-amazon-t:var(--amber-deep); --c-sites-t:var(--fram-deep); --c-agents-t:var(--jade);

  --bg:var(--chaux); --bg-2:var(--chaux-2); --bg-3:#E6E1D5; --card:#FFFFFF;
  --fg:var(--ink); --fg-2:var(--ink-2); --muted:var(--mist);
  --rule:rgba(20,22,27,.12); --rule-2:rgba(20,22,27,.2);
  --card-shadow:0 1px 2px rgba(20,22,27,.04),0 26px 52px -26px rgba(20,22,27,.22);
  --accent:var(--amber); --accent-2:var(--amber-2); --accent-fg:#1B1206; --accent-deep:var(--amber-deep); --accent-soft:rgba(227,154,46,.16); --accent-glow:rgba(227,154,46,.65);
  --hatch:repeating-linear-gradient(115deg,rgba(20,22,27,.028) 0 1px,transparent 1px 92px);
  --hatch-ink:repeating-linear-gradient(115deg,rgba(255,255,255,.03) 0 1px,transparent 1px 88px);
  --glass:rgba(247,244,238,.78); --stage-veil:rgba(247,244,238,0);
  --ink-block:var(--ink); --on-ink:#FFFFFF; --on-ink-2:rgba(255,255,255,.66);

  --f-display:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  --f-body:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --gutter:clamp(20px,4.5vw,72px); --gap:clamp(16px,2vw,24px); --section:clamp(88px,11vw,160px); --r:20px; --r-s:12px; --r-l:28px;
  --ease:cubic-bezier(.16,1,.3,1); --ease-io:cubic-bezier(.76,0,.24,1);
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#141518; --bg-2:#1B1C21; --bg-3:#23252B; --card:#1B1C21;
  --fg:#F3F2EE; --fg-2:#C9C8C2; --muted:#A3A6AE;
  --rule:rgba(255,255,255,.10); --rule-2:rgba(255,255,255,.18);
  --card-shadow:0 1px 2px rgba(0,0,0,.3),0 26px 52px -26px rgba(0,0,0,.6);
  --accent:var(--amber-2); --accent-deep:var(--amber-2); --accent-soft:rgba(242,184,75,.16); --accent-glow:rgba(242,184,75,.5);
  --c-google-t:#8FA2FF; --c-amazon-t:var(--amber-2); --c-sites-t:#FF7AA6; --c-agents-t:#3FC9A5;
  --hatch:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 1px,transparent 1px 92px);
  --glass:rgba(20,21,24,.72); --stage-veil:rgba(20,21,24,.42);
  --ink-block:#0C0D10;
  color-scheme:dark;
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:clamp(15px,1.02vw,17px);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .5s,color .5s}
::selection{background:var(--amber);color:#1B1206}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul{list-style:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

/* ---------- Typo ---------- */
.display{font-family:var(--f-display);font-weight:600;letter-spacing:-.035em;line-height:.98;text-wrap:balance}
.display em{font-style:normal;color:var(--accent-deep);position:relative}
.display.h-xxl em::after,.display.h-xl.hero-em em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.09em;background:var(--accent);opacity:.24;border-radius:2px;z-index:-1}
.h-xxl{font-size:clamp(44px,7.4vw,124px);letter-spacing:-.045em;line-height:.94}
.h-xl{font-size:clamp(38px,5.6vw,92px);line-height:.96}
.h-l{font-size:clamp(30px,4vw,64px)}
.h-m{font-size:clamp(24px,2.6vw,40px);line-height:1.05}
.h-s{font-family:var(--f-display);font-weight:600;font-size:clamp(19px,1.5vw,24px);line-height:1.2;letter-spacing:-.02em}
.lead{font-size:clamp(17px,1.3vw,21px);line-height:1.55;color:var(--fg-2);text-wrap:pretty}
.muted{color:var(--muted)}
.mono{font-family:var(--f-body);font-size:0.87rem;letter-spacing:0;text-transform:none;font-weight:500}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-body);font-size:.86rem;letter-spacing:.01em;text-transform:none;color:var(--muted);font-weight:500}
.eyebrow.num::before{display:none}
.measure{max-width:58ch}.measure-s{max-width:42ch}
p+p{margin-top:1em}
.split{opacity:0}.split.is-ready{opacity:1}
.split .line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.split .line>span{display:block;will-change:transform}

/* ---------- Layout ---------- */
.container{padding-inline:var(--gutter);width:100%;max-width:1680px;margin-inline:auto}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap)}
.section{padding-block:var(--section) 0}
.section-tight{padding-block:calc(var(--section)*.5) 0}
.section-end{padding-bottom:var(--section)}
.row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.between{justify-content:space-between}
.stack{display:flex;flex-direction:column;gap:clamp(18px,2vw,32px)}
.reveal{opacity:0;transform:translateY(22px)}
.reveal.is-in{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .8s var(--ease)}
.sec-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,64px);align-items:end;margin-bottom:clamp(32px,4vw,56px)}
.sec-head .lead{max-width:46ch}
.sec-head h2{margin-top:16px}
@media (max-width:900px){.sec-head{grid-template-columns:1fr}}

/* ---------- Boutons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:999px;font-weight:600;font-size:15px;line-height:1;white-space:nowrap;
  border:1px solid var(--rule-2);color:var(--fg);background:var(--btn-bg,rgba(255,255,255,.7));isolation:isolate;overflow:hidden;transition:color .4s,border-color .4s,transform .4s var(--ease),box-shadow .4s,background .4s}
:root[data-theme="dark"]{--btn-bg:var(--card)}
.btn .fill{position:absolute;inset:0;z-index:-1;background:var(--fg);transform:translateY(101%);border-radius:50% 50% 0 0;transition:transform .5s var(--ease),border-radius .5s var(--ease)}
.btn:hover .fill{transform:none;border-radius:0}
.btn:hover{color:var(--bg);border-color:var(--fg)}
.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);box-shadow:0 18px 36px -18px var(--accent-glow)}
.btn-primary .fill{background:var(--fg)}
.btn-primary:hover{color:var(--bg);border-color:var(--fg)}
.btn-ink{background:var(--ink-block);border-color:var(--ink-block);color:#fff}
.btn-ink .fill{background:var(--accent)}
.btn-ink:hover{color:var(--accent-fg);border-color:var(--accent)}
.btn-ink .mini-seam{width:2px;height:13px;border-radius:2px;background:var(--accent);display:inline-block}
.btn-lg{padding:18px 32px;font-size:16px}
.btn-sm{padding:11px 20px;font-size:14px}
.arrow{width:16px;height:16px;flex-shrink:0;transition:transform .45s var(--ease)}
.btn:hover .arrow,.link:hover .arrow{transform:translate(3px,-3px)}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:600;border-bottom:1px solid var(--rule-2);padding-bottom:2px;transition:border-color .3s,color .3s}
.link:hover{border-color:var(--accent-deep);color:var(--accent-deep)}
.magnetic{will-change:transform}
.note{font-family:var(--f-body);font-weight:500;font-size:0.84rem;letter-spacing:0;text-transform:none;color:var(--muted)}

/* ---------- Header ---------- */
.header{position:fixed;top:0;left:0;right:0;z-index:800;display:flex;align-items:center;justify-content:space-between;gap:24px;height:70px;padding:0 var(--gutter);
  background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .4s,transform .5s var(--ease)}
.header.is-scrolled{border-bottom-color:var(--rule)}
.header.is-hidden{transform:translateY(-110%)}
.logo{display:inline-flex;align-items:center;color:var(--fg);line-height:0}
.logo .logo-svg{height:34px;width:auto;display:block;overflow:visible}
.logo .seam{transform-box:fill-box;transform-origin:center;transition:transform .4s var(--ease)}
.logo:hover .seam{transform:scaleY(1.3)}
@media (max-width:640px){.logo .logo-svg{height:28px}}
.nav{display:flex;align-items:center;gap:6px;margin:0 auto}
.nav a{padding:9px 12px;border-radius:999px;font-weight:500;font-size:14.5px;color:var(--fg);transition:color .3s,background .3s}
.nav a:hover{color:var(--accent-deep)}
.nav a.is-active{background:var(--bg-2)}
.header-right{display:flex;align-items:center;gap:10px}
.theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--rule-2);display:grid;place-items:center;transition:background .3s,transform .5s var(--ease)}
.theme-toggle:hover{background:var(--bg-2);transform:rotate(25deg)}
.theme-toggle svg{width:16px;height:16px}
.theme-toggle .sun{display:block}.theme-toggle .moon{display:none}
:root[data-theme="dark"] .theme-toggle .sun{display:none}
:root[data-theme="dark"] .theme-toggle .moon{display:block}
.menu-btn{display:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--rule-2);place-items:center}
.menu-btn i{position:relative;display:block;width:16px;height:1.5px;background:currentColor}
.menu-btn i::before,.menu-btn i::after{content:"";position:absolute;left:0;width:100%;height:1.5px;background:currentColor;transition:transform .4s var(--ease),top .4s}
.menu-btn i::before{top:-5px}.menu-btn i::after{top:5px}
body.menu-open .menu-btn i{background:transparent}
body.menu-open .menu-btn i::before{top:0;transform:rotate(45deg)}
body.menu-open .menu-btn i::after{top:0;transform:rotate(-45deg)}
@media (max-width:1180px){.header .btn-analyse{display:none}}
@media (max-width:1024px){.nav{display:none}.menu-btn{display:grid}.header .btn{display:none}}
.mobile-nav{position:fixed;inset:0;z-index:700;background:var(--bg);padding:100px var(--gutter) 40px;display:flex;flex-direction:column;gap:6px;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .4s,transform .5s var(--ease),visibility 0s .5s}
body.menu-open .mobile-nav{opacity:1;transform:none;visibility:visible;transition:opacity .4s,transform .5s var(--ease),visibility 0s}
.mobile-nav a{font-family:var(--f-display);font-weight:600;font-size:clamp(34px,9vw,52px);letter-spacing:-.03em;padding:8px 0;border-bottom:1px solid var(--rule)}
.mobile-nav .btn{margin-top:24px;justify-content:center;font-size:1rem;border-bottom:0}

/* ---------- Stage vidéo (sticky) + chapitres ---------- */
.story{position:relative;--p:0}
.stage{position:sticky;top:0;height:100svh;width:100%;overflow:hidden;background:var(--bg);z-index:0}
.stage .layer{position:absolute;inset:0;opacity:0;will-change:opacity}
.stage .layer:first-child{opacity:1}
.stage .layer video,.stage .layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.stage .layer img{z-index:0}.stage .layer video{z-index:1}
.stage .layer[data-painted="1"] img{visibility:hidden}
.stage-veil{position:absolute;inset:0;z-index:2;background:var(--stage-veil);pointer-events:none;transition:background .5s}
.stage-fade{position:absolute;left:0;right:0;bottom:0;height:22vh;z-index:2;background:linear-gradient(180deg,transparent,var(--bg));pointer-events:none}
.stage-progress{position:absolute;left:0;right:0;top:0;height:2px;z-index:4;background:var(--rule)}
.stage-progress i{display:block;height:100%;background:var(--accent);transform:scaleX(var(--p));transform-origin:left}
.stage-badge{position:absolute;z-index:5;right:var(--gutter);bottom:calc(var(--gutter) + 40px);width:96px;height:96px;animation:paSpin 26s linear infinite;pointer-events:none;transition:opacity .5s}
.stage-badge svg{width:100%;height:100%;overflow:visible}
.stage-badge text{font-family:var(--f-mono);font-size:9.4px;letter-spacing:2.4px;fill:var(--fg)}
.stage-badge .dot{fill:var(--accent)}
.story.is-past .stage-badge{opacity:0}
@keyframes paSpin{to{transform:rotate(360deg)}}
.chapters{position:relative;z-index:3;margin-top:-100svh;pointer-events:none}
.chapter{position:relative;min-height:100svh}
.chapter-pin{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;padding:calc(var(--gutter) + 56px) var(--gutter) var(--gutter)}
.chapter[data-align="right"] .chapter-pin{justify-content:flex-end}
.chapter[data-align="center"] .chapter-pin{justify-content:center;text-align:center}
.chapter-copy{position:relative;pointer-events:auto;width:min(42rem,50vw);opacity:0;transform:translateY(24px);will-change:opacity,transform}
.chapter-copy::before{content:"";position:absolute;inset:-3rem -4rem;z-index:-1;border-radius:40px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--bg) 86%,transparent) 0%,color-mix(in srgb,var(--bg) 55%,transparent) 55%,transparent 78%);pointer-events:none}
.chapter[data-align="center"] .chapter-copy{width:min(52rem,70vw)}
.chapter-copy .kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-body);font-size:.92rem;letter-spacing:.01em;text-transform:none;color:var(--fg-2);margin-bottom:16px;font-weight:500}
.chapter-copy .kicker .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-deep);display:inline-block;margin-right:5px}
.chapter-copy .kicker b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accent-fg);font-weight:600;font-size:.62rem}
.chapter:first-child .chapter-copy{width:min(60rem,66vw)}
.chapter-copy .hero-em{font-size:clamp(34px,4.7vw,80px);letter-spacing:-.04em;line-height:.96}
.chapter-copy .hero-em em{white-space:nowrap}
@media (max-width:420px){.chapter-copy .hero-em{font-size:clamp(25px,8.2vw,34px)}}
.chapter-copy .lead{margin-top:20px;max-width:44ch}
.chapter-copy .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px;align-items:center}
.chapter-copy .note{width:100%;margin-top:4px}
.chapter-copy .tags{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:20px}
.chapter-copy .tags li{font-family:var(--f-body);font-size:.88rem;letter-spacing:0;text-transform:none;padding:0;border:0;border-radius:0;background:none;color:var(--fg-2)}
.chapter-copy .tags li+li::before{content:"·";margin-right:8px;color:var(--muted)}
.chapter[data-align="center"] .chapter-copy .actions,.chapter[data-align="center"] .chapter-copy .tags{justify-content:center}
.chapter[data-align="center"] .chapter-copy .lead{margin-inline:auto}
.route{position:absolute;z-index:5;bottom:calc(var(--gutter) + 4px);left:var(--gutter);display:flex;flex-direction:column;gap:4px;pointer-events:auto;transition:opacity .5s}
.story[data-active="0"] .route{opacity:0;pointer-events:none}
.route button{display:flex;align-items:center;gap:10px;padding:6px 0;font-family:var(--f-body);font-size:0.82rem;letter-spacing:0;text-transform:none;color:var(--muted);transition:color .3s}
.route button i{display:block;width:18px;height:1px;background:currentColor;transition:width .4s var(--ease)}
.route button:hover,.route button[aria-current="step"]{color:var(--fg)}
.route button[aria-current="step"] i{width:34px;background:var(--accent)}
.scroll-hint{position:absolute;z-index:5;left:50%;transform:translateX(-50%);bottom:calc(var(--gutter) - 4px);display:flex;align-items:center;gap:10px;font-family:var(--f-body);font-size:0.79rem;letter-spacing:0;text-transform:none;color:var(--muted);transition:opacity .4s}
.scroll-hint i{width:1px;height:36px;background:linear-gradient(180deg,var(--accent),transparent);animation:cue 1.8s var(--ease-io) infinite}
.story.is-past .scroll-hint{opacity:0}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media (max-width:900px){
  .chapter-pin,.chapter[data-align="right"] .chapter-pin,.chapter[data-align="center"] .chapter-pin{align-items:flex-end;justify-content:flex-start;text-align:left;padding:90px var(--gutter) calc(var(--gutter) + 24px)}
  .chapter-copy,.chapter[data-align="center"] .chapter-copy,.chapter:first-child .chapter-copy{width:100%}
  .chapter-copy::before{inset:-2rem calc(-1 * var(--gutter));border-radius:0;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg) 88%,transparent) 40%,var(--bg))}
  .chapter[data-align="center"] .chapter-copy .actions,.chapter[data-align="center"] .chapter-copy .tags{justify-content:flex-start}
  .chapter[data-align="center"] .chapter-copy .lead{margin-inline:0}
  .route,.scroll-hint,.stage-badge{display:none}
}

/* ---------- Bandeau défilant ---------- */
.ticker{position:relative;overflow:hidden;background:var(--ink-block);color:#fff;padding:16px 0;margin-top:calc(var(--section)*.35)}
.ticker-track{display:flex;width:max-content;animation:paSlide 34s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-group{display:flex;align-items:center;gap:34px;padding-right:34px;font-family:var(--f-display);font-weight:600;font-size:clamp(18px,2vw,28px);letter-spacing:-.02em;white-space:nowrap}
.ticker-group i{width:3px;height:20px;border-radius:2px;background:var(--accent);display:block}
@keyframes paSlide{to{transform:translateX(-50%)}}

/* ---------- Bandeau confiance ---------- */
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap);padding:clamp(28px,3vw,44px) 0;border-bottom:1px solid var(--rule)}
.trust .item{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500}
.trust .item b{font-weight:600}
.trust .item .ck{width:22px;height:22px;border-radius:999px;background:rgba(14,138,110,.14);color:var(--jade);display:grid;place-items:center;flex:none}
.trust .item svg{width:12px;height:12px}

/* ---------- Pour qui ---------- */
.who{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--gap)}
.who-card{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:24px;box-shadow:var(--card-shadow);transition:transform .4s var(--ease);display:flex;flex-direction:column}
.who-card:hover{border-color:var(--rule-2)}
.who-card .ico{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--c) 13%,transparent);color:var(--ct,var(--c))}
.who-card .ico svg{width:18px;height:18px}
.who-card h3{margin:14px 0 6px;font-family:var(--f-display);font-weight:600;font-size:20px;letter-spacing:-.02em}
.who-card p{font-size:14.5px;line-height:1.55;color:var(--fg-2)}
.who-card .ex{margin-top:12px;font-family:var(--f-body);font-weight:500;font-size:0.79rem;letter-spacing:0;text-transform:none;color:var(--muted)}

/* ---------- Leviers ---------- */
.levers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--gap)}
.lever{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:28px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:12px;transition:transform .4s var(--ease)}
.lever:hover{border-color:color-mix(in srgb,var(--c) 45%,var(--rule))}
.lever .pico{width:8px;height:8px;border-radius:50%;background:var(--c);flex:0 0 auto}
.lever .top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lever .num{font-family:var(--f-mono);font-weight:500;font-size:.66rem;letter-spacing:.13em;color:var(--ct,var(--c))}
.lever .price{font-family:var(--f-body);font-weight:500;font-size:0.79rem;letter-spacing:0;text-transform:none;color:var(--muted)}
.lever h3{font-family:var(--f-display);font-weight:600;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.03em;line-height:1.02}
.lever p{font-size:14.5px;line-height:1.55;color:var(--fg-2)}
.lever ul{margin-top:auto;display:flex;flex-direction:column;gap:8px;font-size:14px;border-top:1px solid var(--rule);padding-top:14px}
.lever ul li{display:flex;gap:9px}
.lever ul li::before{content:"·";color:var(--ct,var(--c));font-weight:700}
.lever .more{margin-top:14px;align-self:flex-start;font-size:14px}

/* ---------- Bloc chiffres (encre) ---------- */
.stats-block{position:relative;overflow:hidden;background:var(--ink-block);color:#fff;border-radius:var(--r-l);padding:clamp(32px,5vw,72px)}
.stats-block::before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--hatch-ink)}
.stats{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(24px,3vw,48px)}
.stat .num{font-family:var(--f-display);font-weight:600;font-size:clamp(44px,6vw,88px);line-height:.92;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.stat .num sup{font-size:.5em;vertical-align:baseline;color:var(--accent)}
.stat .lbl{margin-top:10px;font-family:var(--f-body);font-weight:500;font-size:0.84rem;letter-spacing:0;text-transform:none;color:rgba(255,255,255,.6)}

/* ---------- Réalisations ---------- */
.work{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--gap)}
.work-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;box-shadow:var(--card-shadow);transition:transform .4s var(--ease)}
.work-card:hover{border-color:var(--rule-2)}
.work-card .thumb{aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,var(--bg-2),var(--bg-3))}
.work-card .thumb img{width:100%;height:100%;object-fit:cover;object-position:top;transform:scale(1.03);transition:transform 1s var(--ease)}
.work-card:hover .thumb img{transform:scale(1)}
.work-card .cap{padding:20px 22px 22px}
.work-card .cat{font-family:var(--f-body);font-weight:500;font-size:0.79rem;letter-spacing:0;text-transform:none;color:var(--ct,var(--c))}
.work-card h3{font-family:var(--f-display);font-weight:600;font-size:22px;letter-spacing:-.025em;margin-top:4px}
.work-card .res{font-size:14px;color:var(--fg-2);margin-top:8px}
.work-card .res b{font-family:var(--f-display);font-weight:600;font-size:19px;color:var(--accent-deep)}

/* ---------- Méthode ---------- */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(16px,2vw,28px)}
.step{display:flex;flex-direction:column;gap:12px}
.step .bar{width:28px;height:3px;border-radius:2px;background:var(--c);transform:translateY(14px) scaleY(.4);opacity:0;transform-origin:left bottom;transition:transform .8s var(--ease),opacity .8s}
.step.is-in .bar{transform:none;opacity:1}
.step:nth-child(2) .bar{transition-delay:.09s}.step:nth-child(3) .bar{transition-delay:.18s}.step:nth-child(4) .bar{transition-delay:.27s}
.step .n{font-family:var(--f-body);font-weight:500;font-size:0.82rem;letter-spacing:0;text-transform:none;color:var(--muted)}
.step h3{font-family:var(--f-display);font-weight:600;font-size:22px;letter-spacing:-.025em}
.step p{font-size:14.5px;line-height:1.55;color:var(--fg-2)}
.step .dur{font-family:var(--f-body);font-size:0.79rem;letter-spacing:0;text-transform:none;color:var(--ct,var(--c))}

/* ---------- Formules ---------- */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--gap);align-items:stretch}
.plan{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:30px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:14px;transition:transform .4s var(--ease)}
.plan:hover{border-color:var(--rule-2)}
.plan .name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.plan .name{font-family:var(--f-display);font-weight:600;font-size:26px;letter-spacing:-.025em}
.plan .badge{background:var(--accent);color:var(--accent-fg);border-radius:999px;padding:4px 11px;font-family:var(--f-body);font-weight:500;font-size:0.74rem;letter-spacing:0;text-transform:none}
.plan .price b{font-family:var(--f-display);font-weight:600;font-size:40px;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.plan .price span{font-size:14px;color:var(--muted)}
.plan .promise{font-size:14.5px;color:var(--fg-2);line-height:1.5}
.plan ul{margin-top:auto;display:flex;flex-direction:column;gap:9px;font-size:14px;border-top:1px solid var(--rule);padding-top:16px}
.plan ul li{display:flex;gap:9px}
.plan ul li::before{content:"✓";color:var(--jade);font-weight:700;flex:none}
.plan ul li.head{font-family:var(--f-body);font-size:0.77rem;letter-spacing:0;text-transform:none;color:var(--muted);margin-top:2px}
.plan ul li.head::before{display:none}
.plan .btn{justify-content:center;margin-top:4px}
.plan.is-featured{background:var(--ink-block);color:#fff;border-color:var(--ink-block);box-shadow:0 0 0 4px var(--accent-soft),0 30px 60px -30px rgba(20,22,27,.6)}
.plan.is-featured::after{content:"";position:absolute;right:26px;top:0;width:3px;height:46px;border-radius:2px;background:var(--accent);box-shadow:0 0 16px var(--accent-glow)}
.plan.is-featured .promise{color:rgba(255,255,255,.7)}
.plan.is-featured .price span{color:rgba(255,255,255,.6)}
.plan.is-featured ul{border-top-color:rgba(255,255,255,.16)}
.plan.is-featured ul li::before{color:var(--accent)}
.plan.is-featured ul li.head{color:rgba(255,255,255,.5)}
.plan.is-featured .btn{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.plan.is-featured .btn .fill{background:#fff}
.plan.is-featured .btn:hover{color:var(--ink);border-color:#fff}
.addons{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--gap)}
.addon{padding:24px;border:1px dashed var(--rule-2);border-radius:var(--r);display:flex;flex-direction:column;gap:10px}
.addon h4{font-family:var(--f-display);font-weight:600;font-size:1.25rem;letter-spacing:-.02em}
.addon .price{font-family:var(--f-body);font-size:0.79rem;letter-spacing:0;text-transform:none;color:var(--accent-deep)}
.addon p{color:var(--fg-2);font-size:14.5px}

/* ---------- Témoignages ---------- */
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--gap)}
.quote{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:30px;box-shadow:var(--card-shadow);display:flex;flex-direction:column}
.quote .stars{display:flex;gap:3px;color:var(--accent)}
.quote .stars svg{width:14px;height:14px}
.quote blockquote{margin:16px 0 0;font-family:var(--f-display);font-weight:500;font-size:clamp(19px,1.5vw,24px);line-height:1.3;letter-spacing:-.02em}
.quote .who{margin-top:18px;font-family:var(--f-body);font-weight:500;font-size:0.82rem;letter-spacing:0;text-transform:none;color:var(--muted)}

/* ---------- FAQ ---------- */
.faq-list{display:flex;flex-direction:column;gap:10px}
.faq details{background:var(--card);border:1px solid var(--rule);border-radius:16px;padding:0 24px}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0;font-weight:600;font-size:15.5px}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{width:26px;height:26px;border-radius:999px;border:1px solid var(--rule-2);display:grid;place-items:center;color:var(--accent-deep);font-size:17px;font-style:normal;flex:none;transition:transform .4s var(--ease),background .3s,color .3s}
.faq details[open] summary i{transform:rotate(45deg);background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.faq .a{padding:0 0 20px;font-size:14.5px;color:var(--fg-2);line-height:1.6;max-width:64ch}
.faq-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,64px);align-items:start}
@media (max-width:900px){.faq-split{grid-template-columns:1fr}}

/* ---------- CTA final ---------- */
.cta{position:relative;overflow:hidden;background:var(--ink-block);color:#fff;border-radius:var(--r-l);padding:clamp(40px,7vw,110px) clamp(28px,5vw,80px)}
.cta::before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--hatch-ink)}
.cta .beam{position:absolute;right:clamp(28px,6vw,110px);top:0;bottom:0;width:5px;border-radius:4px;background:linear-gradient(180deg,rgba(227,154,46,0),var(--accent) 22%,var(--amber-pale) 50%,var(--accent) 78%,rgba(227,154,46,0));box-shadow:0 0 40px var(--accent-glow);animation:paBeam 5s ease-in-out infinite}
.cta .beam.l{right:auto;left:clamp(28px,6vw,110px);opacity:.35}
@keyframes paBeam{0%,100%{transform:scaleY(1);opacity:.9}50%{transform:scaleY(1.06);opacity:1}}
.cta .in{position:relative;max-width:760px}
.cta .eyebrow{color:rgba(255,255,255,.6)}
.cta .display{margin-top:18px}
.cta .display em{color:var(--accent-2)}
.cta .display em::after{display:none}
.cta .lead{color:rgba(255,255,255,.7);max-width:520px;margin-top:22px}
.cta .row{margin-top:34px;gap:12px}
.cta .btn{background:transparent;border-color:rgba(255,255,255,.28);color:#fff}
.cta .btn .fill{background:#fff}.cta .btn:hover{color:var(--ink);border-color:#fff}
.cta .btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}

/* ---------- Footer ---------- */
.footer{padding:clamp(48px,6vw,80px) var(--gutter) clamp(32px,4vw,56px)}
.footer-in{max-width:1680px;margin:0 auto;border-top:1px solid var(--rule);padding-top:clamp(28px,3vw,44px);display:flex;align-items:flex-start;justify-content:space-between;gap:28px;flex-wrap:wrap}
.footer .logo .logo-svg{height:30px}
.footer .base{margin-top:12px;font-size:14px;color:var(--fg-2);max-width:320px}
.footer-cols{display:flex;gap:clamp(24px,4vw,72px);flex-wrap:wrap;font-size:14px}
.footer-cols div{display:flex;flex-direction:column;gap:9px}
.footer h5,.footer-cols h3{font-family:var(--f-body);font-weight:500;font-size:0.79rem;letter-spacing:0;text-transform:none;color:var(--muted)}
.footer-cols a{color:var(--fg-2)}.footer-cols a:hover{color:var(--accent-deep)}.footer-cols a.is-connected{color:var(--accent-deep)}
.footer-bottom{max-width:1680px;margin:28px auto 0;font-family:var(--f-body);font-size:0.79rem;letter-spacing:0;text-transform:none;color:var(--muted);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* ---------- Prestations (détail) ---------- */
.presta{display:grid;grid-template-columns:5fr 7fr;gap:var(--gap);padding:clamp(40px,5vw,72px) 0;border-top:1px solid var(--rule)}
.presta-head{position:sticky;top:110px;align-self:start}
.presta-head .tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-body);font-size:0.82rem;letter-spacing:0;text-transform:none;color:var(--ct,var(--c))}
.presta-head .tag::before{content:"";width:18px;height:4px;border-radius:2px;background:var(--c)}
.presta-body{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.presta-body>p,.presta-cols{align-self:stretch}
.presta-body>p{font-size:1.05rem;color:var(--fg-2);max-width:60ch}
.presta-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);padding:24px;border:1px solid var(--rule);border-radius:var(--r);background:var(--card);box-shadow:var(--card-shadow);position:relative;overflow:hidden}
.presta-cols::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c)}
.presta-cols h4{font-family:var(--f-body);font-size:0.82rem;letter-spacing:0;text-transform:none;color:var(--muted);margin-bottom:12px}
.presta-cols ul li{display:flex;gap:9px;margin-bottom:8px;font-size:.93rem}
.presta-cols ul li::before{content:"·";color:var(--ct,var(--c));font-weight:700}
@media (max-width:900px){.presta{grid-template-columns:1fr}.presta-head{position:static}.presta-cols{grid-template-columns:1fr}}

/* ---------- Formulaire ---------- */
.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px var(--gap)}
.field{display:flex;flex-direction:column;gap:8px}.field-full{grid-column:1/-1}
.field>span{font-family:var(--f-body);font-size:0.82rem;letter-spacing:0;text-transform:none;color:var(--muted)}
.field input,.field textarea{width:100%;background:var(--card);border:1px solid var(--rule-2);border-radius:var(--r-s);padding:14px 16px;font:inherit;color:var(--fg);outline:0;transition:border-color .3s,box-shadow .3s}
.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.choices input{position:absolute;opacity:0;pointer-events:none}
.choices span{display:inline-block;font-size:.88rem;font-weight:500;padding:10px 14px;border:1px solid var(--rule-2);border-radius:999px;background:var(--card);transition:background .3s,color .3s,border-color .3s;cursor:pointer}
.choices input:checked+span{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}
.form-status{font-family:var(--f-body);font-size:0.87rem;letter-spacing:0;text-transform:none;color:var(--accent-deep);margin-top:14px}
@media (max-width:900px){.fields{grid-template-columns:1fr}}

/* ---------- Divers ---------- */
.hatch{position:relative}
.hatch::before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--hatch)}
.hatch>*{position:relative}
.hide-mobile{display:initial}.show-mobile{display:none}
@media (max-width:900px){.hide-mobile{display:none}.show-mobile{display:initial}}
@media (prefers-reduced-motion:reduce){.reveal,.step .bar{opacity:1;transform:none}.scroll-hint i,.ticker-track,.stage-badge,.cta .beam{animation:none}}

/* ---------- Portfolio & fiches projet ---------- */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:clamp(24px,3vw,40px)}
.filters button{font-family:var(--f-body);font-size:0.84rem;letter-spacing:0;text-transform:none;padding:10px 16px;border:1px solid var(--rule-2);border-radius:999px;background:var(--card);transition:background .3s,color .3s,border-color .3s}
.filters button.is-active,.filters button:hover{background:var(--ink-block);color:#fff;border-color:var(--ink-block)}
.work-card.is-hidden{display:none}
.proj-hero{border-radius:var(--r-l);overflow:hidden;background:var(--bg-2);border:1px solid var(--rule);box-shadow:var(--card-shadow);aspect-ratio:16/9}
.proj-hero img{width:100%;height:100%;object-fit:cover;object-position:top}
.proj-cols{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:var(--gap)}
.proj-card{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:28px;box-shadow:var(--card-shadow)}
.proj-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c)}
.proj-card h4{font-family:var(--f-body);font-size:0.82rem;letter-spacing:0;text-transform:none;color:var(--muted);margin-bottom:14px}
.proj-card p{color:var(--fg-2)}
.proj-card ul li{display:flex;gap:9px;margin-bottom:8px;font-size:.95rem}
.proj-card ul li::before{content:"·";color:var(--ct,var(--c));font-weight:700}
.proj-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap);margin-top:var(--gap)}
.result{padding:22px 0;border-top:2px solid var(--rule)}
.result .mono{color:var(--accent-deep)}
.result p{font-family:var(--f-display);font-weight:600;font-size:clamp(18px,1.5vw,22px);letter-spacing:-.02em;line-height:1.25;margin-top:8px}
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--gap)}
.shot{border-radius:var(--r);overflow:hidden;border:1px solid var(--rule);background:var(--bg-2);box-shadow:var(--card-shadow);aspect-ratio:16/10}
.shot img{width:100%;height:100%;object-fit:cover;object-position:top}
.proj-nav{display:flex;justify-content:space-between;gap:var(--gap);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:24px 0}
.proj-nav a{display:flex;flex-direction:column;gap:6px}
.proj-nav b{font-family:var(--f-display);font-weight:600;font-size:clamp(20px,2vw,28px);letter-spacing:-.025em;transition:color .3s}
.proj-nav a:hover b{color:var(--accent-deep)}
@media (max-width:900px){.proj-cols{grid-template-columns:1fr}}

/* ==========================================================================
   Analyse de site (page analyse.html) — moteur d'audit n8n, habillage Chaux & Faille
   ========================================================================== */
.page-analyse{--aud-ok:var(--jade);--aud-alerte:var(--amber-deep);--aud-critique:#C2410C}
:root[data-theme="dark"] .page-analyse{--aud-critique:#F0834E}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .page-analyse{--aud-critique:#F0834E}}
.aud-wrap{max-width:62rem}
.aud-carte{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:clamp(20px,2.6vw,32px);box-shadow:var(--card-shadow);margin-bottom:var(--gap)}
.aud-form{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:12px;align-items:end}
.aud-champ{display:flex;flex-direction:column;gap:8px}
.aud-champ span{font-family:var(--f-body);font-size:0.82rem;letter-spacing:0;text-transform:none;color:var(--muted);font-weight:500}
.aud-champ input{width:100%;background:var(--bg);border:1px solid var(--rule-2);border-radius:var(--r-s);padding:14px 16px;font:inherit;color:var(--fg);outline:0;transition:border-color .3s,box-shadow .3s}
.aud-champ input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.aud-form .btn{height:50px;white-space:nowrap}
.aud-rgpd{margin:14px 0 0;font-size:.8rem;color:var(--muted)}
.aud-erreur{display:none;margin:12px 0 0;padding:10px 14px;border-radius:var(--r-s);background:rgba(194,65,12,.1);color:var(--aud-critique);font-size:.88rem}
.aud-piege{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.aud-trust{display:flex;flex-wrap:wrap;gap:8px 22px;margin:18px 0 0;padding:0;list-style:none}
.aud-trust li{font-family:var(--f-body);font-size:0.82rem;letter-spacing:0;text-transform:none;color:var(--muted);display:flex;align-items:center;gap:8px}
.aud-trust li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
/* progression */
.aud-progression{display:none}
.aud-prog-tete{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.aud-prog-tete b{font-family:var(--f-display);font-size:1.25rem;font-weight:600;letter-spacing:-.02em}
.aud-prog-pct{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums}
.aud-barre{height:8px;border-radius:999px;background:var(--rule);overflow:hidden;margin:16px 0 18px}
.aud-barre i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--amber-deep),var(--amber-2));transition:width .8s var(--ease)}
.aud-etapes{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.aud-etapes li{font-family:var(--f-body);font-size:0.79rem;letter-spacing:0;text-transform:none;padding:8px 12px;border-radius:999px;border:1px solid var(--rule-2);color:var(--muted)}
.aud-etapes li.est-prete{border-color:var(--aud-ok);color:var(--aud-ok);background:rgba(14,138,110,.08)}
.aud-prog-note{margin:18px 0 0;font-size:.85rem;color:var(--fg-2)}
/* résultats */
.aud-resultats{display:none}
.aud-hero{display:flex;gap:clamp(20px,3vw,40px);align-items:center;flex-wrap:wrap}
.aud-jauge{position:relative;width:160px;height:160px;flex-shrink:0}
.aud-jauge svg{width:160px;height:160px}
.aud-jauge-centre{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.aud-jauge-centre b{font-family:var(--f-display);font-size:2.6rem;line-height:1;letter-spacing:-.04em;font-weight:600}
.aud-jauge-centre span{font-family:var(--f-body);font-size:0.77rem;letter-spacing:0;text-transform:none;color:var(--muted)}
.aud-hero-infos{flex:1;min-width:16rem}
.aud-chip{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.72rem;font-weight:600;background:var(--accent-soft);color:var(--accent-deep)}
.aud-scores{display:grid;gap:10px;margin-top:16px}
.aud-score-ligne{display:grid;grid-template-columns:8.5rem 1fr 2.6rem;gap:12px;align-items:center;font-size:.86rem}
.aud-score-barre{height:7px;border-radius:999px;background:var(--rule);overflow:hidden}
.aud-score-barre i{display:block;height:100%;border-radius:999px;background:var(--accent)}
.aud-score-ligne b{text-align:right;font-variant-numeric:tabular-nums}
.aud-colonnes{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
h2.aud-titre{font-family:var(--f-display);font-size:clamp(22px,2.2vw,30px);font-weight:600;letter-spacing:-.025em;margin:clamp(28px,4vw,48px) 0 14px}
h3.aud-soustitre{font-family:var(--f-display);font-size:1.1rem;font-weight:600;letter-spacing:-.02em;margin:0 0 14px}
.aud-liste{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.aud-liste li{display:flex;gap:12px;align-items:baseline;font-size:.9rem}
.aud-point{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--aud-ok);transform:translateY(-1px)}
.aud-point--faible{background:var(--aud-alerte)}
.aud-liste b{display:block;font-weight:600}
.aud-liste small{color:var(--fg-2);font-size:.86rem}
.aud-verifs{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.aud-verifs li{display:flex;gap:10px;align-items:baseline;font-size:.86rem}
.aud-verifs b{display:block;font-weight:600}.aud-verifs small{color:var(--fg-2)}
.aud-etat{flex-shrink:0;font-family:var(--f-body);font-size:0.74rem;font-weight:500;padding:3px 8px;border-radius:999px;text-transform:none;letter-spacing:0}
.aud-etat--ok{background:rgba(14,138,110,.12);color:var(--aud-ok)}
.aud-etat--alerte{background:var(--accent-soft);color:var(--aud-alerte)}
.aud-etat--critique{background:rgba(194,65,12,.12);color:var(--aud-critique)}
.aud-opps{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.aud-opp{background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--accent);border-radius:var(--r-s);padding:16px 18px}
.aud-opp-tete{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.aud-opp b{font-weight:600;font-size:.98rem}
.aud-opp-effort{flex-shrink:0;font-family:var(--f-body);font-size:0.77rem;letter-spacing:0;text-transform:none;color:var(--muted)}
.aud-opp p{margin:8px 0 0;font-size:.86rem;color:var(--fg-2)}
.aud-opp-impact{margin-top:12px;height:5px;border-radius:999px;background:var(--rule);overflow:hidden}
.aud-opp-impact i{display:block;height:100%;background:var(--accent);border-radius:999px}
.aud-cta.aud-carte{text-align:center;background:var(--ink-block);color:#fff;border:0;padding:clamp(32px,5vw,56px) clamp(20px,4vw,48px);margin-top:clamp(28px,4vw,48px)}
.aud-cta h2{font-family:var(--f-display);font-size:clamp(24px,2.6vw,36px);font-weight:600;letter-spacing:-.03em;margin:0 0 10px}
.aud-cta p{margin:0 auto 20px;max-width:46ch;color:rgba(255,255,255,.72)}
.aud-note-fin{margin:18px 0 0;text-align:center;font-size:.78rem;color:var(--muted)}
.aud-note-fin .btn{margin-bottom:6px}
@media (max-width:820px){.aud-form{grid-template-columns:1fr}.aud-colonnes,.aud-verifs{grid-template-columns:1fr}.aud-form .btn{width:100%;justify-content:center}}

/* ==========================================================================
   Espace client, formules, paiement (compte.html, formule-*.html, cgv.html)
   ========================================================================== */
.icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--rule-2);display:grid;place-items:center;color:var(--fg-2);transition:background .3s,color .3s}
.icon-btn svg{width:18px;height:18px}
.icon-btn:hover{background:var(--bg-2);color:var(--fg)}
.icon-btn.is-connected{border-color:var(--accent);color:var(--accent-deep)}
@media (max-width:1024px){.header .icon-btn{display:none}}
/* dialogues (connexion, changement, résiliation, suppression) */
dialog{border:0;border-radius:20px;padding:0;margin:auto;background:var(--card);color:var(--fg);box-shadow:0 30px 80px -20px rgba(0,0,0,.45);width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto}
dialog::backdrop{background:rgba(12,13,16,.5);backdrop-filter:blur(4px)}
.dlg{padding:24px 26px 22px}
.dlg h3{font-family:var(--f-display);font-size:1.4rem;font-weight:600;letter-spacing:-.02em;margin:0 0 16px}
.f{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.f label{font-family:var(--f-body);font-size:0.79rem;letter-spacing:0;text-transform:none;color:var(--muted)}
.f input,.f select,.f textarea{border:1px solid var(--rule-2);border-radius:var(--r-s);padding:11px 13px;background:var(--bg);font:inherit;color:var(--fg);width:100%}
.f textarea{resize:vertical}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:520px){.f2{grid-template-columns:1fr}}
.dlg-b{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-top:8px;flex-wrap:wrap}
.dlg-b .sp{flex:1}
.seg2{display:flex;border:1px solid var(--rule-2);border-radius:12px;padding:3px;gap:2px;margin-bottom:16px}
.seg2 button{flex:1;padding:9px 8px;border-radius:9px;font-size:.9rem;font-weight:500;color:var(--fg-2)}
.seg2 button.is-on{background:var(--ink-block);color:#fff}
.btn-ghost{border-color:transparent;background:transparent;color:var(--fg-2)}
.btn-ghost:hover{background:var(--bg-2)}
.btn-danger{background:transparent;border-color:rgba(194,65,12,.4);color:#C2410C}
.btn-danger:hover{background:rgba(194,65,12,.08)}
.pa-err{display:none;margin:4px 0 10px;padding:10px 14px;border-radius:var(--r-s);background:rgba(194,65,12,.1);color:#C2410C;font-size:.88rem}
.pa-err.is-on,.pa-err[style*="block"]{display:block}
.pa-err.is-ok{background:rgba(14,138,110,.1);color:var(--jade)}
.pa-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--ink-block);color:#fff;padding:12px 18px;border-radius:22px;line-height:1.4;font-size:.9rem;opacity:0;pointer-events:none;transition:.3s;z-index:60;max-width:calc(100vw - 32px);text-align:center}
.pa-toast.is-on{opacity:1;transform:translateX(-50%)}
.pa-toast.is-warn{background:#C2410C}.pa-toast.is-ok{background:var(--jade)}
.pill{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:.72rem;font-weight:600;background:var(--bg-2);color:var(--fg-2);white-space:nowrap}
.pill.s-ok{background:rgba(14,138,110,.14);color:var(--jade)}.pill.s-warn{background:var(--accent-soft);color:var(--accent-deep)}.pill.s-crit{background:rgba(194,65,12,.12);color:#C2410C}.pill.s-muted{background:var(--rule);color:var(--muted)}
/* page formule */
.fo-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:clamp(20px,3vw,40px);align-items:start}
@media (max-width:980px){.fo-grid{grid-template-columns:1fr}.fo-side{position:static!important}}
.fo-side{position:sticky;top:90px}
.fo-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:.95rem}
.fo-list li{display:flex;gap:10px;align-items:flex-start}
.fo-list li svg{width:16px;height:16px;flex:none;margin-top:4px;color:var(--ct,var(--accent-deep))}
.fo-list li.head{font-family:var(--f-body);font-size:0.79rem;letter-spacing:0;text-transform:none;color:var(--muted);margin-top:4px}
.fo-card{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-l);padding:clamp(20px,2.4vw,28px);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px}
.fo-price .big{display:flex;align-items:baseline;gap:10px;margin-top:6px}
.fo-price .big b{font-family:var(--f-display);font-size:clamp(34px,3vw,44px);font-weight:600;letter-spacing:-.035em;line-height:1}
.fo-price .big small{color:var(--muted);font-size:.82rem}
.fo-price .mo{margin-top:6px;color:var(--fg-2);font-size:.92rem}.fo-price .mo b{font-weight:600;color:var(--fg)}
.fo-opts{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--rule);padding-top:16px}
.opt{display:flex;gap:12px;align-items:flex-start;cursor:pointer;padding:10px 12px;border:1px solid var(--rule);border-radius:var(--r-s);transition:border-color .3s,background .3s}
.opt:hover{background:var(--bg-2)}
.opt input{position:absolute;opacity:0;width:0;height:0}
.opt .box{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--rule-2);flex:none;margin-top:2px;position:relative;transition:background .2s,border-color .2s}
.opt .box::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #14161B;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}
.opt input:checked~.box{background:var(--accent);border-color:var(--accent)}.opt input:checked~.box::after{opacity:1}
.opt input:checked~.txt b{color:var(--accent-deep)}
.opt .txt b{display:block;font-weight:600;font-size:.92rem}.opt .txt b em{font-style:normal;font-weight:500;color:var(--muted);font-size:.82rem;margin-left:6px}
.opt .txt small{display:block;color:var(--fg-2);font-size:.8rem;margin-top:2px;line-height:1.4}
.fo-recap{border-top:1px solid var(--rule);padding-top:14px;display:flex;flex-direction:column;gap:7px;font-size:.92rem}
.fo-recap>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.fo-recap .sub{color:var(--muted);font-size:.82rem}.fo-recap .sub b{font-weight:500}
.fo-recap .tot{border-top:1px dashed var(--rule-2);padding-top:8px;margin-top:4px;font-weight:600}
.fo-recap .ttc{font-size:1.05rem}.fo-recap .ttc b{font-family:var(--f-display);font-size:1.5rem;letter-spacing:-.03em}
.fo-recap b{font-variant-numeric:tabular-nums}
.fo-cgv{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;color:var(--fg-2);cursor:pointer}
.fo-cgv input{margin-top:3px;accent-color:var(--amber)}
.fo-other{margin-top:var(--gap);padding:18px 20px;border:1px dashed var(--rule-2);border-radius:var(--r)}
.fo-other .btn{justify-content:space-between}
/* espace client */
.cp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:var(--gap)}
.cp-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--gap);align-items:start}
@media (max-width:980px){.cp-grid{grid-template-columns:1fr}}
.cp-main,.cp-side{display:flex;flex-direction:column;gap:var(--gap)}
.cp-side .aud-carte,.cp-main .aud-carte{margin-bottom:0}
.cp-side .f{margin-bottom:10px}
.cp-danger{border-color:rgba(194,65,12,.3)}
.abo-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.abo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:20px}
.abo-grid>div{padding:12px 14px;background:var(--bg-2);border-radius:var(--r-s);display:flex;flex-direction:column;gap:3px}
.abo-grid b{font-weight:600;font-size:1rem}.abo-grid small{color:var(--muted);font-size:.76rem}
.tbl{width:100%;border-collapse:collapse;font-size:.88rem}
.tbl th{font-family:var(--f-body);font-size:0.77rem;letter-spacing:0;text-transform:none;color:var(--muted);text-align:left;padding:8px 6px;border-bottom:1px solid var(--rule-2);font-weight:500}
.tbl td{padding:10px 6px;border-bottom:1px solid var(--rule)}
.tbl .mono{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.04em;text-transform:none}
.cgv .h-s{margin-bottom:6px}

.steps-7{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.aud-lock{border-style:dashed;background:color-mix(in srgb,var(--bg-2) 60%,var(--card))}

/* ---- Calendrier Calendly intégré (page contact) ---- */
.cal-card{border:1px solid var(--rule);border-radius:var(--r);background:var(--card);box-shadow:var(--card-shadow);overflow:hidden;padding:clamp(8px,1.5vw,20px)}
.cal-card .calendly-inline-widget{border-radius:var(--r-s);overflow:hidden}
.cal-card .calendly-inline-widget iframe{display:block;border:0}
.cal-fallback{font-size:.85rem;margin:14px 6px 4px;text-align:center}
.cal-fallback a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:720px){.cal-card .calendly-inline-widget{height:1000px!important}}

/* ---- Responsive : grilles empilées, boutons qui ne se coupent plus ---- */
@media (max-width:900px){
  .grid>*{grid-column:1/-1!important}
  .btn{white-space:normal;text-align:center;line-height:1.25;max-width:100%}
  .btn-lg{padding:16px 24px;font-size:15px}
  .chapter-copy .actions{flex-direction:column;align-items:stretch}
  .chapter-copy .actions .btn,.cta .row .btn,.form .row .btn,.aud-note-fin .btn,.mobile-nav .btn{width:100%;justify-content:center}
  .chapter-copy .lead{font-size:1rem;max-width:none}
  .chapter-copy .tags{margin-top:16px}
  .row.between{flex-direction:column;align-items:stretch}
  .row.between .muted{max-width:none!important}
  aside.stack{gap:24px;margin-top:8px}
  .sec-head .lead{margin-top:16px}
}
@media (max-width:640px){
  .btn-lg{padding:15px 20px;font-size:14.5px}
  .chapter:first-child .chapter-pin{padding-top:96px}
  .chapter-copy .kicker{font-size:.6rem;letter-spacing:.1em;margin-bottom:14px}
  .cta{padding:clamp(28px,7vw,48px) clamp(20px,5vw,40px)}
}

/* ---- Bulle rendez-vous (fixe, en bas à droite) ---- */
.rdv-fab{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:90;display:inline-flex;align-items:center;gap:0;height:56px;padding:0 17px;border-radius:999px;background:#0C0D10;color:#fff;box-shadow:0 14px 34px -12px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.18);text-decoration:none;font-family:var(--f-body);font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;max-width:56px;opacity:0;transform:translateY(14px) scale(.92);transition:max-width .45s var(--ease),gap .3s var(--ease),padding .3s var(--ease),transform .5s var(--ease),opacity .5s,box-shadow .3s}
.rdv-fab.is-in{opacity:1;transform:none}
.rdv-fab.is-hidden{opacity:0;transform:translateY(14px) scale(.92);pointer-events:none}
.rdv-fab svg{width:22px;height:22px;flex:none}
.rdv-fab span{opacity:0;max-width:0;overflow:hidden;transition:max-width .45s var(--ease),opacity .3s}
@media (hover:hover){
  .rdv-fab:hover,.rdv-fab:focus-visible{box-shadow:0 18px 40px -12px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.18)}
}
.rdv-fab:active{transform:scale(.96)}
body.menu-open .rdv-fab{opacity:0;pointer-events:none}
.pa-toast{bottom:88px}
:root[data-theme="dark"] .rdv-fab{box-shadow:0 0 0 1px rgba(255,255,255,.22),0 14px 34px -12px rgba(0,0,0,.8)}

/* ---- Léa, assistante vocale ---- */
.lea-fab{position:fixed;right:calc(max(16px,env(safe-area-inset-right)) + 68px);bottom:max(16px,env(safe-area-inset-bottom));z-index:91;display:inline-flex;align-items:center;gap:0;height:56px;padding:0 15px;border:0;border-radius:999px;background:#0C0D10;color:#fff;box-shadow:0 14px 34px -12px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.18);cursor:pointer;font-family:var(--f-body);font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;max-width:56px;transition:max-width .45s var(--ease),gap .3s var(--ease),padding .3s var(--ease),transform .3s var(--ease),box-shadow .3s}
.lea-fab-label{opacity:0;max-width:0;overflow:hidden;transition:max-width .45s var(--ease),opacity .3s}
@media (hover:hover){.lea-fab:hover,.lea-fab:focus-visible{max-width:220px;gap:10px;padding:0 20px 0 15px}.lea-fab:hover .lea-fab-label,.lea-fab:focus-visible .lea-fab-label{opacity:1;max-width:160px}}
.lea-fab.is-open{transform:scale(.92);opacity:.85}
body.menu-open .lea-fab{opacity:0;pointer-events:none}
:root[data-theme="dark"] .lea-fab{box-shadow:0 0 0 1px rgba(255,255,255,.22),0 14px 34px -12px rgba(0,0,0,.8)}
.lea-orb{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:3px;width:26px;height:26px;flex:none}
.lea-orb i{display:block;width:4px;height:10px;border-radius:2px;background:var(--amber);animation:leaBars 1.4s ease-in-out infinite}
.lea-orb i:nth-child(2){height:18px;animation-delay:.2s}.lea-orb i:nth-child(3){animation-delay:.4s}
@keyframes leaBars{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1.15)}}
.lea-panel{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(max(16px,env(safe-area-inset-bottom)) + 70px);z-index:900;width:min(392px,calc(100vw - 32px));height:min(640px,calc(100dvh - 110px));display:flex;flex-direction:column;background:var(--card);color:var(--fg);border:1px solid var(--rule);border-radius:var(--r);box-shadow:0 30px 70px -30px rgba(0,0,0,.5),0 2px 10px rgba(0,0,0,.08);overflow:hidden;animation:leaIn .35s var(--ease)}
@keyframes leaIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.lea-panel[hidden]{display:none}
.lea-head{display:flex;align-items:center;gap:12px;padding:14px 14px 12px 16px;border-bottom:1px solid var(--rule);background:var(--bg)}
.lea-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0C0D10;flex:none}
.lea-id{display:flex;flex-direction:column;min-width:0;flex:1}
.lea-id b{font-family:var(--f-display);font-size:1.05rem;letter-spacing:-.01em}
.lea-status{font-family:var(--f-body);font-size:0.79rem;letter-spacing:0;text-transform:none;color:var(--muted)}
.lea-panel[data-mode="listen"] .lea-status{color:var(--jade,#0E8A6E)}.lea-panel[data-mode="speak"] .lea-status{color:var(--accent-deep)}
.lea-close{width:34px;height:34px;border-radius:50%;border:1px solid var(--rule-2);background:transparent;color:var(--fg);font-size:22px;line-height:1;cursor:pointer}
.lea-body{flex:1;overflow-y:auto;padding:16px;scroll-behavior:smooth;background:var(--bg)}
.lea-consent{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-s);padding:16px;margin-bottom:14px;font-size:.9rem;line-height:1.5}
.lea-consent p{margin:0 0 14px}.lea-consent-actions{display:flex;flex-wrap:wrap;gap:8px}.lea-consent .btn{padding:11px 16px;font-size:14px}
.lea-fil{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.lea-msg{max-width:88%;padding:10px 14px;border-radius:16px;font-size:.93rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.lea-assistant{align-self:flex-start;background:var(--card);border:1px solid var(--rule);border-bottom-left-radius:6px}
.lea-user{align-self:flex-end;background:#0C0D10;color:#fff;border-bottom-right-radius:6px}
:root[data-theme="dark"] .lea-user{background:var(--accent);color:var(--accent-fg)}
.lea-wait{color:var(--muted);letter-spacing:.2em;animation:leaDots 1s steps(3,end) infinite}
@keyframes leaDots{to{opacity:.35}}
.lea-card{display:flex;flex-direction:column;gap:6px;align-items:flex-start;border-left:3px solid var(--accent)}
.lea-card-t{font-family:var(--f-display);font-weight:700;font-size:1rem}.lea-card-s{font-size:.82rem;color:var(--fg-2)}
.lea-card .btn{margin-top:4px;font-size:13px;padding:10px 14px}
.lea-chips{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px 0;background:var(--card)}
.lea-chips button{border:1px solid var(--rule-2);background:transparent;color:var(--fg);border-radius:999px;padding:6px 11px;font:500 .78rem var(--f-body);cursor:pointer;transition:background .2s,border-color .2s}
.lea-chips button:hover{border-color:var(--accent);background:var(--accent-soft)}
.lea-foot{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--card)}
.lea-foot input{flex:1;min-width:0;height:44px;border:1px solid var(--rule-2);border-radius:999px;padding:0 16px;background:var(--bg);color:var(--fg);font:400 .95rem var(--f-body);outline:none}
.lea-foot input:focus{border-color:var(--accent)}
.lea-send{width:44px;height:44px;border-radius:50%;border:0;background:#0C0D10;color:#fff;display:grid;place-items:center;cursor:pointer}.lea-send svg{width:18px;height:18px}
.lea-mic{position:relative;width:48px;height:48px;border-radius:50%;border:0;background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;cursor:pointer;flex:none;transition:background .3s,transform .3s}
.lea-mic svg{width:22px;height:22px;position:relative;z-index:1}.lea-mic:disabled{opacity:.6;cursor:wait}
.lea-mic .lea-halo{position:absolute;inset:0;border-radius:50%;background:var(--accent);opacity:0}
.lea-mic.is-live{background:#C2410C;color:#fff}.lea-mic.is-live .lea-halo{background:#C2410C;animation:leaHalo 1.6s ease-out infinite}
.lea-panel[data-mode="speak"] .lea-mic.is-live{background:var(--accent);color:var(--accent-fg)}.lea-panel[data-mode="speak"] .lea-mic.is-live .lea-halo{background:var(--accent)}
@keyframes leaHalo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.9);opacity:0}}
.lea-legal{margin:0;padding:0 14px 10px;font-size:.68rem;color:var(--muted);background:var(--card)}
.lea-legal a{color:inherit;text-decoration:underline}
body.lea-open .rdv-fab{opacity:0;pointer-events:none}
/* Scène vocale « maintenir pour parler » */
.lea-main{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}
.lea-mic.is-pop{animation:leaPop .45s var(--ease) forwards}
@keyframes leaPop{0%{transform:scale(1)}45%{transform:scale(1.35)}100%{transform:scale(.4);opacity:0}}
.lea-panel.is-voice{border-color:rgba(255,255,255,.12)}
.lea-panel.is-voice .lea-head{background:#0C0D10;color:#fff;border-bottom-color:rgba(255,255,255,.08)}
.lea-panel.is-voice .lea-avatar{box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.lea-panel.is-voice .lea-status{color:rgba(255,255,255,.55)}
.lea-panel.is-voice[data-mode="listen"] .lea-status{color:#3ED0A6}.lea-panel.is-voice[data-mode="speak"] .lea-status,.lea-panel.is-voice[data-mode="think"] .lea-status{color:var(--amber-2,#F2B84B)}
.lea-panel.is-voice .lea-close{border-color:rgba(255,255,255,.22);color:#fff}
.lea-stage{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;background:radial-gradient(120% 70% at 50% 108%,#221A0E 0%,#0C0D10 62%);color:#fff;--orb:min(222px,58vw,30dvh);clip-path:circle(150% at var(--ox,50%) var(--oy,80%));transition:clip-path .65s cubic-bezier(.2,.7,.2,1)}
.lea-stage[hidden]{display:none}
.lea-stage.is-closed{clip-path:circle(0px at var(--ox,50%) var(--oy,80%))}
.lea-stage-top{padding:22px 22px 0;text-align:center;min-height:120px}
.lea-stage-state{display:block;font:600 0.82rem var(--f-body);letter-spacing:0;text-transform:none;color:var(--amber-2,#F2B84B);transition:color .35s}
.lea-stage[data-state="listen"] .lea-stage-state{color:#3ED0A6}
.lea-stage[data-state="connect"] .lea-stage-state{color:rgba(255,255,255,.5)}
.lea-caption{margin:12px 0 0;font:400 .97rem/1.45 var(--f-body);color:rgba(255,255,255,.9);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em;transition:opacity .3s,color .3s}
.lea-caption[data-who="you"]{color:rgba(255,255,255,.58);font-style:italic}
.lea-caption:empty{opacity:0}
.lea-stage-mid{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;min-height:0;padding:0 22px}
.lea-orbit{position:relative;width:var(--orb);height:var(--orb);border-radius:50%;border:0;padding:0;background:transparent;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:none;transition:transform .25s var(--ease);flex:none}
.lea-orbit:focus-visible{box-shadow:0 0 0 3px rgba(255,255,255,.35)}
.lea-orbit.is-held{transform:scale(.95)}
.lea-canvas{position:absolute;left:50%;top:50%;width:220%;height:220%;transform:translate(-50%,-50%);pointer-events:none}
.lea-glyph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transform:scale(.6);transition:opacity .3s,transform .4s var(--ease);color:#fff}
.lea-glyph-mic svg{width:calc(var(--orb) * .36);height:calc(var(--orb) * .36);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
.lea-stage[data-state="idle"] .lea-glyph-mic,.lea-stage[data-state="listen"] .lea-glyph-mic{opacity:1;transform:scale(calc(1 + var(--lvl,0) * .16))}
.lea-glyph-wave{gap:calc(var(--orb) * .04)}
.lea-glyph-wave i{width:calc(var(--orb) * .062);height:calc(var(--orb) * .26);border-radius:99px;background:#fff;transform:scaleY(.35);box-shadow:0 2px 12px rgba(0,0,0,.25);will-change:transform}
.lea-stage[data-state="speak"] .lea-glyph-wave{opacity:1;transform:none}
.lea-glyph-think{gap:9px}
.lea-glyph-think i{width:9px;height:9px;border-radius:50%;background:#fff;animation:leaDots3 1s ease-in-out infinite}
.lea-glyph-think i:nth-child(2){animation-delay:.15s}.lea-glyph-think i:nth-child(3){animation-delay:.3s}
.lea-stage[data-state="think"] .lea-glyph-think,.lea-stage[data-state="connect"] .lea-glyph-think{opacity:1;transform:none}
@keyframes leaDots3{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}
.lea-hint{margin:0;font:500 .86rem var(--f-body);color:rgba(255,255,255,.62);text-align:center;min-height:1.3em;transition:opacity .3s}
.lea-stage-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px calc(18px + env(safe-area-inset-bottom))}
.lea-stage-timer{font:500 .8rem var(--f-mono);letter-spacing:.06em;color:rgba(255,255,255,.5);min-width:3em}
.lea-hang{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 18px 0 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font:600 .86rem var(--f-body);cursor:pointer;transition:background .25s,border-color .25s}
.lea-hang:hover{background:rgba(220,38,38,.18);border-color:rgba(220,38,38,.5)}
.lea-hang b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#DC2626;color:#fff}
.lea-hang svg{width:14px;height:14px}
@media (max-width:640px){
  .lea-panel{right:0;bottom:0;width:100vw;height:100dvh;max-height:none;border-radius:0;border:0}
  .lea-fab{right:calc(max(16px,env(safe-area-inset-right)) + 66px)}
  .lea-msg{max-width:92%}
  .lea-stage{--orb:min(272px,62vw,33dvh)}
  .lea-stage-mid{gap:36px}
  .lea-stage-top{padding-top:30px;min-height:140px}
  .lea-caption{font-size:1.05rem}
  .lea-hint{font-size:.94rem}
}
@media (prefers-reduced-motion:reduce){.lea-orb i,.lea-mic .lea-halo,.lea-wait,.lea-glyph-think i,.lea-mic.is-pop{animation:none}.lea-stage{transition:none}.lea-mic.is-pop{opacity:0}}

/* ---- Atelier (espace collaborateur) ---- */
.page-atelier main{min-height:70vh}
.at-login{display:grid;place-items:center;padding:clamp(24px,6vw,64px) 0}
.at-login[hidden],.at-board[hidden],.at-project-body[hidden]{display:none!important}
.at-login-card{width:min(420px,100%);background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:clamp(24px,3vw,36px);box-shadow:var(--card-shadow)}
.pa-err{color:#C2410C;font-size:.86rem;min-height:1.2em;margin:0 0 10px}
.at-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.at-me{display:flex;align-items:center;gap:12px}.at-me b{display:block;font-family:var(--f-display);font-size:1.1rem}.at-me .muted{font-family:var(--f-body);font-size:0.79rem;letter-spacing:0;text-transform:none}
.at-top-actions{display:flex;gap:8px;flex-wrap:wrap}
.at-avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--c,var(--accent));color:#fff;font:700 .85rem var(--f-display);flex:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--c,var(--accent)) 22%,transparent)}
.at-avatar-ink{background:var(--ink-block);color:var(--amber-2,#F2B84B)}
.at-cols{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(380px,1.7fr) minmax(230px,.9fr);gap:clamp(12px,1.6vw,22px);align-items:start}
.at-col{background:var(--bg-2);border:1px solid var(--rule);border-radius:var(--r);padding:14px;min-height:60vh;transition:background .25s,border-color .25s,box-shadow .25s;position:relative}
.at-col.is-over{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.at-col-head{display:flex;align-items:center;gap:12px;padding:4px 6px 14px}
.at-col-head b{display:block;font-family:var(--f-display);font-size:1.05rem}.at-col-head .muted{font-family:var(--f-body);font-size:0.77rem;letter-spacing:0;text-transform:none}
.at-list{display:flex;flex-direction:column;gap:10px;min-height:120px}
.at-empty{margin:14px 6px 0;font-size:.84rem;color:var(--muted);text-align:center;line-height:1.5;display:none}
.at-list:empty + .at-empty{display:block}
/* projets */
.at-project{background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--c,var(--accent));border-radius:var(--r-s);box-shadow:var(--card-shadow);overflow:hidden}
.at-project.is-paused{opacity:.72}.at-project.is-done{opacity:.55}
.at-project-head{display:flex;align-items:center;gap:8px;padding:10px 10px 10px 6px}
.at-fold{width:28px;height:28px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;border-radius:8px;flex:none}
.at-fold svg{width:16px;height:16px;transition:transform .25s var(--ease)}.at-project.is-open .at-fold svg{transform:rotate(90deg)}
.at-project-title{flex:1;min-width:0;border:0;background:transparent;font:700 1.02rem var(--f-display);color:var(--fg);padding:4px 6px;border-radius:8px}
.at-project-title:focus{outline:none;background:var(--bg);box-shadow:0 0 0 2px var(--accent-soft)}
.at-progress{width:54px;height:5px;border-radius:99px;background:var(--rule-2);overflow:hidden;flex:none}.at-progress i{display:block;height:100%;background:var(--c,var(--accent));transition:width .4s var(--ease)}
.at-progress-txt{font-size:.6rem;flex:none}
.at-menu-btn{width:30px;height:30px;border:0;background:transparent;color:var(--muted);font-weight:700;letter-spacing:.05em;cursor:pointer;border-radius:8px;flex:none}.at-menu-btn:hover{background:var(--bg);color:var(--fg)}
.at-project-body{display:none;padding:0 12px 12px 14px}.at-project.is-open .at-project-body{display:block}
.at-obj-label{display:block;font-size:.58rem;margin:2px 0 6px}
.at-objectifs{width:100%;border:1px solid transparent;background:var(--bg);border-radius:10px;padding:9px 11px;font:inherit;font-size:.9rem;line-height:1.5;color:var(--fg);resize:none;min-height:44px;overflow:hidden}
.at-objectifs:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.at-tasks{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.at-task{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 2px;border-radius:10px;transition:background .2s}
.at-task:hover{background:var(--bg)}
.at-task.is-done .at-task-title{text-decoration:line-through;color:var(--muted)}
.at-task.is-dragging,.at-card.is-dragging{opacity:.35}
.at-grip{width:22px;height:30px;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:grab;touch-action:none;flex:none;border-radius:6px;color:var(--muted)}
.at-grip i{display:block;width:12px;height:2px;border-radius:2px;background:currentColor;opacity:.55}
.at-grip:hover{background:var(--rule)}.at-grip:active{cursor:grabbing}
.at-check{width:20px;height:20px;border-radius:50%;border:1.6px solid var(--rule-2);background:transparent;cursor:pointer;flex:none;position:relative;transition:background .2s,border-color .2s}
.at-check::after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}
.is-done>.at-check,.is-done .at-check{background:var(--jade,#0E8A6E);border-color:var(--jade,#0E8A6E)}.is-done .at-check::after{opacity:1}
.at-task-title{flex:1;min-width:0;font-size:.93rem;line-height:1.35;cursor:text;overflow-wrap:anywhere}
.at-when{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.04em;color:var(--muted);white-space:nowrap}
.at-badge{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--c,var(--accent));color:#fff;font:700 .68rem var(--f-display);flex:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--c,var(--accent)) 25%,transparent)}
.at-badge-empty{background:transparent;border:1.5px dashed var(--rule-2);box-shadow:none}
.at-add{display:flex;align-items:center;gap:6px;margin-top:8px}
.at-add input{flex:1;min-width:0;border:1px dashed var(--rule-2);border-radius:999px;padding:8px 14px;background:transparent;font:inherit;font-size:.88rem;color:var(--fg)}
.at-add input:focus{outline:none;border-style:solid;border-color:var(--accent);background:var(--bg)}
.at-add-btn{width:32px;height:32px;border-radius:50%;border:0;background:var(--ink-block);color:#fff;cursor:pointer;flex:none;opacity:0;transition:opacity .2s}.at-add input:focus + .at-add-btn,.at-add input:not(:placeholder-shown) + .at-add-btn{opacity:1}
/* cartes personnelles */
.at-card{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--c,var(--accent));border-radius:var(--r-s);padding:9px 10px 9px 4px;box-shadow:var(--card-shadow)}
.at-card.is-done{opacity:.55}.at-card.is-done .at-card-title{text-decoration:line-through}
.at-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;cursor:pointer}
.at-card-project{font-family:var(--f-body);font-size:0.72rem;letter-spacing:0;text-transform:none;color:var(--c,var(--accent))}
.at-card-title{font-size:.92rem;line-height:1.3;overflow-wrap:anywhere}
.at-card-when{font-size:.74rem;color:var(--fg-2)}.at-card-when.is-cal{color:var(--jade,#0E8A6E)}
/* fantôme de glisser */
.at-ghost{position:fixed;z-index:1000;pointer-events:none;list-style:none;margin:0;background:var(--card);border:1px solid var(--accent);border-radius:var(--r-s);box-shadow:0 24px 50px -16px rgba(0,0,0,.45);transform-origin:center;transition:none;opacity:.95}
body.at-dragging{user-select:none;-webkit-user-select:none;cursor:grabbing}
/* modale */
.at-assign{display:flex;gap:6px;flex-wrap:wrap}
.at-assign label{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--rule-2);border-radius:999px;cursor:pointer;font-size:.88rem}
.at-assign input{position:absolute;opacity:0;width:0;height:0}.at-assign label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.at-assign .at-avatar{width:26px;height:26px;font-size:.7rem;box-shadow:none}
.at-plan-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px}
.at-plan-note{font-size:.8rem;margin:0 0 6px}.at-plan-note a{color:var(--accent-deep);text-decoration:underline}
.at-colors{display:flex;gap:8px}.at-colors label{cursor:pointer}.at-colors input{position:absolute;opacity:0;width:0;height:0}.at-colors i{display:block;width:26px;height:26px;border-radius:50%;box-shadow:0 0 0 2px transparent;transition:box-shadow .2s}.at-colors label:has(input:checked) i{box-shadow:0 0 0 2px var(--fg)}
.at-dots{display:none;justify-content:center;gap:8px;margin-top:12px}.at-dots i{width:8px;height:8px;border-radius:50%;background:var(--rule-2);cursor:pointer}.at-dots i.is-on{background:var(--accent)}
@media (max-width:1000px){
  .at-cols{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .at-cols::-webkit-scrollbar{display:none}
  .at-col{flex:0 0 min(86vw,420px);scroll-snap-align:center;min-height:62vh;min-width:0;max-width:min(86vw,420px)}
  .at-project,.at-card{min-width:0}.at-project-title,.at-objectifs,.at-add input{width:100%;min-width:0}
  .at-dots{display:flex}
  .at-plan-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){.at-col{flex-basis:88vw}.at-when{display:none}}

/* ===== 05/10/2026 — prix, RGPD, cookies, mobile, page Impulsion ===== */
.price-note{margin:6px 0 10px;font-size:.78rem;color:var(--muted);line-height:1.4}
.plan .price-note{margin-top:4px}
.rgpd-note{margin-top:14px;font-size:.78rem;line-height:1.5;color:var(--muted)}
.rgpd-note a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.footer-cols a[data-cookies]{cursor:pointer}

/* Bandeau cookies : rien n'est déposé avant le choix ; accepter / refuser de même taille */
.cookie-bar{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%) translateY(24px);z-index:950;width:min(760px,calc(100vw - 32px));opacity:0;transition:opacity .35s,transform .45s var(--ease)}
.cookie-bar.is-in{opacity:1;transform:translateX(-50%)}
.cookie-in{background:var(--card);color:var(--fg);border:1px solid var(--rule);border-radius:var(--r);box-shadow:0 30px 70px -30px rgba(0,0,0,.5),0 2px 10px rgba(0,0,0,.08);padding:18px 20px;display:grid;gap:14px}
.cookie-txt{margin:0;font-size:.9rem;line-height:1.5;color:var(--fg-2)}.cookie-txt b{color:var(--fg)}.cookie-txt a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.cookie-opts{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--rule)}
.cookie-opts label{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;line-height:1.45;color:var(--fg-2);cursor:pointer}.cookie-opts label b{color:var(--fg)}
.cookie-opts input{margin-top:3px;accent-color:var(--accent);flex:none}
.cookie-actions{display:flex;flex-wrap:wrap;gap:10px}
.cookie-actions .btn{flex:1 1 150px;justify-content:center;min-height:46px;font-size:.9rem}
.cookie-actions .btn-ghost{flex:0 0 auto;background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:3px}
body.cookie-open .rdv-fab,body.cookie-open .lea-fab{opacity:0;pointer-events:none}
@media (max-width:640px){.cookie-bar{width:calc(100vw - 20px);bottom:10px}.cookie-in{padding:16px}.cookie-actions .btn{flex:1 1 100%}.cookie-actions .btn-ghost{flex:1 1 100%}}

/* Mobile : les boutons flottants ne doivent masquer ni texte ni boutons « Choisir… » */
@media (max-width:480px){
  .rdv-fab,.lea-fab{height:46px;bottom:max(12px,env(safe-area-inset-bottom))}
  .lea-fab{max-width:46px;padding:0 12px}
  .rdv-fab svg,.lea-fab svg{width:20px;height:20px}
  .rdv-fab{right:max(12px,env(safe-area-inset-right));padding:0 16px 0 13px;gap:8px;font-size:.86rem}
  .plans,.addons,.cta .row,.chapter-copy .actions,.fo-card,.aud-cta,.row.between{scroll-margin-bottom:72px}
  .plan,.addon{padding-bottom:30px}
  .plans{padding-bottom:64px}
  .cta .in{padding-bottom:calc(var(--pad,28px) + 56px)}
  .section-end,.fo-side,.aud-cta{margin-bottom:72px}
  .footer{padding-bottom:calc(var(--section,56px) + 24px)}
}

/* Page d'atterrissage Impulsion */
.header-lp .logo{pointer-events:none}
.header-lp .header-right{gap:10px}
.lp{padding-bottom:40px}
.lp-hero{padding-top:calc(70px + var(--section)*.9);padding-bottom:calc(var(--section)*.45)}
.lp-hero-in{max-width:62rem}
.lp-hero .kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-body);font-size:0.87rem;letter-spacing:0;text-transform:none;color:var(--fg-2);margin-bottom:20px;font-weight:500}
.lp-hero .kicker .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-deep);display:inline-block}
.lp-hero .tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:28px 0 0;padding:0}
.lp-hero .tags li{font-family:var(--f-body);font-size:0.79rem;letter-spacing:0;text-transform:none;padding:8px 12px;border:1px solid var(--rule-2);border-radius:999px;background:var(--glass)}
.lp-hero .actions .note{width:100%;margin-top:4px}
.lp-hero .lead{max-width:56ch;margin-top:22px}
.lp-hero .actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.lp-call{display:none}
.lp-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--gap);align-items:start}
.lp-price{position:sticky;top:90px;display:grid;gap:16px}
.lp-form-wrap{max-width:46rem}
.lp-form select{width:100%;background:var(--card);border:1px solid var(--rule-2);border-radius:var(--r-s);padding:14px 16px;font:inherit;color:var(--fg);outline:0;transition:border-color .3s,box-shadow .3s;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314161B' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px}
.lp-form select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.lp-form select option{color:#14161B;background:#fff}
.lp-cal{margin-top:8px}
.lp-bar{display:none}
.footer-lp .footer-bottom{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}
.footer-lp .footer-bottom a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media (max-width:900px){.lp-grid{grid-template-columns:1fr}.lp-price{position:static}}
@media (max-width:640px){
  .lp-call{display:inline-flex}
  .lp-bar{position:fixed;left:0;right:0;bottom:0;z-index:92;display:flex;gap:10px;padding:10px max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:var(--bg);border-top:1px solid var(--rule);transition:transform .35s var(--ease),opacity .3s}
  .lp-bar.is-hidden{transform:translateY(110%);opacity:0}
  .lp-bar .btn{flex:1;justify-content:center;min-height:48px}
  .lp{padding-bottom:84px}
  body.page-impulsion .cookie-bar{bottom:78px}
}
.cookie-opts[hidden],.cookie-actions .btn[hidden],.cookie-bar[hidden],.lp-cal[hidden],.lp-form[hidden]{display:none!important}

/* ===== 06/10/2026 — engagement, tarif fondateur, prix près des boutons de réservation ===== */
.price-fondateur{margin:8px 0 0;font-size:.8rem;line-height:1.45;color:var(--fg-2);padding:8px 10px;border-radius:var(--r-s);background:var(--accent-soft);border-left:3px solid var(--accent)}
.plan .price-fondateur{margin-top:8px}
.plan-engagement{list-style:none;margin:12px 0 0;padding:10px 0 0;border-top:1px dashed var(--rule);display:grid;gap:4px;font-size:.8rem;line-height:1.45;color:var(--fg-2)}
.plan-engagement b{color:var(--fg);font-weight:600}
.plan ul.plan-engagement li::before{display:none}
.plan ul.plan-engagement{margin-top:12px}
.fo-engagement{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px dashed var(--rule);display:grid;gap:6px;font-size:.86rem;line-height:1.45;color:var(--fg-2)}
.fo-engagement b{color:var(--fg);font-weight:600}
.fo-list li.sub{font-size:.82rem;color:var(--muted);padding-left:26px;margin-top:-4px}
.plan ul li.sub{font-size:.78rem;color:var(--muted);padding-left:18px;margin-top:-4px}
.plan ul li.sub::before{display:none}
.btn-wrap{display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px}
.prix-indic{display:block;font-family:var(--f-body);font-size:0.79rem;letter-spacing:0;text-transform:none;color:var(--muted);margin-top:6px}
.cta .row .btn-wrap .prix-indic{color:rgba(255,255,255,.72)}
.rdv-fab span{white-space:nowrap}


body.fab-cache .rdv-fab,body.fab-cache .lea-fab{opacity:0;pointer-events:none;transform:translateY(14px) scale(.92)}
body.lea-open.fab-cache .lea-fab{opacity:.85;pointer-events:auto;transform:scale(.92)}
.plan ul.plan-engagement li{display:block}
.plan.is-featured .price-fondateur{background:rgba(255,255,255,.1);color:rgba(255,255,255,.88);border-left-color:var(--amber-2,#F2B84B)}
.plan.is-featured .plan-engagement{color:rgba(255,255,255,.72)}.plan.is-featured .plan-engagement b{color:#fff}
.plan.is-featured .price-note,.plan.is-featured ul li.sub{color:rgba(255,255,255,.62)}

h2.eyebrow{margin:0;font-weight:500;letter-spacing:.01em}

/* Léa — mention IA écrite (AI Act art. 50), annonce lecteur d'écran, audio WebRTC dans la page */
.lea-ia-mention{margin:0;padding:5px 16px;text-align:center;font-family:var(--f-body);font-size:0.77rem;letter-spacing:0;text-transform:none;color:var(--muted);background:var(--chaux-2,#EFEBE1);border-bottom:1px solid var(--rule)}
.lea-panel.is-voice .lea-ia-mention{background:#0C0D10;border-bottom-color:rgba(255,255,255,.08)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lea-audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.lea-panel.is-voice .lea-ia-mention{color:rgba(255,255,255,.7)}

/* ===== 06/10/2026 — Atelier : onglets, alertes, prospects, notes, agents (lisible sur téléphone) ===== */
.at-tabs{display:flex;gap:4px;padding:4px;background:var(--bg-2);border:1px solid var(--rule);border-radius:999px;order:3;flex:1 1 100%;overflow-x:auto;scrollbar-width:none}
.at-tabs::-webkit-scrollbar{display:none}
.at-tabs button{flex:1 1 auto;border:0;background:transparent;color:var(--fg-2);font:600 .88rem var(--f-body);padding:9px 14px;border-radius:999px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;transition:background .2s,color .2s}
.at-tabs button:hover{color:var(--fg)}
.at-tabs button.is-on{background:var(--card);color:var(--fg);box-shadow:var(--card-shadow)}
.at-pill{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font:700 .68rem var(--f-mono)}
.at-pill-warn{background:#C8471F}
.at-pill[hidden]{display:none!important}
.at-bell{position:relative;width:40px;height:40px;border:1px solid var(--rule);background:var(--card);color:var(--fg);border-radius:50%;display:grid;place-items:center;cursor:pointer}
.at-bell svg{width:19px;height:19px}.at-bell:hover{border-color:var(--fg)}
.at-bell .at-pill{position:absolute;top:-6px;right:-6px;height:18px;min-width:18px;font-size:.62rem}
@media (min-width:900px){.at-top{flex-wrap:nowrap}.at-tabs{order:0;flex:0 1 auto}.at-tabs button{flex:0 0 auto}}
/* alertes */
.at-alertes{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:14px 16px;margin-bottom:18px;box-shadow:var(--card-shadow)}
.at-alertes[hidden],.at-vue[hidden],.at-cols[hidden],.at-dots[hidden],#at-new-project[hidden]{display:none!important}
.at-alertes-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.at-alertes-head b{font-family:var(--f-display);font-size:1.05rem}
.at-alertes ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:min(50vh,420px);overflow:auto}
.at-alertes li{display:flex;align-items:flex-start;gap:10px;padding:10px 10px 10px 12px;border-radius:12px;background:var(--bg-2);font-size:.9rem;line-height:1.4}
.at-alertes li.is-lue{opacity:.58}
.at-alertes li div{flex:1;min-width:0}.at-alertes li b{display:block}.at-alertes li small{display:block;font-size:.8rem;color:var(--fg-2);overflow-wrap:anywhere}
.at-alerte-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:none;margin-top:6px}
.at-alertes li.niv-alerte .at-alerte-dot,.at-alertes li.niv-erreur .at-alerte-dot{background:#C8471F}
.at-alertes li.niv-ok .at-alerte-dot{background:var(--jade,#0E8A6E)}
.at-alertes li.is-lue .at-alerte-dot{background:var(--rule-2)}
.at-lue{width:30px;height:30px;border-radius:50%;border:1px solid var(--rule-2);background:transparent;color:var(--fg-2);cursor:pointer;flex:none}.at-lue:hover{border-color:var(--fg);color:var(--fg)}
/* vues */
.at-vue-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:4px 0 16px}
.at-vue-head>div{flex:1 1 280px;min-width:0}
.at-vue-head .btn{flex:none}
.at-filtres{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.at-filtres select,.at-filtres input{flex:1 1 180px;min-width:0;border:1px solid var(--rule-2);border-radius:999px;padding:9px 14px;background:var(--card);font:inherit;font-size:.88rem;color:var(--fg);min-height:42px}
.at-filtres select:focus,.at-filtres input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
/* prospects : statistiques hebdo + pipeline */
.at-stats{overflow-x:auto;margin-bottom:14px;border:1px solid var(--rule);border-radius:var(--r);background:var(--card);-webkit-overflow-scrolling:touch}
.at-table{width:100%;border-collapse:collapse;font-size:.86rem;min-width:520px}
.at-table th,.at-table td{padding:9px 12px;text-align:center;border-bottom:1px solid var(--rule);white-space:nowrap}
.at-table th{font-family:var(--f-body);font-size:0.77rem;letter-spacing:0;text-transform:none;color:var(--muted);font-weight:500;background:var(--bg-2)}
.at-table td:first-child,.at-table th:first-child{text-align:left;position:sticky;left:0;background:var(--card)}
.at-table th:first-child{background:var(--bg-2)}
.at-table tbody tr:last-child td{border-bottom:0}
.at-pipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:start}
.at-etape{background:var(--bg-2);border:1px solid var(--rule);border-radius:var(--r);padding:10px;min-height:120px}
.at-etape header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 10px}
.at-etape header b{font-family:var(--f-display);font-size:.95rem}.at-etape header .muted{font-family:var(--f-mono);font-size:.68rem}
.at-etape[data-etape="signe"] header b{color:var(--jade,#0E8A6E)}.at-etape[data-etape="perdu"]{opacity:.75}
.at-lead{display:flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--accent);border-radius:var(--r-s);padding:9px 10px;margin-bottom:8px;cursor:pointer;box-shadow:var(--card-shadow);font-size:.9rem;line-height:1.35}
.at-lead:hover{border-color:var(--fg)}.at-lead b{overflow-wrap:anywhere}.at-lead span{color:var(--fg-2);font-size:.84rem}.at-lead small{font-size:.76rem;line-height:1.4}
.at-etape[data-etape="rdv"] .at-lead{border-left-color:#2F49D9}.at-etape[data-etape="devis"] .at-lead{border-left-color:#8A5BD6}.at-etape[data-etape="signe"] .at-lead{border-left-color:var(--jade,#0E8A6E)}.at-etape[data-etape="perdu"] .at-lead{border-left-color:var(--rule-2)}
@media (max-width:1100px){.at-pipeline{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;-webkit-overflow-scrolling:touch}.at-etape{flex:0 0 min(78vw,300px);scroll-snap-align:start}}
/* notes */
.at-notes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.at-note{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:14px 16px;cursor:pointer;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:8px}
.at-note:hover{border-color:var(--fg)}
.at-note header{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}.at-note header b{font-family:var(--f-display);font-size:1rem;overflow-wrap:anywhere}.at-note header .muted{font-size:.76rem;white-space:nowrap}
.at-note p{margin:0;font-size:.88rem;line-height:1.5;color:var(--fg-2);overflow-wrap:anywhere}
.at-note-tags{display:flex;gap:6px;flex-wrap:wrap}.at-note-tags span{font-family:var(--f-body);font-size:0.77rem;letter-spacing:0;text-transform:none;padding:4px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep)}
/* agents IA des clients */
.at-agents{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.at-agent{background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--rule-2);border-radius:var(--r);padding:14px 16px;cursor:pointer;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:8px}
.at-agent:hover{border-color:var(--fg)}
.at-agent header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.at-agent header b{display:block;font-family:var(--f-display);font-size:1rem;overflow-wrap:anywhere}.at-agent header span{font-size:.84rem;color:var(--fg-2)}
.at-etat{font-family:var(--f-body);font-size:0.77rem;letter-spacing:0;text-transform:none;padding:5px 9px;border-radius:999px;background:var(--bg-2);color:var(--fg-2);white-space:nowrap;flex:none}
.at-agent.is-ok{border-left-color:var(--jade,#0E8A6E)}.at-agent.is-ok .at-etat{background:color-mix(in srgb,var(--jade,#0E8A6E) 14%,transparent);color:var(--jade,#0E8A6E)}
.at-agent.is-warn{border-left-color:var(--accent)}.at-agent.is-warn .at-etat{background:var(--accent-soft);color:var(--accent-deep)}
.at-agent.is-ko{border-left-color:#C8471F}.at-agent.is-ko .at-etat{background:color-mix(in srgb,#C8471F 12%,transparent);color:#C8471F}
.at-agent.is-off{opacity:.6}
.at-jauge{height:6px;border-radius:99px;background:var(--rule-2);overflow:hidden}.at-jauge i{display:block;height:100%;background:var(--jade,#0E8A6E);transition:width .4s var(--ease)}
.at-agent.is-warn .at-jauge i{background:var(--accent)}.at-agent.is-ko .at-jauge i{background:#C8471F}
.at-agent-meta{display:flex;justify-content:space-between;gap:10px;font-size:.84rem;color:var(--fg-2)}.at-agent-meta span:last-child{font-family:var(--f-mono)}
.at-agent-err{margin:0;font-size:.84rem;color:#C8471F;line-height:1.4;overflow-wrap:anywhere}
.at-agent small{font-size:.76rem}
.at-switch{display:flex;align-items:center;gap:10px;font-size:.9rem;cursor:pointer;margin:6px 0}.at-switch input{accent-color:var(--accent);width:18px;height:18px}
.at-cle{margin-top:12px;padding:14px;border:1px dashed var(--accent);border-radius:var(--r-s);background:var(--accent-soft);font-size:.9rem;line-height:1.5}
.at-cle[hidden]{display:none!important}.at-cle p{margin:0 0 10px}.at-cle code{font-family:var(--f-mono);font-size:.84rem;overflow-wrap:anywhere}
.at-cle-val{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.at-cle-val>code{flex:1 1 220px;padding:9px 12px;background:var(--card);border:1px solid var(--rule);border-radius:10px;user-select:all}
.at-cle-val .btn{min-height:38px}
.at-notes-form{display:grid;gap:8px}
@media (max-width:640px){
  .at-top{gap:10px}.at-me b{font-size:1rem}
  .at-tabs{padding:3px}.at-tabs button{padding:8px 9px;font-size:.8rem;gap:5px;min-height:38px}.at-pill{min-width:18px;height:18px;font-size:.62rem}
  .at-top-actions{flex:1 1 auto;justify-content:flex-end}
  .at-vue-head{margin-bottom:12px}.at-vue-head .btn{flex:1 1 100%;justify-content:center}
  .at-filtres select,.at-filtres input{flex:1 1 100%}
  .at-plan-grid{grid-template-columns:1fr}
  .at-table{font-size:.8rem}.at-table th,.at-table td{padding:8px 9px}
  .at-etape{flex-basis:84vw}
  .at-alertes li{font-size:.86rem}
}
/* guide interne (atelier-agents.html) */
.guide p,.guide li{font-size:.95rem;line-height:1.6;color:var(--fg-2)}.guide li{margin:4px 0}.guide ol,.guide ul{padding-left:22px}
.guide code{font-family:var(--f-mono);font-size:.82em;background:var(--bg-2);padding:2px 6px;border-radius:6px;overflow-wrap:anywhere}
.guide pre{background:var(--ink-block);color:#F7F4EE;padding:14px 16px;border-radius:var(--r-s);overflow:auto;font-size:.82rem;line-height:1.5}.guide pre code{background:transparent;color:inherit;padding:0}
.guide table{width:100%;border-collapse:collapse;font-size:.88rem;margin:12px 0;display:block;overflow-x:auto}.guide th,.guide td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--rule);vertical-align:top}.guide th{font-family:var(--f-body);font-size:0.77rem;letter-spacing:0;text-transform:none;color:var(--muted);font-weight:500}
.guide strong{color:var(--fg)}.guide em{color:var(--fg-2)}
/* Le halo décoratif des chapitres (::before, -4rem) dépassait de 6 px à droite sur ordinateur → page défilable horizontalement */
.story{overflow-x:clip}
/* Page formule : « ce qui est en sus » et conditions détaillées (07/10/2026) — l'accueil ne garde que les cartes compactes */
.plan .plan-detail{display:block;margin-top:10px;font-size:.84rem;text-align:center;color:var(--fg-2);text-decoration:underline;text-underline-offset:3px}
.plan .plan-detail:hover{color:var(--fg)}
.fo-list-sus li svg{color:var(--amber)}
.fo-conditions{margin:16px 0 0;display:grid;gap:10px}
.fo-conditions>div{display:grid;grid-template-columns:minmax(150px,.7fr) 2.3fr;gap:6px 22px;padding:16px 18px;background:var(--card);border:1px solid var(--rule);border-radius:var(--r-s)}
.fo-conditions dt{font-family:var(--f-display);font-weight:700;font-size:1rem;color:var(--fg)}
.fo-conditions dd{margin:0;font-size:.93rem;line-height:1.6;color:var(--fg-2)}
.fo-conditions dd b{color:var(--fg)}
@media (max-width:640px){.fo-conditions>div{grid-template-columns:1fr;padding:14px}}

/* 07/10/2026 — Bouton « Rendez-vous » toujours déployé (icône + texte), jamais réduit.
   Ordinateur : Léa à sa gauche (décalage calculé par js/main.js : --rdv-w). Téléphone : Léa juste au-dessus. */
.rdv-fab{max-width:none;gap:10px;padding:0 20px 0 16px}
.rdv-fab span{opacity:1;max-width:none;overflow:visible}
.lea-fab{right:calc(max(16px,env(safe-area-inset-right)) + var(--rdv-w,170px) + 12px)}
@media (max-width:640px){
  .lea-fab{right:max(12px,env(safe-area-inset-right));bottom:calc(max(12px,env(safe-area-inset-bottom)) + 58px)}
  .rdv-fab{right:max(12px,env(safe-area-inset-right))}
}
/* Mentions légales : fiche d'identité de l'éditeur */
.ml-fiche{margin:14px 0 0;border:1px solid var(--rule);border-radius:var(--r-s);background:var(--card);overflow:hidden}
.ml-fiche>div{display:grid;grid-template-columns:minmax(150px,.8fr) 2fr;gap:4px 18px;padding:11px 16px;border-bottom:1px solid var(--rule)}
.ml-fiche>div:last-child{border-bottom:0}
.ml-fiche dt{font-family:var(--f-body);font-size:0.79rem;letter-spacing:0;text-transform:none;color:var(--muted);padding-top:3px}
.ml-fiche dd{margin:0;font-size:.95rem;color:var(--fg);overflow-wrap:anywhere}
.ml-fiche dd a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media (max-width:560px){.ml-fiche>div{grid-template-columns:1fr}}

/* ---------- Offres principales de l'accueil (15/10/2026) ---------- */
.offres{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);align-items:stretch}
@media (max-width:860px){.offres{grid-template-columns:1fr}}
.offre{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--rule);border-radius:var(--r-l);padding:clamp(26px,3.4vw,46px);box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:14px;transition:transform .4s var(--ease)}
.offre:hover{border-color:var(--rule-2)}
.offre::after{content:"";position:absolute;right:34px;top:34px;width:8px;height:8px;border-radius:50%;background:var(--c)}
.offre-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-right:28px}
.offre-k{font-family:var(--f-body);font-weight:500;font-size:0.84rem;letter-spacing:0;text-transform:none;color:var(--ct,var(--c))}
.offre .badge{background:var(--accent);color:var(--accent-fg);border-radius:999px;padding:4px 11px;font-family:var(--f-body);font-weight:500;font-size:0.74rem;letter-spacing:0;text-transform:none}
.offre-name{font-family:var(--f-display);font-weight:600;font-size:clamp(28px,3vw,40px);letter-spacing:-.03em;line-height:1.02;text-wrap:balance}
.offre-promise{font-size:15.5px;line-height:1.55;color:var(--fg-2);max-width:48ch}
.offre-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:6px}
.offre-price .from{font-family:var(--f-body);font-weight:500;font-size:0.79rem;letter-spacing:0;text-transform:none;color:var(--muted);flex-basis:100%}
.offre-price b{font-family:var(--f-display);font-weight:600;font-size:clamp(54px,6.4vw,88px);letter-spacing:-.045em;line-height:.95;font-variant-numeric:tabular-nums}
.offre-price .per{font-size:15px;color:var(--muted)}
.offre-setup{align-self:flex-start;font-size:14px;font-weight:600;padding:7px 12px;border-radius:999px;background:var(--bg-2);border:1px solid var(--rule)}
.offre ul{display:flex;flex-direction:column;gap:10px;font-size:14.5px;border-top:1px solid var(--rule);padding-top:18px;margin-top:6px}
.offre ul li{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.offre ul li svg{width:17px;height:17px;flex:none;margin-top:2px;color:var(--jade)}
.offre ul li.head{font-family:var(--f-body);font-size:0.79rem;letter-spacing:0;text-transform:none;color:var(--muted)}
.offre-pour{font-size:14px;line-height:1.5;color:var(--fg-2);padding:12px 14px;border-radius:12px;background:var(--bg-2);margin-top:auto}
.offre .btn{justify-content:center;margin-top:6px}
.offre.is-featured{background:var(--ink-block);color:#fff;border-color:var(--ink-block);box-shadow:0 0 0 4px var(--accent-soft),0 30px 60px -30px rgba(20,22,27,.6)}
.offre.is-featured::before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--hatch-ink)}
.offre.is-featured::after{background:var(--accent);box-shadow:0 0 18px var(--accent-glow)}
.offre.is-featured>*{position:relative}
.offre.is-featured .offre-k{color:var(--accent-2)}
.offre.is-featured .offre-promise,.offre.is-featured .offre-price .per{color:rgba(255,255,255,.72)}
.offre.is-featured .offre-price .from,.offre.is-featured ul li.head{color:rgba(255,255,255,.55)}
.offre.is-featured .offre-price b{color:var(--accent-2)}
.offre.is-featured .offre-setup{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}
.offre.is-featured ul{border-top-color:rgba(255,255,255,.16)}
.offre.is-featured ul li svg{color:var(--accent-2)}
.offre.is-featured .offre-pour{background:rgba(255,255,255,.07);color:rgba(255,255,255,.78)}
.offre.is-featured .btn .fill{background:#fff}
.offre.is-featured .btn:hover{color:var(--ink);border-color:#fff}
.offres-note{margin-top:18px;font-family:var(--f-body);font-size:13.5px;letter-spacing:0;text-transform:none;line-height:1.6;color:var(--muted);max-width:90ch}
.offres-more{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 20px;margin-top:clamp(26px,3vw,40px);text-align:center}
.offres-more .muted{font-size:14px}

/* ---------- Bandeau et page Amazon Ads ---------- */
.amz-band{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(28px,4.4vw,64px);border-radius:var(--r-l);background:color-mix(in srgb,var(--amber) 11%,var(--card));border:1px solid color-mix(in srgb,var(--amber) 38%,transparent)}
.amz-band::before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--hatch)}
.amz-band>*{position:relative}
.amz-copy .display{margin-top:14px}
.amz-copy .lead{margin-top:16px;max-width:56ch}
.amz-copy .lead a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.amz-copy .eyebrow{color:var(--c-amazon-t)}
.amz-side{display:flex;flex-direction:column;gap:14px;background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:clamp(22px,2.4vw,32px);box-shadow:var(--card-shadow)}
.amz-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px}
.amz-price .from{font-family:var(--f-body);font-weight:500;font-size:0.79rem;letter-spacing:0;text-transform:none;color:var(--muted);flex-basis:100%}
.amz-price b{font-family:var(--f-display);font-weight:600;font-size:clamp(44px,4.6vw,64px);letter-spacing:-.04em;line-height:.95;font-variant-numeric:tabular-nums}
.amz-price .per{font-size:14.5px;color:var(--muted)}
.amz-side ul{display:flex;flex-direction:column;gap:9px;font-size:14px;border-top:1px solid var(--rule);padding-top:14px}
.amz-side ul li{display:flex;gap:9px;align-items:flex-start;line-height:1.45}
.amz-side ul li svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--c-amazon-t)}
.amz-side .btn{justify-content:center}
.amz-side .link{align-self:center;font-size:14px}
@media (max-width:900px){.amz-band{grid-template-columns:1fr}}
.amz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--gap)}
.amz-card{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:24px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:8px}
.amz-card .n{font-family:var(--f-mono);font-weight:500;font-size:.64rem;letter-spacing:.13em;color:var(--ct,var(--c))}
.amz-card h3{font-family:var(--f-display);font-weight:600;font-size:21px;letter-spacing:-.02em}
.amz-card p{font-size:14.5px;line-height:1.55;color:var(--fg-2)}
.amz-kpis .eyebrow{color:rgba(255,255,255,.6)}
.amz-kpis .display{margin-top:14px;color:#fff}
.amz-kpis .display em{color:var(--accent-2)}
.amz-kpis .display em::after{display:none}
.amz-kpi-row{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:clamp(18px,3vw,40px);margin-top:clamp(24px,3vw,40px)}
.amz-kpi{border-top:1px solid rgba(255,255,255,.18);padding-top:16px}
.amz-kpi b{display:block;font-family:var(--f-display);font-weight:600;font-size:clamp(28px,3vw,38px);letter-spacing:-.03em;color:var(--accent-2)}
.amz-kpi p{margin-top:8px;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.74)}

/* ---------- Grille tarifaire ---------- */
.tarifs{padding-bottom:var(--section)}
.tg-cat{margin-top:clamp(28px,3.4vw,48px)}
.tg-cat:first-child{margin-top:0}
.tg-title{display:flex;align-items:center;gap:12px;font-family:var(--f-display);font-weight:600;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.025em;padding-bottom:14px;border-bottom:2px solid var(--fg)}
.tg-title i{width:11px;height:11px;border-radius:50%;background:var(--c);flex:none}
.tg-head,.tg-row{display:grid;grid-template-columns:minmax(0,1fr) 190px 210px;gap:20px}
.tg-head{padding:10px 0;border-bottom:1px solid var(--rule)}
.tg-head span{font-family:var(--f-body);font-weight:500;font-size:0.77rem;letter-spacing:0;text-transform:none;color:var(--muted)}
.tg-head span:last-child,.tg-price{text-align:right}
.tg-row{padding:16px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.tg-name b{display:block;font-weight:600;font-size:16px}
.tg-name b a{color:inherit;text-decoration:underline;text-decoration-color:var(--c);text-underline-offset:4px}
.tg-name span{display:block;margin-top:4px;font-size:14px;line-height:1.5;color:var(--fg-2);max-width:62ch}
.tg-name span a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.tg-when{font-family:var(--f-body);font-weight:500;font-size:0.82rem;letter-spacing:0;text-transform:none;color:var(--muted)}
.tg-price{font-family:var(--f-display);font-weight:600;font-size:20px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.tg-note{margin-top:clamp(32px,4vw,56px);padding:24px 28px;border-radius:var(--r);background:var(--bg-2);border:1px solid var(--rule)}
.tg-note p{margin-top:10px;font-size:15px;line-height:1.6;color:var(--fg-2);max-width:90ch}
.tg-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){
  .tg-head{display:none}
  .tg-row{grid-template-columns:1fr auto;gap:6px 16px}
  .tg-name{grid-column:1 / -1}
  .tg-price{text-align:right}
}

/* ---------- Synthèse dans les diapos : mini-cartes du héro + bloc « Pour qui » ---------- */
.chapter.has-aside .chapter-pin{justify-content:space-between;gap:clamp(20px,3vw,48px)}
.chapter-aside{pointer-events:auto;align-self:center;flex:0 0 auto;opacity:0;transform:translateY(24px);will-change:opacity,transform}
.who-mini{width:min(330px,27vw);padding:20px 22px 14px;border-radius:var(--r);border:1px solid var(--rule);background:var(--card);box-shadow:var(--card-shadow)}
.wm-head{display:block;font-family:var(--f-body);font-weight:500;font-size:.84rem;letter-spacing:.01em;text-transform:none;color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--rule-2)}
.wm-row{display:grid;grid-template-columns:15px minmax(0,1fr);gap:0;align-items:start;padding:11px 0;border-bottom:1px solid var(--rule)}
.wm-row:last-of-type{border-bottom:0}
.wm-dot{width:7px;height:7px;border-radius:50%;background:var(--c);margin-top:.42em}
.wm-tx strong{display:block;font-family:var(--f-display);font-weight:600;font-size:.94rem;letter-spacing:-.01em}
.wm-tx em{display:block;font-style:normal;font-size:.78rem;line-height:1.4;color:var(--fg-2);margin-top:2px}
.wm-more{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-family:var(--f-body);font-weight:500;font-size:0.77rem;letter-spacing:0;text-transform:none;color:var(--fg-2)}
.wm-more:hover{color:var(--fg)}
.wm-more svg{width:12px;height:12px}
@media (max-width:900px){
  .chapter.has-aside .chapter-pin{flex-direction:column;align-items:stretch;justify-content:flex-end;gap:14px;padding-top:84px}
  .chapter-aside{position:static;align-self:stretch}
  .chapter.has-aside .chapter-copy .tags{display:none}
  .who-mini{width:auto;padding:14px 16px 8px}
  .who-mini{padding:12px 16px 10px;border-radius:16px}
  .wm-head{padding-bottom:8px}
  .wm-row{padding:7px 0;grid-template-columns:14px minmax(0,1fr);gap:0}
  .wm-dot{width:6px;height:6px;margin-top:.38em}
  .wm-tx strong{font-size:.86rem}
  .wm-tx em{display:none}
  .wm-more{display:none}
}
@media (max-width:900px) and (max-height:700px){.chapter-aside{display:none}}
@media (min-width:901px){
  .chapter[data-align="left"] .chapter-aside{margin-right:5vw}
  .chapter[data-align="right"] .chapter-aside{margin-left:5vw}
}

/* ---------- « Pour qui » : liste éditoriale ---------- */
.who-list{border-top:1px solid var(--rule-2)}
.who-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:clamp(16px,2.4vw,34px);align-items:center;padding:clamp(16px,2vw,22px) 0;border-bottom:1px solid var(--rule-2)}
.who-row .who-tx{max-width:56ch}
.who-row h3{margin-bottom:4px}
.who-row .ico{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--c) 13%,transparent);color:var(--ct,var(--c))}
.who-row .ico svg{width:20px;height:20px}
.who-row h3{margin:0;font-family:var(--f-display);font-weight:600;font-size:clamp(18px,1.6vw,23px);letter-spacing:-.02em;line-height:1.15}
.who-row p{margin:0;font-size:14.5px;line-height:1.5;color:var(--fg-2)}
.who-row .ex{max-width:230px}
.who-row .ex{font-family:var(--f-body);font-weight:500;font-size:0.77rem;letter-spacing:0;text-transform:none;color:var(--muted);text-align:right;line-height:1.7}
@media (max-width:960px){
  .who-row{grid-template-columns:40px minmax(0,1fr);row-gap:6px}
  .who-row .ico{width:38px;height:38px;border-radius:11px}
  .who-row .ico svg{width:18px;height:18px}
  .who-row h3{align-self:center}
  .who-row p,.who-row .ex{grid-column:2}
  .who-row .ex{text-align:left;margin-top:2px}
}

/* ---------- Héro accueil : titre pleine largeur, centré sur mobile ---------- */
.page-home .chapter:first-child .chapter-copy{width:min(78rem,84vw)}
.page-home .chapter:first-child .hero-em{font-size:clamp(38px,5.8vw,104px)}
@media (max-width:900px){
  .page-home .chapter:first-child .chapter-pin{align-items:center;justify-content:center;text-align:center;padding:140px var(--gutter) 90px}
  .page-home .chapter:first-child .hero-em{font-size:clamp(27px,7.9vw,36px);line-height:1.2}
  .page-home .chapter:first-child .chapter-copy::before{inset:-3rem calc(-1 * var(--gutter));border-radius:0;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--bg) 84%,transparent) 0%,color-mix(in srgb,var(--bg) 52%,transparent) 60%,transparent 88%)}
  .page-home .chapter:first-child .chapter-copy .actions{align-items:center}
}

/* ---------- Pastilles de la diapo « Le point de départ » ---------- */
.depart-badges{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;pointer-events:auto}
.dbadge{display:inline-flex;align-items:center;gap:11px;padding:11px 18px 11px 12px;border-radius:var(--r-s);background:var(--card);border:1px solid var(--rule);font-weight:600;font-size:.95rem;color:var(--fg);transition:border-color .25s var(--ease)}
.dbadge:hover{border-color:var(--rule-2)}
.dbadge .ico{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent-deep);color:#fff}
.dbadge .ico svg{width:17px;height:17px}
@media (max-width:900px){
  .page-home .chapter:nth-child(2) .chapter-copy{text-align:center}
  .page-home .chapter:nth-child(2) .chapter-copy .kicker{justify-content:center}
}
@media (max-width:640px){
  .depart-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:24px}
  .dbadge{font-size:.8rem;gap:7px;padding:9px 8px;justify-content:center;border-radius:14px}
  .dbadge .ico{width:26px;height:26px;flex:0 0 auto}
  .dbadge .ico svg{width:13px;height:13px}
}

/* Accueil : pas de voile clair derrière le texte des 3 premières diapositives */
.page-home .chapter .chapter-copy::before{display:none}

/* Accueil : diapositives du récit étendues vers le milieu, titres sur moins de lignes */
@media (min-width:901px){
  .page-home .chapter:not(:first-child) .chapter-copy{width:min(58rem,64vw)}
  .page-home .chapter:not(:first-child) .chapter-copy .lead{max-width:56ch}
}
:root[data-theme="dark"] .stage::after{content:"";position:absolute;left:0;right:0;top:0;height:16vh;z-index:2;background:linear-gradient(180deg,var(--bg),transparent);pointer-events:none}

/* ---------- Charte : bouton secondaire = lien souligné ---------- */
body:not(.page-compte):not(.page-atelier):not(.page-atelier-agents) main .btn:not(.btn-primary){background:transparent;border:0;border-radius:0;padding:8px 2px;color:var(--fg);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;text-decoration-color:var(--rule-2);overflow:visible}
body:not(.page-compte):not(.page-atelier):not(.page-atelier-agents) main .btn:not(.btn-primary):hover{color:var(--accent-deep);text-decoration-color:var(--accent-deep);background:transparent}
body:not(.page-compte):not(.page-atelier):not(.page-atelier-agents) main .btn:not(.btn-primary) .fill{display:none}
main .cta .btn:not(.btn-primary){color:#fff;text-decoration-color:rgba(255,255,255,.4)}
main .cta .btn:not(.btn-primary):hover{color:var(--amber-2);text-decoration-color:var(--amber-2)}
@media (max-width:640px){main .chapter-copy .actions .btn:not(.btn-primary),main .cta .row .btn:not(.btn-primary){width:auto;align-self:center}}

/* Pastilles : pictogramme noir sur les vignettes hors Google */
.dbadge-k .ico{color:#14161B}

/* ---------- Héro accueil : certifications et programmes officiels (badges officiels, versions pour fond sombre, sans tuile) ---------- */
.certs{margin-top:26px}
.certs-label{display:block;font-family:var(--f-body);font-size:.86rem;color:var(--muted);margin-bottom:10px}
.certs-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cert{display:flex;align-items:center;justify-content:center;width:118px;height:68px;transition:opacity .25s var(--ease)}
.cert img{display:block;max-width:100%;height:auto;width:auto}
.cert-gp img{height:86px;max-width:none}
.cert img[alt^="Certification Google Ads"]{height:62px}
.cert img[alt="Apple Developer"]{height:24px}
.cert img[alt="Android Developers"]{height:50px}
a.cert:hover{opacity:.8}
@media (max-width:900px){
  .certs{margin-top:22px}
  .certs-row{justify-content:center;gap:2px 6px}
  .cert{width:150px;height:58px}
  .cert-gp img{height:84px}
  .cert img[alt^="Certification Google Ads"]{height:54px}
  .cert img[alt="Apple Developer"]{height:17px}
  .cert img[alt="Android Developers"]{height:44px}
}
@media (max-width:640px){
  .certs-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:2px 6px}
  .cert{width:100%;max-width:150px}
}

/* ---------- Héro accueil, mobile : bouton court, sans lien secondaire ni intitulé des badges ---------- */
.lbl-court{display:none}
@media (max-width:900px){
  .page-home .chapter:first-child .lbl-long{display:none}
  .page-home .chapter:first-child .lbl-court{display:inline}
  .page-home .chapter:first-child .hero-formules,
  .page-home .chapter:first-child .certs-label{display:none}
  .page-home .chapter:first-child .hero-em{line-height:1.26}
  .page-home .chapter:first-child .certs{margin-top:30px}
  .page-home .chapter:first-child .cert picture{display:contents}
  .page-home .chapter:first-child .cert img[alt="Apple Developer"]{height:50px;position:relative;top:5px}
  .page-home .chapter:first-child .cert img[alt="Android Developers"]{position:relative;top:7px}
  .page-home .chapter:first-child .cert-gp img{height:96px}
  .page-home .chapter:first-child .certs-row{row-gap:0;max-width:300px;margin-inline:auto}
  .page-home .chapter:first-child .cert:nth-child(even){justify-self:start;margin-left:-26px}
  .page-home .chapter:first-child .cert{height:56px}
}


/* ---------- CRM — back-office (crm.html) ---------- */
.page-crm main{padding-top:70px}
.page-crm .rdv-fab,.page-crm .lea-fab,.page-crm .cookie-bar{display:none!important}
.crm-login{display:grid;place-items:center;padding:clamp(24px,6vw,64px) var(--gutter);min-height:calc(100vh - 70px)}
.crm-login[hidden],.crm-app[hidden]{display:none!important}
.crm-app{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 70px);background:var(--bg)}
.crm-side{position:sticky;top:70px;align-self:start;height:calc(100vh - 70px);display:flex;flex-direction:column;gap:18px;padding:22px 16px;border-right:1px solid var(--rule);background:var(--bg-2)}
.crm-me{display:flex;align-items:center;gap:10px;padding:0 6px}
.crm-me b{display:block;font-size:.95rem}.crm-me .muted{font-size:.72rem}
.crm-nav{display:flex;flex-direction:column;gap:2px}
.crm-nav a,.crm-logout{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:var(--r-s);color:var(--fg-2);font:500 .92rem var(--f-body);text-decoration:none;border:0;background:transparent;cursor:pointer;transition:background .2s,color .2s;text-align:left}
.crm-nav a svg,.crm-logout svg,.crm-tabbar svg,.crm-ico svg,.crm-back svg,.crm-search svg,.crm-check svg,.btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.crm-nav a:hover{color:var(--fg);background:var(--bg-3)}
.crm-nav a.is-on{color:var(--fg);background:var(--card);box-shadow:var(--card-shadow)}
.crm-logout{margin-top:auto;color:var(--muted)}
.crm-main{padding:28px var(--gutter) 60px;max-width:1240px;width:100%;min-width:0}
.crm-tabbar{display:none}
.crm-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.crm-head .h-m{margin:0;font-size:clamp(24px,3vw,34px)}
.crm-head .eyebrow{display:block;margin-bottom:4px}
.crm-head-back{align-items:flex-start}
.crm-head-back>div{flex:1 1 200px;min-width:0}
.crm-back{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--rule);color:var(--fg);flex:none}
.crm-count{font-size:.5em;color:var(--muted);margin-left:6px;vertical-align:middle}
.crm-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.crm-ico{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--rule);color:var(--fg);background:var(--card)}
.btn-sm{padding:11px 18px;font-size:.86rem;gap:7px}
.btn-sm svg{width:16px;height:16px}
.page-crm .btn-ghost{background:var(--card);border:1px solid var(--rule-2);color:var(--fg)}
.crm-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.crm-search{display:flex;align-items:center;gap:8px;flex:1 1 260px;border:1px solid var(--rule-2);border-radius:999px;padding:0 14px;background:var(--card);color:var(--muted)}
.crm-search input{border:0;background:transparent;padding:12px 0;font:inherit;color:var(--fg);width:100%;min-width:0}
.crm-search input:focus{outline:none}
.crm-select{border:1px solid var(--rule-2);border-radius:999px;padding:11px 14px;background:var(--card);color:var(--fg);font:inherit;font-size:.9rem;max-width:100%}
[data-cat-add]{width:100%;max-width:380px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crm-card-head .crm-actions{flex:1 1 220px;min-width:0;justify-content:flex-end}
.crm-main,.crm-card{overflow-x:clip}
.crm-select-xs{padding:6px 10px;font-size:.78rem;border-radius:8px}
.crm-toggle{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;color:var(--fg-2);cursor:pointer}
.crm-small{font-size:.84rem}
.crm-link{border:0;background:transparent;padding:0;color:var(--fg);font:600 .86rem var(--f-body);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--rule-2);cursor:pointer}
.crm-link:hover{text-decoration-color:var(--accent)}
.crm-danger{color:#C2410C;margin-top:6px}
.crm-list{display:flex;flex-direction:column;border:1px solid var(--rule);border-radius:var(--r);background:var(--card);overflow:hidden}
.crm-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--rule);color:var(--fg);text-decoration:none;transition:background .2s;text-align:left;background:transparent;border-left:0;border-right:0;border-top:0;width:100%;font:inherit;cursor:pointer}
.crm-row:last-child{border-bottom:0}
.crm-row:hover{background:var(--bg-2)}
.crm-row-btn.is-off{opacity:.55}
.crm-row-main{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.crm-row-main b{font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis}
.crm-row-main .muted{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crm-row-side{display:flex;align-items:center;gap:10px;flex:none;font-size:.82rem}
.crm-badge{display:inline-block;padding:3px 9px;border-radius:6px;font:600 .72rem var(--f-body);letter-spacing:.02em;background:var(--bg-3);color:var(--fg-2);white-space:nowrap}
.crm-badge.is-actif,.crm-badge.is-ok{background:rgba(14,138,110,.14);color:var(--jade)}
.crm-badge.is-prospect,.crm-badge.is-info{background:rgba(47,73,217,.12);color:var(--ultra)}
.crm-badge.is-perdu,.crm-badge.is-crit{background:rgba(194,65,12,.12);color:#C2410C}
:root[data-theme="dark"] .crm-badge.is-prospect,:root[data-theme="dark"] .crm-badge.is-info{color:#8FA2FF}
:root[data-theme="dark"] .crm-badge.is-actif,:root[data-theme="dark"] .crm-badge.is-ok{color:#3FC9A5}
:root[data-theme="dark"] .crm-badge.is-perdu,:root[data-theme="dark"] .crm-badge.is-crit{color:#F0834E}
.crm-empty{padding:32px 18px;text-align:center;color:var(--muted)}
.crm-card{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:20px 22px;margin-bottom:16px}
.crm-card .crm-list{border:0;border-radius:0}
.crm-card .crm-row{padding:12px 0}
.crm-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.crm-h{font:600 .95rem var(--f-display);margin:0 0 12px;letter-spacing:-.01em}
.crm-card-head .crm-h{margin:0}
.crm-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.crm-col{min-width:0}
.crm-dl{display:grid;grid-template-columns:110px 1fr;gap:6px 14px;margin:0;font-size:.9rem}
.crm-dl dt{color:var(--muted);font-size:.8rem;padding-top:2px}.crm-dl dd{margin:0;overflow-wrap:anywhere}
.crm-dl a{color:var(--fg);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--rule-2)}
.crm-notes{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--rule);font-size:.9rem;color:var(--fg-2);white-space:pre-line}
.crm-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.crm-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}
.crm-dlg{width:min(680px,calc(100vw - 24px))}
.crm-dlg.is-wide{width:min(880px,calc(100vw - 24px))}
.crm-dlg form{padding:clamp(18px,3vw,28px)}
.crm-dlg-title{font:600 1.25rem var(--f-display);margin:0 0 16px;letter-spacing:-.01em}
.crm-dlg-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px;flex-wrap:wrap}
.crm-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}
.crm-kpis-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px}
.crm-kpi{display:flex;flex-direction:column;gap:4px;padding:16px 18px;background:var(--card);border:1px solid var(--rule);border-radius:var(--r-s);color:var(--fg);text-decoration:none;min-width:0}
.crm-kpi .muted{font-size:.76rem}
.crm-kpi b{font-size:1.35rem;font-weight:600;letter-spacing:-.01em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crm-kpi small{font-size:.74rem}
.crm-kpi.is-warn b{color:#C2410C}
.crm-todo,.crm-timeline{display:flex;flex-direction:column}
.crm-todo-row,.crm-act{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--rule)}
.crm-todo-row:last-child,.crm-act:last-child{border-bottom:0}
.crm-todo-row>div,.crm-act-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font-size:.9rem}
.crm-todo-row .muted,.crm-act-meta{font-size:.76rem;color:var(--muted)}
.crm-todo-row a,.crm-act-meta a{color:inherit}
.crm-todo-row.is-late b,.crm-dossier-next.is-late,.crm-act.is-late .crm-act-meta{color:#C2410C}
.crm-act p{margin:0;white-space:pre-line;overflow-wrap:anywhere}
.crm-act.is-done p{text-decoration:line-through;color:var(--muted)}
.crm-act-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);margin-top:7px;flex:none}
.crm-act-dot.is-appel{background:var(--ultra)}.crm-act-dot.is-email{background:var(--fram)}.crm-act-dot.is-rdv{background:var(--jade)}.crm-act-dot.is-etape,.crm-act-dot.is-facture{background:var(--amber)}
.crm-check{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--rule-2);background:transparent;color:transparent;display:grid;place-items:center;cursor:pointer;flex:none;margin-top:2px;padding:0}
.crm-check svg{width:14px;height:14px;stroke-width:2.6}
.crm-check.is-on,.crm-check:hover{background:var(--jade);border-color:var(--jade);color:#fff}
.crm-x{border:0;background:transparent;color:var(--muted);font-size:1.2rem;line-height:1;cursor:pointer;padding:2px 6px;border-radius:6px;flex:none}
.crm-x:hover{color:#C2410C;background:var(--bg-2)}
.crm-act-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;margin-bottom:14px;align-items:center}
.crm-act-form input,.crm-act-form select{border:1px solid var(--rule-2);border-radius:var(--r-s);padding:10px 12px;background:var(--bg);font:inherit;font-size:.9rem;color:var(--fg);min-width:0}
.crm-act-form .crm-select{border-radius:var(--r-s)}
.crm-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:12px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.crm-kcol{background:var(--bg-2);border:1px solid var(--rule);border-radius:var(--r);padding:12px;scroll-snap-align:start;min-height:200px;transition:border-color .2s}
.crm-kcol.is-over{border-color:var(--accent)}
.crm-kcol-h{font:600 .82rem var(--f-body);margin:0 4px 10px;color:var(--fg-2);display:flex;justify-content:space-between;gap:8px}
.crm-kcol-body{display:flex;flex-direction:column;gap:8px}
.crm-dossier{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-s);padding:12px 13px;display:flex;flex-direction:column;gap:6px;font-size:.86rem;cursor:grab}
.crm-dossier.is-drag{opacity:.5}
.crm-dossier-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.crm-dossier-top b{font-weight:600;font-size:.92rem;line-height:1.3}
.crm-dossier-client{color:var(--muted);text-decoration:none;font-size:.8rem}
.crm-dossier-client:hover{color:var(--fg)}
.crm-dossier-meta{display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--fg-2);font-size:.8rem}
.crm-dossier-next{font-size:.8rem;color:var(--fg-2)}
.crm-dossier-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:4px}
.crm-card .crm-dossier{margin-bottom:8px;cursor:default}
.at-avatar-xs{width:24px;height:24px;font-size:.62rem;flex:none}
/* factures : édition */
.crm-fact .crm-line{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-bottom:1px solid var(--rule)}
.crm-line-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px}
.crm-line-main input,.crm-line-nums input,.crm-totals input{border:1px solid var(--rule-2);border-radius:var(--r-s);padding:10px 12px;background:var(--bg);font:inherit;font-size:.9rem;color:var(--fg);width:100%;min-width:0}
.crm-line-nums{display:grid;grid-template-columns:90px 130px 90px minmax(0,1fr) auto;gap:8px;align-items:end}
.crm-line-nums label{display:flex;flex-direction:column;gap:3px;font:600 0.79rem var(--f-body);letter-spacing:0;text-transform:none;color:var(--muted)}
.crm-line-nums .num{font:inherit;letter-spacing:0;text-transform:none}
.crm-line-total{text-align:right;font-weight:600;padding-bottom:12px;color:var(--fg)}
.crm-totals{margin:16px 0 0 auto;max-width:360px;display:flex;flex-direction:column;gap:8px}
.crm-totals>div{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:.92rem}
.crm-totals>div span{color:var(--muted)}
.crm-totals input{width:140px;text-align:right}
.crm-totals .is-ttc{border-top:1px solid var(--rule-2);padding-top:10px;font-size:1.05rem}
.crm-totals .is-ttc b{font-size:1.25rem}
.crm-fact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.crm-fact-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.crm-preview{max-width:794px;border:1px solid var(--rule);border-radius:var(--r-s);overflow:hidden;background:#0C0D10;margin-bottom:10px}
.crm-preview-scale{width:794px;transform-origin:top left}
.crm-preview-in{width:794px}
.crm-preview-dlg{margin:0 0 14px}
.crm-pdf-host{position:fixed;left:-20000px;top:0;width:794px;pointer-events:none}
.crm-pdf-host .inv{box-shadow:none}
/* ---- Facture Pro-Active (noir mat) : couleurs fixes, indépendantes du thème ---- */
.inv{width:794px;height:1123px;box-sizing:border-box;background:#121212;color:#fff;font-family:var(--f-body);padding:52px 56px 44px;display:flex;flex-direction:column;position:relative;overflow:hidden;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:left;line-height:1.35}
.inv *{box-sizing:border-box}
.inv-bar{position:absolute;top:0;left:0;width:100%;height:6px;background:#E39A2E}
.inv-head{display:flex;justify-content:space-between;align-items:flex-start}
.inv-logo{display:flex;align-items:center;gap:14px}
.inv-word{display:flex;align-items:center;gap:10px;font:700 30px/1 var(--f-display);letter-spacing:-.5px}
.inv-word i{display:inline-block;width:3px;height:30px;background:#E39A2E}
.inv-title{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.inv-t1{font:700 42px/1 var(--f-display);letter-spacing:4px;text-transform:uppercase}
.inv-t2{font:600 15px var(--f-mono);color:#E39A2E;letter-spacing:1px}
.inv-lbl{display:block;font:600 10px var(--f-body);letter-spacing:1.5px;text-transform:uppercase;color:#9A9A9A;margin-bottom:6px}
.inv-meta{display:flex;gap:40px;margin-top:38px;padding:18px 0;border-top:1px solid #2A2A2A;border-bottom:1px solid #2A2A2A}
.inv-meta>div{display:flex;flex-direction:column;gap:4px}
.inv-meta span{font:600 10px var(--f-body);letter-spacing:1.5px;text-transform:uppercase;color:#9A9A9A}
.inv-meta b{font:600 14px var(--f-mono)}
.inv-right{margin-left:auto;align-items:flex-end;text-align:right}
.inv-parties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:26px}
.inv-parties .inv-lbl{color:#E39A2E}
.inv-parties b{display:block;font-size:15px;font-weight:700;margin-bottom:6px}
.inv-parties p{margin:0 0 6px;font-size:12px;line-height:1.55;color:#C9C9C9}
.inv-parties p.inv-mute{font-size:11px;color:#9A9A9A}
.inv-box{background:#1A1A1A;border:1px solid #262626;border-radius:6px;padding:18px 20px}
.inv-objet{margin-top:18px;font-size:13px}.inv-objet b{font-weight:600}
.inv-table{margin-top:24px;display:flex;flex-direction:column}
.inv-row{display:grid;grid-template-columns:28px 1fr 50px 96px 56px 108px;gap:12px;padding:12px 0;border-bottom:1px solid #2A2A2A;font-size:12.5px;align-items:start;page-break-inside:avoid}
.inv-th{padding:10px 0;border-bottom:2px solid #E39A2E;font:600 10px var(--f-body);letter-spacing:1.5px;text-transform:uppercase;color:#9A9A9A}
.inv-n{color:#E39A2E;font:700 12px var(--f-mono)}
.inv-d{font-weight:600}.inv-dd{font-size:11px;color:#9A9A9A;margin-top:3px}
.inv-r{text-align:right;font-family:var(--f-mono);font-size:12px;white-space:nowrap}
.inv-th .inv-r{font-family:var(--f-body);font-size:10px}
.inv-mute{color:#9A9A9A}.inv-b{font-weight:600}.inv-amber{color:#E39A2E}
.inv-bottom{display:grid;grid-template-columns:1fr 290px;gap:36px;margin-top:26px;align-items:start}
.inv-cond-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;font-size:11px;line-height:1.5}
.inv-cond-grid div{display:flex;flex-direction:column;gap:2px}
.inv-cond-grid span{color:#9A9A9A}.inv-cond-grid b{font-weight:500}
.inv-small{font-size:11px;color:#C9C9C9;line-height:1.5;margin:0}
.inv-sign{margin-top:14px;height:70px;border:1px dashed #3A3A3A;border-radius:6px}
.inv-totals{background:#1A1A1A;border:1px solid #262626;border-radius:6px;overflow:hidden}
.inv-totals>div{display:flex;justify-content:space-between;align-items:center;padding:11px 18px;font-size:12px;border-bottom:1px solid #262626}
.inv-totals>div span{color:#9A9A9A}.inv-totals>div b{font:500 12px var(--f-mono)}
.inv-totals .inv-ttc{background:#E39A2E;color:#121212;padding:16px 18px;border-bottom:0}
.inv-totals .inv-ttc span{color:#121212;font:700 11px var(--f-body);letter-spacing:1.5px;text-transform:uppercase}
.inv-totals .inv-ttc b{font:700 22px var(--f-mono);letter-spacing:-.5px}
.inv-foot{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding-top:20px}
.inv-rib{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:20px;padding:14px 20px;border:1px solid #2A2A2A;border-radius:6px}
.inv-rib>div{display:flex;flex-direction:column;gap:3px}
.inv-rib span{font:600 10px var(--f-body);letter-spacing:1.5px;text-transform:uppercase;color:#9A9A9A}
.inv-rib b{font:600 12px var(--f-mono);white-space:nowrap}
.inv-mention{margin:0;font-size:10.5px;color:#9A9A9A;line-height:1.5}
.inv-legal{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#9A9A9A}
.inv-legal .inv-amber{font-weight:600;white-space:nowrap}
@media (max-width:1023px){
  .crm-app{grid-template-columns:1fr}
  .crm-side{display:none}
  .crm-main{padding:18px var(--gutter) 96px}
  .crm-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--rule);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .crm-tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;color:var(--muted);text-decoration:none;font:600 .64rem var(--f-body);border-radius:10px;min-height:44px;justify-content:center}
  .crm-tabbar a.is-on{color:var(--fg)}
  .crm-tabbar a.is-on svg{stroke:var(--accent)}
  .crm-cols{grid-template-columns:1fr}
  .crm-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .crm-kpis .crm-kpi:last-child{grid-column:1/-1}
  .crm-kpi{padding:13px 14px}.crm-kpi b{font-size:1.15rem}
  .crm-act-form{grid-template-columns:1fr 1fr}
  .crm-act-form input[name=contenu]{grid-column:1/-1}
  .crm-line-nums{grid-template-columns:1fr 1.3fr 1fr}
  .crm-line-total{grid-column:1/3;text-align:left;padding:0}
  .crm-line-nums .crm-x{justify-self:end}
  .crm-line-main{grid-template-columns:1fr}
  .crm-totals{max-width:none}
  .crm-grid3{grid-template-columns:1fr}
  .crm-row{padding:13px 14px}
  .crm-row-side{flex-direction:column;align-items:flex-end;gap:4px}
  .crm-head .btn span:not(.fill){display:inline}
  .crm-dl{grid-template-columns:90px 1fr}
  .page-crm .pa-toast{bottom:92px}
  .page-crm input,.page-crm select,.page-crm textarea{font-size:16px}
  .crm-card-head .crm-actions{justify-content:flex-start}
  [data-cat-add]{max-width:100%}
}
@media (max-width:560px){
  .crm-grid2{grid-template-columns:1fr}
  .crm-kanban{grid-auto-columns:86%}
  .crm-head{gap:10px}
  .crm-head .h-m{font-size:24px}
  .crm-dlg form{padding:16px}
}

/* ===== 02/11/2026 : Espace équipe, volet Floyd, onglet Ventes (CRM intégré) ===== */
.at-work[hidden]{display:none!important}
.at-floyd{margin-top:clamp(12px,1.6vw,22px);background:var(--bg-2);border:1px solid var(--rule);border-radius:var(--r);transition:background .25s,border-color .25s,box-shadow .25s}
.at-floyd.is-over{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.at-floyd>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-radius:var(--r);user-select:none}
.at-floyd>summary::-webkit-details-marker{display:none}
.at-floyd>summary:hover{background:color-mix(in srgb,var(--card) 60%,transparent)}
.at-floyd>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.at-floyd-who b{display:block;font-family:var(--f-display);font-size:1.05rem}
.at-floyd-who .muted{font-family:var(--f-body);font-size:0.77rem;letter-spacing:0;text-transform:none}
.at-floyd-role{margin-left:auto;font-size:.84rem}
.at-floyd-chev{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--rule-2);color:var(--fg-2);flex:none;transition:transform .3s var(--ease),border-color .2s}
.at-floyd-chev svg{width:15px;height:15px}
.at-floyd[open] .at-floyd-chev{transform:rotate(180deg)}
.at-floyd>summary:hover .at-floyd-chev{border-color:var(--fg);color:var(--fg)}
.at-floyd-body{padding:2px 14px 14px}
.at-floyd-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;min-height:64px}
.at-floyd .at-empty{margin:4px 6px 4px}
@media (max-width:640px){.at-floyd-role{display:none}.at-floyd-chev{margin-left:auto}.at-floyd-list{grid-template-columns:1fr}}
/* onglet Ventes : le CRM dans le tableau de bord */
.at-ventes-frame{display:block;width:100%;height:calc(100vh - 230px);min-height:640px;border:1px solid var(--rule);border-radius:var(--r);background:var(--bg);box-shadow:var(--card-shadow)}
@media (max-width:700px){.at-ventes-frame{height:calc(100vh - 170px);min-height:560px}}
/* CRM ouvert en mode intégré (crm.html?embed=1) : sans en-tête ni pied de page */
html.is-embed .header,html.is-embed .footer,html.is-embed .rdv-fab,html.is-embed .lea-fab,html.is-embed .cookie-bar{display:none!important}
html.is-embed .page-crm main,html.is-embed main{padding-top:12px!important}
html.is-embed body{background:var(--bg)}
.at-floyd-list:empty{min-height:0}
.at-floyd .at-empty{padding:6px 0 4px}
/* dans l'espace équipe, les boutons flottants du site (Léa, Rendez-vous) cachaient les colonnes */
.page-atelier .rdv-fab,.page-atelier .lea-fab{display:none!important}

/* ===== 02/11/2026 : Espace équipe, onglets Organisation, Délais, Agenda ===== */
dialog.is-wide{width:min(680px,calc(100vw - 32px))}
.at-badge-s{width:20px;height:20px;font-size:.6rem;box-shadow:none}
.at-due{display:inline-flex;align-items:center;gap:4px;font-family:var(--f-mono);font-size:.62rem;letter-spacing:.02em;color:var(--fg-2);white-space:nowrap}
.at-due.is-soon{color:var(--accent-deep)}
.at-due.is-late{color:#C2410C;font-weight:600}
:root[data-theme="dark"] .at-due.is-late{color:#F0834E}
.at-due.is-none{color:var(--muted)}
.at-due-p{padding:3px 8px;border-radius:999px;background:var(--bg);flex:none}
.at-card .at-due{font-size:.6rem}
.at-seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--rule);border-radius:999px;background:var(--bg-2);flex:none}
.at-seg button{border:0;background:transparent;color:var(--fg-2);font:600 .82rem var(--f-body);padding:7px 13px;border-radius:999px;cursor:pointer}
.at-seg button.is-on{background:var(--card);color:var(--fg);box-shadow:var(--card-shadow)}
.at-h3{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-family:var(--f-display);font-size:1.15rem;font-weight:600;letter-spacing:-.01em;margin:30px 0 12px}
.at-h3 .muted{font-family:var(--f-body);font-size:.84rem;font-weight:400;letter-spacing:0}
.at-check-l{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:.86rem;color:var(--fg-2);cursor:pointer}
/* fiche projet : jalons */
.at-jalons{display:flex;flex-direction:column;gap:6px}
.at-jrow{display:grid;grid-template-columns:22px minmax(0,1fr) 140px 100px 30px;gap:6px;align-items:center}
.at-jrow input,.at-jrow select{padding:8px 10px!important;font-size:.88rem!important}
.at-jrow .at-jfait{width:18px;height:18px;padding:0!important;accent-color:var(--jade)}
.at-jdel{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:1.2rem;cursor:pointer}.at-jdel:hover{background:var(--bg-2);color:#C2410C}
.at-jadd{align-self:flex-start;border:1px dashed var(--rule-2);background:transparent;color:var(--fg-2);border-radius:999px;padding:7px 14px;font:inherit;font-size:.86rem;cursor:pointer;margin-top:4px}.at-jadd:hover{border-color:var(--fg);color:var(--fg)}
@media (max-width:600px){.at-jrow{grid-template-columns:22px minmax(0,1fr) 30px;grid-template-areas:"c t d" ". date qui"}.at-jrow .at-jfait{grid-area:c}.at-jrow .at-jtitre{grid-area:t}.at-jrow .at-jdel{grid-area:d}.at-jrow .at-jdate{grid-area:date}.at-jrow .at-jqui{grid-area:qui;grid-column:2/4}.at-jrow{grid-template-areas:"c t d" ". date date" ". qui qui"}}
/* lancer un projet : aperçu */
.at-apercu{background:var(--bg-2);border:1px solid var(--rule);border-radius:var(--r-s);padding:14px 16px;margin:4px 0 12px}
.at-apercu-t{margin:0 0 10px;font-size:.9rem}
.at-apercu-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.at-apercu-l li{display:grid;grid-template-columns:62px 1fr auto;gap:10px;align-items:center;font-size:.88rem}
.at-apercu-l .mono{font-size:.68rem;color:var(--fg-2)}
.at-apercu-n{margin:10px 0 0;font-size:.8rem}
/* organisation : équipe */
.at-equipe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.at-mcard{background:var(--card);border:1px solid var(--rule);border-top:3px solid var(--c);border-radius:var(--r);padding:16px;box-shadow:var(--card-shadow);min-width:0}
.at-mcard header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.at-mcard header b{display:block;font-family:var(--f-display);font-size:1.05rem}.at-mcard header .muted{font-size:.8rem}
.at-mstats{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.82rem;color:var(--fg-2);padding-bottom:12px;border-bottom:1px solid var(--rule)}
.at-mstats b{font-size:.95rem;color:var(--fg);margin-right:3px}
.at-mstats .is-late,.at-mstats .is-late b{color:#C2410C}
.at-mlist{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.at-mlist li[data-tid]{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:10px;cursor:pointer}
.at-mlist li[data-tid]:hover{background:var(--bg-2)}
.at-mdot{width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}
.at-mt{flex:1;min-width:0;font-size:.88rem;line-height:1.3;overflow-wrap:anywhere}.at-mt small{display:block;font-size:.74rem;color:var(--muted)}
.at-mvide{padding:6px;font-size:.86rem}
/* organisation : projets par étape */
.at-pipe{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.at-pcol{background:var(--bg-2);border:1px solid var(--rule);border-radius:var(--r);padding:12px;min-width:0}
.at-pcol header{display:flex;align-items:center;justify-content:space-between;padding:2px 4px}
.at-pcol header b{font-family:var(--f-display);font-size:1rem}
.at-pcol>p{margin:2px 4px 12px;font-size:.78rem;line-height:1.35}
.at-pcol-list{display:flex;flex-direction:column;gap:8px}
.at-pvide{margin:6px 4px;font-size:.82rem;color:var(--muted)}
.at-pcard{display:flex;flex-direction:column;gap:5px;background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--c);border-radius:var(--r-s);padding:10px 10px 8px 12px;box-shadow:var(--card-shadow);cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s}
.at-pcard:hover{transform:translateY(-2px)}
.at-pcard.is-paused{opacity:.65}
.at-pcard-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.at-pcard-top b{font-family:var(--f-display);font-size:.95rem;line-height:1.25;overflow-wrap:anywhere}
.at-pcard-client{font-size:.8rem;color:var(--fg-2)}
.at-pcard-next{font-size:.78rem;color:var(--fg-2);line-height:1.35}
.at-pcard-foot{display:flex;align-items:center;gap:6px;margin-top:4px}
.at-pcard-foot .mono{font-size:.6rem}.at-pcard-foot .sp{flex:1}
.at-pmove{width:26px;height:26px;border-radius:50%;border:1px solid var(--rule-2);background:transparent;color:var(--fg-2);cursor:pointer;font-size:1rem;line-height:1;display:grid;place-items:center}
.at-pmove:hover:not(:disabled){border-color:var(--fg);color:var(--fg)}.at-pmove:disabled{opacity:.3;cursor:default}
/* organisation : qui fait quoi */
.at-roles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.at-roles li{display:flex;gap:10px;background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:14px}
.at-role-n{font-size:.7rem;color:var(--accent-deep);padding-top:3px}
.at-roles b{font-family:var(--f-display);font-size:1rem}
.at-roles p{margin:6px 0 0;font-size:.84rem;line-height:1.45;color:var(--fg-2)}
.at-role-out{padding-top:8px;border-top:1px solid var(--rule)}.at-role-out span{color:var(--fg);font-weight:600}
@media (max-width:1100px){.at-roles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.at-equipe{grid-template-columns:1fr}.at-pipe{grid-template-columns:repeat(5,minmax(240px,82vw));scroll-snap-type:x mandatory}.at-pcol{scroll-snap-align:start}}
@media (max-width:560px){.at-roles{grid-template-columns:1fr}}
/* délais : à surveiller */
.at-watch{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:14px 16px;box-shadow:var(--card-shadow);margin-bottom:16px}
.at-watch header{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px}.at-watch header b{font-family:var(--f-display);font-size:1.05rem}.at-watch header .muted{font-size:.82rem}
.at-watch ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.at-watch li{display:grid;grid-template-columns:62px minmax(0,1fr) 24px 64px 120px;gap:10px;align-items:center;padding:8px 6px;border-top:1px solid var(--rule);cursor:pointer;border-radius:8px}
.at-watch li:first-child{border-top:0}.at-watch li:hover{background:var(--bg-2)}
.at-wtype{font-size:.8rem;font-weight:600;color:var(--fg-2)}
.at-wt{min-width:0}.at-wt b{display:block;font-weight:500;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.at-wt small{display:block;font-size:.76rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at-wd{font-size:.7rem;color:var(--fg-2)}
.at-wn{font-size:.82rem;text-align:right;color:var(--fg-2)}
.at-watch li.is-late .at-wn{color:#C2410C;font-weight:600}.at-watch li.is-soon .at-wn{color:var(--accent-deep);font-weight:600}
.at-wvide{margin:4px 0 2px;font-size:.88rem}
@media (max-width:640px){.at-watch li{grid-template-columns:minmax(0,1fr) 24px auto;grid-template-areas:"t q n" "y d n"}.at-wtype{grid-area:y}.at-wt{grid-area:t}.at-watch li .at-badge{grid-area:q}.at-wd{grid-area:d}.at-wn{grid-area:n}}
/* délais : frise */
.at-gantt{position:relative;overflow-x:auto;border:1px solid var(--rule);border-radius:var(--r);background:var(--card);box-shadow:var(--card-shadow);--name:250px}
.at-ghead,.at-grow{display:flex;min-width:max-content}
.at-gname{position:sticky;left:0;z-index:3;flex:0 0 var(--name);width:var(--name);background:var(--card);border-right:1px solid var(--rule);padding:10px 12px 10px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;cursor:pointer}
.at-gname b{font-family:var(--f-display);font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at-gname>span:not(.at-badge){grid-row:2;font-size:.74rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at-gname .at-badge{grid-row:1/3;grid-column:2}
.at-grow .at-gname{box-shadow:inset 4px 0 0 var(--c)}
.at-gcorner{cursor:default;font-size:.84rem;font-weight:600;color:var(--fg-2);display:flex;align-items:flex-end}
.at-ghead{position:sticky;top:0;z-index:4;background:var(--card);border-bottom:1px solid var(--rule)}
.at-gscale{position:relative;height:50px}
.at-gmonths,.at-gweeks{position:relative;height:25px}
.at-gmonths span{position:absolute;top:6px;padding-left:6px;font-size:.78rem;font-weight:600;text-transform:capitalize;white-space:nowrap;border-left:1px solid var(--rule-2);height:19px}
.at-gweeks span{position:absolute;top:0;height:25px;padding:5px 0 0 6px;font-family:var(--f-mono);font-size:.6rem;color:var(--muted);border-left:1px solid var(--rule);white-space:nowrap;overflow:hidden}
.at-gbody{position:relative}
.at-grow{border-bottom:1px solid var(--rule)}.at-grow:last-of-type{border-bottom:0}
.at-gtrack{position:relative;height:58px;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--dw) * 7 - 1px),var(--rule) calc(var(--dw) * 7 - 1px),var(--rule) calc(var(--dw) * 7))}
.at-gbar{position:absolute;top:17px;height:24px;border-radius:999px;background:color-mix(in srgb,var(--c) 22%,transparent);border:1.5px solid var(--c);cursor:pointer;overflow:hidden;display:flex;align-items:center}
.at-gbar span{padding:0 10px;font-size:.7rem;font-weight:600;color:var(--fg);white-space:nowrap}
.at-gbar.is-late{border-color:#C2410C;border-style:dashed}
.at-gbar.is-paused{opacity:.5}
.at-gj{position:absolute;top:21px;width:16px;height:16px;margin-left:-8px;border:0;padding:0;background:transparent;cursor:pointer;z-index:2}
.at-gj i{display:block;width:12px;height:12px;margin:2px;transform:rotate(45deg);background:var(--card);border:2px solid var(--c);border-radius:2px}
.at-gj.is-fait i{background:var(--c)}
.at-gj.is-late i{border-color:#C2410C}
.at-gj span{position:absolute;top:-17px;left:50%;transform:translateX(-50%);font-size:.66rem;white-space:nowrap;color:var(--fg-2);pointer-events:none;opacity:0;transition:opacity .2s}
.at-gj:hover span,.at-gj:focus-visible span{opacity:1}
.at-gt{position:absolute;top:44px;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;border:0;padding:0;background:var(--c);cursor:pointer;z-index:2}
.at-gt.is-fait{opacity:.35}.at-gt.is-late{box-shadow:0 0 0 2px var(--card),0 0 0 3.5px #C2410C}
.at-gtoday{position:absolute;top:0;bottom:0;width:2px;margin-left:calc(var(--name) - 1px);background:var(--accent);z-index:1;pointer-events:none}
.at-gtoday::before{content:"";position:absolute;top:-4px;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.at-sans{display:flex;flex-direction:column;gap:6px;margin-top:16px;padding:14px 16px;border:1px dashed var(--rule-2);border-radius:var(--r)}
.at-sans>b{font-family:var(--f-display)}.at-sans>.muted{font-size:.84rem}
.at-sans>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.at-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--rule-2);border-left:4px solid var(--c);background:var(--card);color:var(--fg);border-radius:10px;padding:7px 12px;font:inherit;font-size:.86rem;cursor:pointer}
.at-chip span{color:var(--accent-deep);font-weight:600;font-size:.8rem}
@media (max-width:640px){.at-gantt{--name:150px}.at-gname>span:not(.at-badge){display:none}.at-gname{grid-template-rows:auto}.at-gname .at-badge{grid-row:1}}
/* agenda */
.at-ag-actions{display:flex;gap:8px;flex-wrap:wrap}
.at-ag-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.at-ag-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.at-ag-btn{min-width:38px;height:38px;border:1px solid var(--rule-2);background:var(--card);color:var(--fg);border-radius:999px;cursor:pointer;font:600 .86rem var(--f-body);padding:0 12px}
.at-ag-btn:hover{border-color:var(--fg)}
.at-ag-titre{font-family:var(--f-display);font-size:1.05rem;margin-left:8px;text-transform:capitalize}
.at-ag-filtres{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.at-fchip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--rule-2);border-radius:999px;padding:6px 12px 6px 9px;font-size:.84rem;cursor:pointer;background:var(--card)}
.at-fchip input{position:absolute;opacity:0;width:0;height:0}
.at-fchip i{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px var(--card),0 0 0 3px var(--c)}
.at-fchip:has(input:not(:checked)){opacity:.45}.at-fchip:has(input:not(:checked)) i{background:transparent}
.at-fchip-ech i{border-radius:2px;transform:rotate(45deg);background:transparent;border:2px dashed var(--accent-deep);box-shadow:none;width:9px;height:9px}
.at-ag-zone{min-height:220px}
.at-ag-load{padding:30px 0;text-align:center}
.at-ev{display:flex;align-items:baseline;gap:8px;width:100%;text-align:left;border:0;border-left:3px solid var(--c);background:color-mix(in srgb,var(--c) 12%,var(--card));color:var(--fg);border-radius:8px;padding:6px 9px;font:inherit;font-size:.86rem;cursor:pointer;margin-top:4px}
.at-ev:hover{background:color-mix(in srgb,var(--c) 22%,var(--card))}
.at-ev-h{font-size:.66rem;color:var(--fg-2);flex:none}
.at-ev-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at-ev.is-jour{background:var(--c);color:#fff}.at-ev.is-jour .at-ev-h{display:none}
.at-ech{display:block;width:100%;text-align:left;border:1.5px dashed var(--accent-deep);background:var(--accent-soft);color:var(--fg);border-radius:8px;padding:5px 9px;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at-ag-jour{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-s);padding:12px 14px;margin-bottom:10px}
.at-ag-jour header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.at-ag-jour header b{font-family:var(--f-display);text-transform:capitalize}
.at-ag-jour.is-today{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.at-ag-tag{font-size:.72rem;font-weight:600;color:var(--accent-deep)}
.at-ag-jour .at-ev{padding:9px 11px;font-size:.92rem}.at-ag-jour .at-ev-h{font-size:.72rem;min-width:44px}
/* agenda : mois */
.at-ag-mois{border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;background:var(--card)}
.at-ag-mhead,.at-ag-mgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.at-ag-mhead span{padding:8px 10px;font-size:.74rem;font-weight:600;color:var(--fg-2);border-bottom:1px solid var(--rule)}
.at-ag-case{min-height:112px;padding:6px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);min-width:0}
.at-ag-case:nth-child(7n){border-right:0}
.at-ag-case.is-hors{background:var(--bg-2)}.at-ag-case.is-hors .at-ag-num{opacity:.45}
.at-ag-num{font-size:.7rem;display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:50%}
.at-ag-case.is-today .at-ag-num{background:var(--accent);color:var(--accent-fg)}
.at-ag-case .at-ev,.at-ag-case .at-ech{font-size:.74rem;padding:3px 6px;margin-top:3px}.at-ag-case .at-ev-h{font-size:.58rem}
.at-ag-plus{border:0;background:transparent;color:var(--fg-2);font:600 .74rem var(--f-body);cursor:pointer;padding:3px 6px}
/* agenda : semaine */
.at-ag-sem{border:1px solid var(--rule);border-radius:var(--r);background:var(--card);overflow-x:auto}
.at-ag-shead,.at-ag-sjour,.at-ag-sgrid{display:grid;grid-template-columns:58px repeat(7,minmax(96px,1fr));min-width:730px}
.at-ag-shead span{padding:8px;text-align:center;border-bottom:1px solid var(--rule)}
.at-ag-shead small{display:block;font-size:.72rem;color:var(--fg-2);text-transform:capitalize}.at-ag-shead b{font-family:var(--f-display);font-size:1.1rem}
.at-ag-shead .is-today b{color:var(--accent-deep)}
.at-ag-sjour{border-bottom:1px solid var(--rule)}
.at-ag-sjour>span{font-size:.66rem;padding:8px 6px;text-align:right}
.at-ag-sjour>div{padding:2px 4px 6px;border-left:1px solid var(--rule);min-width:0}
.at-ag-sjour .at-ev,.at-ag-sjour .at-ech{font-size:.72rem;padding:3px 6px}
.at-ag-sgrid{position:relative}
.at-ag-heures{position:relative}
.at-ag-heures span{position:absolute;right:8px;transform:translateY(-6px);font-family:var(--f-mono);font-size:.6rem;color:var(--muted)}
.at-ag-heures span:first-child{transform:none}
.at-ag-scol{position:relative;border-left:1px solid var(--rule);background-image:repeating-linear-gradient(180deg,var(--rule) 0,var(--rule) 1px,transparent 1px,transparent 46px)}
.at-ag-scol.is-today{background-color:color-mix(in srgb,var(--accent) 5%,transparent)}
.at-wev{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:1px;overflow:hidden;text-align:left;border:0;border-left:3px solid var(--c);background:color-mix(in srgb,var(--c) 16%,var(--card));color:var(--fg);border-radius:7px;padding:3px 6px;font:inherit;cursor:pointer;z-index:1}
.at-wev:hover{z-index:2;box-shadow:var(--card-shadow)}
.at-wev .mono{font-size:.58rem;color:var(--fg-2)}.at-wev b{font-size:.74rem;font-weight:600;line-height:1.2}
.at-ag-now{position:absolute;left:0;right:0;height:2px;background:#C2410C;z-index:3}.at-ag-now::before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:#C2410C}
/* fiche événement */
.at-ev-quand{margin:-6px 0 12px;font-size:.95rem;text-transform:none}
.at-ev-l{display:flex;gap:10px;margin:0 0 8px;font-size:.9rem;overflow-wrap:anywhere}.at-ev-l span{flex:none;width:44px;font-size:.78rem;font-weight:600;color:var(--fg-2)}
.at-ev-l a{color:var(--accent-deep);text-decoration:underline}
.at-ev-d{background:var(--bg-2);border-radius:10px;padding:10px 12px;font-size:.86rem;line-height:1.5;max-height:240px;overflow:auto;overflow-wrap:anywhere}
@media (max-width:700px){.at-ag-case{min-height:72px;padding:3px}.at-ag-case .at-ev .at-ev-t,.at-ag-case .at-ech{font-size:.62rem}.at-ag-case .at-ev-h{display:none}.at-ag-mhead span{padding:6px 4px;font-size:.66rem}}
.at-vue-head>.at-seg,.at-vue-head>.at-ag-actions{flex:none}
.at-mstats b.mono,.at-due{text-transform:none}
.at-due.is-none{font-family:var(--f-body);font-size:.76rem}
.at-ag-titre{text-transform:none}
.at-wev b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#at-vue-orga .mono,#at-vue-delais .mono,#at-vue-agenda .mono,.at-apercu .mono{letter-spacing:.02em;text-transform:none}
.at-gname>span:not(.at-badge){grid-row:2}
.at-gname>.at-badge{color:#fff;font-size:.6rem;overflow:visible}
.at-assign label{font-family:var(--f-body);font-size:.88rem;letter-spacing:0;text-transform:none;color:var(--fg)}
.at-ag-jour header b{text-transform:none}
.at-wd{white-space:nowrap}
@media (max-width:640px){
  .at-watch li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t n" "y d";row-gap:2px}
  .at-watch li .at-badge{display:none}
  .at-wn{white-space:nowrap}
}
.at-login-card .pa-err:not(:empty){background:rgba(194,65,12,.12);border:1px solid rgba(194,65,12,.35);border-radius:10px;padding:10px 12px;font-weight:600}
html.is-embed .crm-side{top:0;height:100vh}
.at-login-card .pa-err.is-ok:not(:empty){background:rgba(14,138,110,.1);border-color:rgba(14,138,110,.35);color:var(--jade)}

/* =====================================================================
   05/11/2026 · GARDE-FOU ANTI-IA (règles de César, voir DIRECTION-ARTISTIQUE.md §8)
   Plus de pilules hors bouton principal, plus de barres de couleur sur le côté des cartes,
   plus de halo, plus d'icônes dans des pastilles, plus d'animations en boucle.
   ===================================================================== */
/* Boutons : la pilule reste réservée au bouton principal (ambre) et au bouton encre de l'en-tête */
.btn{border-radius:var(--r-s)}
.btn-primary,.btn-ink{border-radius:999px}
.btn-primary{box-shadow:none}
.btn .fill{display:none}
.btn:hover{color:var(--fg);border-color:var(--fg)}
.btn-primary:hover{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}
.btn-ink:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.btn-danger:hover{color:#C2410C;border-color:#C2410C}
/* Sur le site public, un bouton secondaire devient un lien souligné */
body:not(.page-atelier):not(.page-crm) .btn:not(.btn-primary):not(.btn-ink):not(.btn-danger){border-color:transparent;background:none;padding-left:0;padding-right:0;border-radius:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
body:not(.page-atelier):not(.page-crm) .btn:not(.btn-primary):not(.btn-ink):not(.btn-danger):hover{color:var(--accent-deep);border-color:transparent;background:none}
.nav a{border-radius:0}
.nav a.is-active{background:none;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
/* Étiquettes et badges : du texte, pas des bulles */
.plan .badge,.offre .badge{background:none;color:var(--accent-deep);padding:0;border-radius:0;font-size:.84rem;font-weight:600}
.offre.is-featured .badge{color:var(--amber-2)}
.offre-setup,.offre.is-featured .offre-setup{padding:0;border:0;border-radius:0;background:none}
.trust .item .ck{width:auto;height:auto;background:none;border-radius:0}
.choices span{border-radius:var(--r-s)}
.filters button{border:0;border-bottom:1px solid transparent;border-radius:0;background:none;padding:8px 2px;margin-right:14px}
.filters button.is-active,.filters button:hover{background:none;color:var(--fg);border-bottom-color:var(--fg)}
.lp-hero .tags{gap:4px 0}
.lp-hero .tags li{padding:0;border:0;border-radius:0;background:none;color:var(--fg-2);font-size:.88rem}
.lp-hero .tags li+li::before{content:"·";margin:0 8px;color:var(--muted)}
.aud-etapes li,.aud-chip,.aud-etat,.aud-piege{border-radius:var(--r-s)}
.pill{border-radius:6px}
.lea-chips button,.lea-foot input{border-radius:var(--r-s)}
.dbadge .ico{width:auto;height:auto;background:none;border-radius:0;color:var(--accent-deep)}
.dbadge-k .ico{color:var(--accent-deep)}
/* Mise en avant : un filet net, sans halo */
.offre.is-featured,.plan.is-featured{box-shadow:var(--card-shadow)}
/* Plus de barre colorée sur le côté : filet fin sur les quatre côtés */
.aud-opp,.lea-card,.price-fondateur{border-left:1px solid var(--rule)}
.lea-card{border:0}
.price-fondateur{background:none;padding:0;border:0}
/* Plus d'animation en boucle : les barres de Léa ne bougent que quand elle parle */
.lea-orb i{animation:none}
.lea-fab.is-open .lea-orb i,.lea-panel.is-voice .lea-orb i{animation:leaBars 1.4s ease-in-out infinite}
.stage-badge,.ticker{display:none}
/* Espace équipe et CRM : la couleur du projet passe dans une pastille, plus dans une bordure */
.at-project,.at-card,.at-pcard,.at-chip,.at-lead,.at-agent{border-left-width:1px;border-left-color:var(--rule)}
.at-mcard{border-top:1px solid var(--rule)}
.at-grow .at-gname{box-shadow:none}
.at-project-head>*{order:2}.at-project-head>.at-fold{order:0}
.at-project-head::before{content:"";order:1;flex:none;width:8px;height:8px;border-radius:50%;background:var(--c,var(--accent))}
.at-card-project{color:var(--muted)}
.at-card-project::before,.at-pcard-top b::before,.at-gname b::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--c,var(--accent));margin-right:7px;vertical-align:1px}
.at-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c);flex:none}
.at-ev{border-left:0;background:var(--bg-2)}
.at-ev:hover{background:var(--bg-3)}
.at-ev::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c);flex:none;align-self:center}
.at-ev.is-jour{background:var(--bg-3);color:var(--fg)}
.at-wev{border:1px solid var(--rule);background:var(--card)}
.at-wev .mono::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--c);margin-right:5px;vertical-align:1px}
.at-tabs{background:none;border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:0;gap:18px}
.at-tabs button{border-radius:0;padding:10px 0;min-height:0;background:none!important;box-shadow:none!important;border-bottom:2px solid transparent;margin-bottom:-1px}
.at-tabs button.is-on{border-bottom-color:var(--fg)}
.at-seg{background:none;border:0;border-radius:0;padding:0;gap:14px}
.at-seg button{border-radius:0;padding:6px 0;background:none!important;box-shadow:none!important;border-bottom:2px solid transparent}
.at-seg button.is-on{border-bottom-color:var(--fg)}
.at-pill{border-radius:6px}
.at-assign label,.at-filtres select,.at-filtres input,.at-etat,.at-jadd,.at-ag-btn,.at-fchip,.at-add input,.crm-search,.crm-select{border-radius:var(--r-s)}
.at-due-p{background:none;padding:0}
.at-gbar{border-radius:4px}
/* Leviers : une liste à filets plutôt qu'une grille de quatre cartes identiques */
.levers{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--rule)}
.lever{display:grid;grid-template-columns:minmax(200px,.85fr) minmax(0,1.25fr) minmax(0,1fr) auto;grid-template-areas:"top texte liste lien" "titre texte liste lien";align-items:start;gap:8px 44px;background:none;border:0;border-bottom:1px solid var(--rule);border-radius:0;box-shadow:none;padding:34px 0;overflow:visible}
.lever:hover{border-color:var(--rule)}
.lever .top{grid-area:top;justify-content:flex-start}
.lever h3{grid-area:titre}
.lever p{grid-area:texte;font-size:15px}
.lever ul{grid-area:liste;margin-top:0;border-top:0;padding-top:0}
.lever .more{grid-area:lien;margin-top:4px;white-space:nowrap}
@media (max-width:900px){.lever{grid-template-columns:1fr;grid-template-areas:"top" "titre" "texte" "liste" "lien";gap:10px;padding:26px 0}}
/* Méthode : plus de petit trait de couleur au-dessus des étapes */
.step .bar{display:none}
/* Plus de traits de couleur : pastille ronde à la place, ou rien */
.presta-head .tag::before{width:7px;height:7px;border-radius:50%}
.presta-cols::before,.proj-card::before,.plan.is-featured::after{display:none}
.offre.is-featured::after{box-shadow:none}
.display.h-xxl em::after,.display.h-xl.hero-em em::after{display:none}
/* Amazon : les six services en liste à filets (deux colonnes), plus de grille de cartes identiques */
.amz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,64px);border-top:1px solid var(--rule)}
.amz-card{background:none;border:0;border-bottom:1px solid var(--rule);border-radius:0;box-shadow:none;padding:22px 0}
.amz-card .n{display:none}
@media (max-width:700px){.amz-grid{grid-template-columns:1fr}}
/* Bandeau Amazon : fond neutre, plus de fond teinté de couleur */
.amz-band{background:var(--card);border:1px solid var(--rule)}
.guide em,em.lead-em{font-style:normal;font-weight:600}
.at-due{font-family:var(--f-body);font-size:.74rem}