/* Page cabinet de conseil (angle d'Arthur du 03/10 : « Le logiciel de gestion des cabinets de conseil »).
   Hero dans le ciel (le cabinet un mardi), la journée d'un associé en quatre moments, ce qui change pour le conseil,
   régie ou forfait, témoignages, FAQ. Sans script : tout est visible. Tons des modules : .is-turq, .is-lime, .is-pink (site.css). */

/* ---------- pièces communes de la page ---------- */
.chip{display:inline-flex;align-items:center;height:1.65rem;padding:0 .65rem;border-radius:.55rem;background:#f1f3f2;color:#3d4745;font-size:.74rem;font-weight:600;white-space:nowrap}
.chip.is-ok{background:#e3f9e4;color:#2a6a1f}
.chip.is-warn{background:#ffefd9;color:#9a5207}
.chip.is-lime{background:#eff5ce;color:#515c0b}
.lg{flex:none;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.8rem;background:var(--b);color:#fff;font-size:1.2rem}
.lg.is-xl{width:3rem;height:3rem;border-radius:.9rem;font-size:1.4rem}
.sc{flex:none;display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:50%;background:#c6e05c;color:#2f3606;font-size:.84rem;font-weight:700;font-variant-numeric:tabular-nums}
.sc.is-mid{background:#f1f3f2;color:#5f6866}

/* ---------- en-tête : le cabinet un mardi ---------- */
.k-sky .sky-in{padding-bottom:0}
.k-sky h1{max-width:13em;font-size:4.2rem}
.k-stage{position:relative;display:flex;justify-content:center;width:min(44rem,100%);margin-top:3.4rem;text-align:left;color:var(--ink)}
.kw{position:relative;width:min(36rem,100%);padding:1.3rem 1.4rem 1.1rem;border-radius:1.5rem;background:#fff;box-shadow:0 0 0 1px rgba(17,17,17,.05),0 2px 4px rgba(17,17,17,.05),0 60px 90px -40px rgba(10,40,90,.55)}
.kw-top{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.kw-top small{display:block;font-size:.8rem;font-weight:500;color:#5f6866}
.kw-top b{display:block;margin-top:.15rem;font-size:1.55rem;font-weight:600;letter-spacing:-.03em;color:#0b1f1f}
.kw-seg{display:flex;gap:.2rem;padding:.2rem;border-radius:.7rem;background:#f1f3f2;font-size:.74rem;font-weight:600;color:#5f6866;white-space:nowrap}
.kw-seg span{padding:.35rem .6rem;border-radius:.5rem}
.kw-seg .on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(17,17,17,.08)}
.kw-seg em{font-style:normal;color:#8f9694}
.kw-rows{list-style:none;margin:0;padding:0}
.kw-rows li{display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.8rem 0;border-bottom:1px solid var(--line)}
.kw-rows li:last-child{border-bottom:0;padding-bottom:.2rem}
.kw-rows img{width:2.6rem;height:2.6rem;border-radius:50%;object-fit:cover}
.kw-rows b{display:block;font-size:1.02rem;font-weight:600;letter-spacing:-.015em;color:#0b1f1f}
.kw-rows small{display:block;margin-top:.1rem;font-size:.8rem;color:#6b7472}
.hf{position:absolute;z-index:2;display:flex;align-items:center;gap:.8rem;padding:.9rem 1.1rem .9rem .9rem;border-radius:1.2rem;background:#fff;box-shadow:0 0 0 1px rgba(17,17,17,.06),0 30px 50px -22px rgba(17,17,17,.4)}
.hf b{display:block;font-size:1.02rem;font-weight:600;letter-spacing:-.015em;color:#0b1f1f}
.hf small{display:block;font-size:.74rem;color:#6b7472}
.hf-bill{top:1rem;left:-12rem;rotate:-3deg}
.hf-margin{top:-1.6rem;right:-10.5rem;rotate:2.5deg}
.k-meteo{flex:none;display:grid;place-items:center;width:3rem;height:3rem;border-radius:.9rem;background:#ffefd9;color:#d97706;font-size:1.6rem}

/* ---------- la journée d'un associé ---------- */
.kj-list{position:relative;list-style:none;margin:3.4rem auto 0;padding:0;max-width:62rem;display:grid;gap:2.6rem}
.kj-list::before{content:"";position:absolute;top:.6rem;bottom:.6rem;left:50%;width:2px;margin-left:-1px;background:linear-gradient(#8fbf14,#8fbf14) top/2px calc(var(--k,0) * 100%) no-repeat,var(--line2)}
.kj-step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4.4rem;align-items:center}
.kj-step:nth-child(even) .kj-txt{order:2}
.kj-step::before{content:"";position:absolute;left:50%;top:50%;width:.9rem;height:.9rem;margin:-.45rem 0 0 -.45rem;border-radius:50%;background:#c7f33c;box-shadow:0 0 0 .35rem var(--page),0 0 0 calc(.35rem + 1px) var(--line2)}
.kj-h{display:inline-flex;align-items:center;height:1.9rem;padding:0 .7rem;border-radius:.6rem;background:#141413;color:#c7f33c;font-size:.82rem;font-weight:600;font-variant-numeric:tabular-nums}
.kj-txt h3{margin-top:.8rem;font-size:1.55rem;line-height:1.1;font-weight:600;letter-spacing:-.025em}
.kj-txt p{margin-top:.6rem;font-size:1rem;line-height:1.5;color:var(--muted)}
.kj-txt .tlink{margin-top:.9rem;font-size:.95rem}
.kj-ui{padding:1.4rem;border-radius:1.5rem;background:linear-gradient(150deg,var(--c),color-mix(in srgb,var(--c) 40%,#fff));transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.kj-card{padding:1rem 1.1rem;border-radius:1.1rem;background:#fff;font-size:.85rem;box-shadow:0 0 0 1px rgba(17,17,17,.05),0 24px 44px -28px rgba(17,17,17,.45)}
.kj-ct{padding-bottom:.7rem;margin-bottom:.4rem;border-bottom:1px solid var(--line)}
.kj-ct b{display:block;font-size:.98rem;font-weight:600;letter-spacing:-.015em}
.kj-ct small{display:block;margin-top:.1rem;font-size:.74rem;color:#6b7472}
/* 9 h : proposition par lots */
.kj-lot{display:grid;grid-template-columns:minmax(0,1fr) 2.6rem 5rem;gap:.6rem;align-items:center;padding:.45rem .4rem;border-radius:.6rem;transition:background .4s,transform .5s var(--ease)}
.kj-lot em{font-style:normal;color:#6b7472;text-align:right}
.kj-lot b{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.kj-tot{display:flex;align-items:center;gap:.7rem;margin-top:.5rem;padding-top:.7rem;border-top:1px solid var(--line)}
.kj-tot b{font-size:1.15rem;font-weight:700;letter-spacing:-.03em}
.kj-tot .chip{margin-left:auto}
/* 11 h : qui part sur la mission */
.kj-who{display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.5rem .4rem;border-radius:.8rem;transition:background .4s,transform .5s var(--ease)}
.kj-who img{width:2.4rem;height:2.4rem;border-radius:50%;object-fit:cover}
.kj-who b{display:block;font-weight:600}
.kj-who small{display:block;font-size:.72rem;color:#6b7472}
.kj-who.is-top{background:#f6f9e6}
/* 15 h : le forfait suivi */
.kj-bud{display:grid;grid-template-columns:3rem minmax(0,1fr) 4.6rem;gap:.7rem;align-items:center;padding:.4rem 0}
.kj-bud span{font-weight:600}
.kj-bud i{position:relative;height:.6rem;border-radius:999px;background:#f1f3f2;overflow:hidden}
.kj-bud i::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--p);border-radius:999px;background:#7c3aed;transform-origin:left;transition:transform .9s var(--ease)}
.kj-bud.is-warn i::before{background:#d97706}
.kj-bud em{font-style:normal;color:#6b7472;text-align:right;font-variant-numeric:tabular-nums}
.kj-alert{display:flex;align-items:center;gap:.7rem;margin-top:.6rem;padding:.7rem .8rem;border-radius:.8rem;background:#fff6ea}
.kj-alert>i{font-size:1.5rem;color:#d97706;transition:transform .6s var(--ease)}
.kj-alert b{display:block;font-weight:600;color:#9a5207}
.kj-alert small{display:block;font-size:.72rem;color:#6b7472}
/* 18 h : échéancier */
.kj-ms{display:grid;grid-template-columns:1.2rem minmax(0,1fr) 4.6rem auto;gap:.6rem;align-items:center;padding:.5rem .2rem}
.kj-ms>i{font-size:1.15rem;color:#b9bfbd}
.kj-ms.is-done>i{color:#2a6a1f}
.kj-ms b{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.kj-ms .chip{justify-self:end}

/* ---------- ce qui change pour le conseil ---------- */
.kc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:3rem}
.kc-card{display:flex;flex-direction:column;padding:.6rem .6rem 1.6rem;border-radius:1.5rem;background:#fff;box-shadow:0 0 0 1px var(--line);transition:box-shadow .6s var(--ease),transform .6s var(--ease)}
.kc-card>h3,.kc-card>p{margin-left:1rem;margin-right:1rem}
.kc-card h3{font-size:1.2rem;font-weight:600;letter-spacing:-.015em}
.kc-card p{margin-top:.4rem;font-size:.93rem;line-height:1.45;color:var(--muted)}
.kc-ui{display:flex;flex-direction:column;justify-content:center;gap:.7rem;height:11rem;margin-bottom:1.3rem;padding:1.1rem 1.2rem;border-radius:1.1rem;background:linear-gradient(150deg,#eff5ce,color-mix(in srgb,#eff5ce 40%,#fff));overflow:hidden;font-size:.8rem}
.kc-ui small{font-size:.72rem;color:#515c0b}
.kc-tog{display:flex;align-self:flex-start;gap:.2rem;padding:.2rem;border-radius:.7rem;background:rgba(255,255,255,.6);font-weight:600;color:#5f6866}
.kc-tog span{padding:.35rem .8rem;border-radius:.5rem;transition:background .4s,color .4s}
.kc-tog .on{background:#141413;color:#c7f33c}
.kc-lots{display:flex;gap:.3rem}
.kc-lots i{flex:none;width:var(--w);height:2.2rem;border-radius:.6rem;background:#fff;box-shadow:0 1px 2px rgba(17,17,17,.06);transition:transform .5s var(--ease),background .4s}
.kc-mg b{display:block;font-size:2.4rem;line-height:1;font-weight:700;letter-spacing:-.05em;color:#2f3606}
.kc-spark{display:flex;align-items:flex-end;gap:.35rem;height:2.6rem}
.kc-spark i{flex:1;height:var(--h);border-radius:.35rem .35rem .15rem .15rem;background:#c6e05c;transform-origin:bottom;transition:transform .6s var(--ease)}
.kc-row{display:grid;grid-template-columns:1.4rem minmax(0,1fr) auto;gap:.6rem;align-items:center;padding:.5rem .7rem;border-radius:.8rem;background:#fff;transition:transform .5s var(--ease)}
.kc-row i{font-size:1.15rem;color:#515c0b}
.kc-row b{font-weight:700;font-variant-numeric:tabular-nums}

/* ---------- régie ou forfait ---------- */
.kr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;max-width:56rem;margin:3rem auto 0}
.kr-col{padding:1.8rem 1.9rem;border-radius:1.5rem;background:#fff;box-shadow:0 0 0 1px var(--line);transition:box-shadow .6s var(--ease),transform .6s var(--ease)}
.kr-col.is-forfait{background:#141413;color:#fff;box-shadow:none}
.kr-col h3{display:flex;align-items:center;gap:.6rem;font-size:1.35rem;font-weight:600;letter-spacing:-.02em}
.kr-col h3 i{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.7rem;background:#eff5ce;color:#515c0b;font-size:1.2rem}
.kr-col.is-forfait h3 i{background:#c7f33c;color:#141413}
.kr-col dl{margin:1.2rem 0 0}
.kr-col dt{margin-top:1rem;font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted2)}
.kr-col.is-forfait dt{color:rgba(255,255,255,.55)}
.kr-col dd{margin:.25rem 0 0;font-size:1.02rem;line-height:1.4}
.kr-more{margin-top:1.8rem;text-align:center;color:var(--muted)}
.kr-more a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}

/* ---------- survol (et .is-play à l'écran sur tactile) ---------- */
@media (hover:hover){
  .kj-step:hover .kj-ui,.kc-card:hover,.kr-col:hover{transform:translateY(-.3rem)}
  .kc-card:hover,.kr-col:not(.is-forfait):hover{box-shadow:0 0 0 1px color-mix(in srgb,#515c0b 14%,transparent),0 34px 60px -34px rgba(81,92,11,.45)}
  .kj-step:hover .kj-lot:nth-child(3){background:#f1fbf9;transform:translateX(.25rem)}
  .kj-step:hover .kj-tot .chip{animation:k-pop .6s var(--ease)}
  .kj-step:hover .kj-who.is-top{transform:scale(1.02)}
  .kj-step:hover .kj-who.is-top .sc{animation:k-pop .6s var(--ease)}
  .kj-step:hover .kj-bud i::before{animation:k-grow 1s var(--ease)}
  .kj-step:hover .kj-alert>i{transform:translateX(.2rem) rotate(-8deg)}
  .kj-step:hover .kj-ms.is-done .chip{animation:k-pop .6s var(--ease)}
  .kc-card:hover .kc-lots i{transform:translateY(-.25rem)}
  .kc-card:hover .kc-lots i:nth-child(2){transition-delay:.06s}
  .kc-card:hover .kc-lots i:nth-child(3){transition-delay:.12s}
  .kc-card:hover .kc-spark i{animation:k-bar .7s var(--ease) both}
  .kc-card:hover .kc-spark i:nth-child(2){animation-delay:.05s}
  .kc-card:hover .kc-spark i:nth-child(3){animation-delay:.1s}
  .kc-card:hover .kc-spark i:nth-child(4){animation-delay:.15s}
  .kc-card:hover .kc-spark i:nth-child(5){animation-delay:.2s}
  .kc-card:hover .kc-spark i:nth-child(6){animation-delay:.25s}
  .kc-card:hover .kc-row{transform:translateX(.3rem)}
  .kc-card:hover .kc-row:nth-child(2){transition-delay:.06s}
  .kc-card:hover .kc-row:nth-child(3){transition-delay:.12s}
}
.kj-step.is-play .kj-bud i::before{animation:k-grow 1s var(--ease)}
.kj-step.is-play .kj-who.is-top .sc,.kj-step.is-play .kj-tot .chip,.kj-step.is-play .kj-ms.is-done .chip{animation:k-pop .6s var(--ease)}
.kc-card.is-play .kc-spark i{animation:k-bar .7s var(--ease) both}
@keyframes k-pop{40%{transform:scale(1.15)}}
@keyframes k-grow{from{transform:scaleX(0)}}
@keyframes k-bar{from{transform:scaleY(.2)}}
@media (prefers-reduced-motion:reduce){
  .kj-step *,.kc-card,.kc-card *,.kr-col,.kj-ui{animation:none!important;transition:none!important;transform:none!important}
}

/* ---------- écrans plus étroits ---------- */
@media (max-width:1180px){
  .hf-margin{right:-4rem}
  .hf-bill{left:-8rem}
}
@media (max-width:991px){
  .k-sky h1{font-size:3.4rem}
  .hf-margin{right:-1rem}
  .hf-bill{left:-1rem;top:auto;bottom:-2.6rem}
  .kj-list::before,.kj-step::before{display:none}
  .kj-step{grid-template-columns:minmax(0,1fr);gap:1.4rem;max-width:34rem;margin-inline:auto}
  .kj-step:nth-child(even) .kj-txt{order:0}
  .kc-grid{grid-template-columns:minmax(0,1fr);max-width:30rem;margin-inline:auto}
}
@media (max-width:767px){
  .k-sky .sky-in{padding-top:3.4rem}
  .k-sky h1{font-size:2.5rem}
  .k-stage{margin-top:2.4rem}
  .kw{padding:1.1rem 1rem .9rem}
  .kw-top{flex-direction:column;align-items:flex-start;gap:.7rem}
  .kw-top b{font-size:1.25rem}
  .kw-rows li{grid-template-columns:2.3rem minmax(0,1fr)}
  .kw-rows img,.kw-rows .lg{width:2.3rem;height:2.3rem}
  .kw-rows .chip{display:none}
  .hf-margin{top:auto;bottom:-3.2rem;right:-.4rem;padding:.6rem .8rem .6rem .6rem}
  .hf-bill{display:none}
  .kj-txt h3{font-size:1.3rem}
  .kj-ui{padding:.9rem}
  .kj-card{padding:.85rem .8rem}
  .kj-lot{grid-template-columns:minmax(0,1fr) 2.2rem 4.4rem;gap:.4rem;padding:.4rem .2rem}
  .kj-ms{grid-template-columns:1.1rem minmax(0,1fr) 4.2rem}
  .kj-ms .chip{display:none}
  .kr-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:374px){
  .k-sky h1{font-size:2.1rem}
}