/* Page M-Core : sections ajoutées (boucle, cadre, différence, principes). Les sections animées d'origine ne sont pas touchées. */
.mc2{color:#1f3327}
.mc2 h2{margin:0;font-size:clamp(33px,3.4vw,50px);line-height:1.1;letter-spacing:-.04em;font-weight:600}
.mc2-k{display:block;margin-bottom:18px;font-size:12px;font-weight:600;letter-spacing:.02em;color:#a92b16}
.mc2-head{display:grid;grid-template-columns:1.1fr 1fr;gap:20px 80px;align-items:end;margin-bottom:56px}
.mc2-head .mc2-k{grid-column:1/-1;margin-bottom:0}
.mc2-head p{margin:0;font-size:16px;line-height:1.7;color:#4f5b52}

/* 1. La boucle */
.mc2-loop{padding-top:90px;padding-bottom:100px}
.mc2-track{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:2px solid #1f332726}
.mc2-track li{padding:30px 22px 0 0}
.mc2-track b{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-top:-46px;border-radius:50%;background:#2f4a37;color:#fff;font-size:11px;font-weight:600}
.mc2-track strong{display:block;margin:18px 0 8px;font-size:20px;letter-spacing:-.02em;font-weight:600}
.mc2-track p{margin:0;font-size:14px;line-height:1.55;color:#4f5b52}
.mc2-pulse{position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:#f2462e;box-shadow:0 0 0 6px #f2462e2e;animation:mc2-run 9s linear infinite}
@keyframes mc2-run{0%{left:0;opacity:0}6%{opacity:1}94%{opacity:1}100%{left:calc(100% - 12px);opacity:0}}

/* 2. Vos documents deviennent des règles */
.mc2-rules{padding-top:90px;padding-bottom:100px;background:#e4dccb}
.mc2-transform{display:grid;grid-template-columns:minmax(0,6fr) auto minmax(0,5fr);gap:28px;align-items:center;margin:0}
.mc2-transform figcaption{grid-column:1/-1;font-size:12px;color:#4f5b52}
.mc2-doc,.mc2-out{padding:26px 28px;border-radius:16px;background:#faf6ee;box-shadow:0 22px 44px -32px #1f332780}
.mc2-doc>span,.mc2-out>span{display:block;margin-bottom:14px;font-size:12px;font-weight:600;color:#4f5b52}
.mc2-doc p{margin:0;font-size:18px;line-height:1.75}
.mc2-doc mark{padding:2px 4px;border-radius:5px;color:#1f3327}
.mc2-arrow{font-size:34px;color:#a92b16}
.mc2-out ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mc2-out li{padding:12px 14px;border-radius:10px;border-left:4px solid;background:#fff;font-size:15px;font-weight:600}
.mc2-out li span{display:block;margin-bottom:2px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#4f5b52}
.m-a{background:#f6e1da}.mc2-out .m-a{border-color:#f2462e;background:#fff}
.m-b{background:#dfe8dd}.mc2-out .m-b{border-color:#44664f;background:#fff}
.m-c{background:#efe3cc}.mc2-out .m-c{border-color:#8fa898;background:#fff}
.m-d{background:#d6e2d9}.mc2-out .m-d{border-color:#2f4a37;background:#fff}

/* 3. Pas un assistant de plus */
.mc2-diff{padding-top:100px;padding-bottom:100px;background:#1a2a20;color:#efe9dc}
.mc2-diff .mc2-k{color:#ffb4a3}
.mc2-diff h2{max-width:980px}
.mc2-diff ul{list-style:none;margin:48px 0 0;padding:0}
.mc2-diff li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:baseline;padding:24px 0;border-top:1px solid #efe9dc26}
.mc2-diff li:last-child{border-bottom:1px solid #efe9dc26}
.mc2-diff li span{font-size:18px;line-height:1.45;color:#a6b8aa}
.mc2-diff li strong{position:relative;padding-left:34px;font-size:clamp(19px,1.8vw,24px);line-height:1.35;letter-spacing:-.015em;font-weight:600}
.mc2-diff li strong::before{content:"→";position:absolute;left:0;color:#ff6a4d}

/* 4. Construit pour être audité */
.mc2-built{padding-top:100px;padding-bottom:100px}
.mc2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 40px}
.mc2-grid>div{padding-top:20px;border-top:1px solid #1f3327}
.mc2-grid b{display:block;margin-bottom:12px;font-size:12px;font-weight:600;color:#a92b16}
.mc2-grid strong{display:block;margin-bottom:8px;font-size:20px;letter-spacing:-.02em;font-weight:600}
.mc2-grid p{margin:0;font-size:15px;line-height:1.6;color:#4f5b52}
.mc2-note{max-width:760px;margin:40px 0 0;padding:14px 16px;border-left:3px solid #f2462e;background:#e4dccb;font-size:15px;line-height:1.5}

@media (prefers-reduced-motion:reduce){.mc2-pulse{animation:none;opacity:0}}
@media (max-width:980px){
  .mc2-head{grid-template-columns:1fr;gap:16px}
  .mc2-track{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:44px}
  .mc2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mc2-transform{grid-template-columns:1fr}
  .mc2-arrow{transform:rotate(90deg);justify-self:center}
}
@media (max-width:640px){
  .mc2-track{grid-template-columns:1fr;row-gap:0;border-top:0;border-left:2px solid #1f332726;padding-left:26px}
  .mc2-track li{padding:0 0 26px}
  .mc2-track b{margin:0 0 0 -42px;width:30px;height:30px}
  .mc2-track strong{margin:-26px 0 0 4px}
  .mc2-track p{margin-top:6px}
  .mc2-pulse{top:0;left:-7px;animation-name:mc2-run-v}
  @keyframes mc2-run-v{0%{top:0;opacity:0}6%{opacity:1}94%{opacity:1}100%{top:calc(100% - 12px);opacity:0}}
  .mc2-diff li{grid-template-columns:1fr;gap:8px}
  .mc2-grid{grid-template-columns:1fr}
  .mc2-doc p{font-size:16px}
}
