/* ==========================================================================
   Maxelik, page fille « Stratégie éditoriale » (classes se-), sur le socle contenus.css du silo
   ========================================================================== */

/* ---------- hero : calendrier éditorial ---------- */
.se-cal{padding:clamp(18px,2.2vw,26px);border-radius:var(--r);background:#fff;box-shadow:0 50px 90px -50px rgba(10,40,80,.6);transform:rotate(1deg)}
.se-cal-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.98rem;color:var(--slate)}
.se-cal-h span{font-size:.74rem;color:#8a9aa4}
.se-cal-w,.se-cal-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.se-cal-w span{padding-bottom:6px;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-align:center;color:#8a9aa4}
.se-cal-g i{position:relative;display:block;min-height:62px;padding:6px;border-radius:6px;background:#f4f8fd}
.se-cal-g em{display:block;padding:6px 7px;border-radius:5px;font-style:normal;font-size:.68rem;font-weight:800;line-height:1.3;color:#fff;transition:transform .3s var(--ease)}
.se-cal-g i:hover em{transform:scale(1.06)}
.t-ar{background:#0083ff}
.t-pv{background:#1fae6a}
.t-vi{background:#e8833a}
.t-in{background:#7a5cf0}
.se-cal-l{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.se-cal-l span{padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:800;color:#fff}

/* ---------- trois documents ---------- */
.se-docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,22px);margin-top:clamp(40px,5vw,64px)}
.se-doc{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(26px,3vw,36px);border-radius:var(--r);background:var(--soft);overflow:clip;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.se-doc::after{content:"";position:absolute;right:0;top:0;width:44px;height:44px;background:linear-gradient(225deg,#fff 50%,#dce8f5 50%);border-bottom-left-radius:8px;transition:width .4s,height .4s}
.se-doc:hover{transform:translateY(-6px);box-shadow:0 40px 70px -46px rgba(10,40,80,.55)}
.se-doc:hover::after{width:58px;height:58px}
.se-doc-k{display:flex;align-items:center;gap:12px;font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.se-doc-k span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--grad);font-size:.9rem;letter-spacing:0;color:#fff}
.se-doc h3{font-size:1.25rem}
.se-doc>p:not([class]){font-size:.95rem;line-height:1.65;color:var(--ink-2)}
.se-doc ul{list-style:none;margin:auto 0 0;padding:0;display:grid}
.se-doc ul li{position:relative;padding:9px 0 9px 22px;font-size:.9rem;font-weight:700;color:var(--slate);box-shadow:0 -1px 0 #dde6ee}
.se-doc ul li::before{content:"";position:absolute;left:0;top:17px;width:10px;height:3px;border-radius:2px;background:var(--grad)}

/* ---------- cocon sémantique ---------- */
.se-co-s{position:relative;overflow:clip;isolation:isolate;background:radial-gradient(60% 80% at 100% 0%,rgba(0,131,255,.24),transparent 70%),#0f1a22}
.se-co-s::after{content:"";position:absolute;z-index:-1;left:-110px;bottom:-120px;width:420px;aspect-ratio:1;background:url("img/maxelik-symbole.svg") no-repeat center/contain;opacity:.05;filter:brightness(3)}
.se-co{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:center}
.se-co-t{display:grid;gap:16px}
.se-co-t .cn-ek{color:#7fd8ff}
.se-co-t>p:not(.cn-ek){font-size:1.04rem;line-height:1.7;color:#c8d3d9}
.se-map{position:relative;margin:0;height:420px}
.se-map-l{position:absolute;inset:0;width:100%;height:100%}
.se-map-p,.se-map-s{position:absolute;transform:translate(-50%,-50%);border-radius:var(--r);text-align:center;transition:transform .35s var(--ease),background .35s}
.se-map-p{left:50%;top:50%;display:grid;gap:4px;padding:18px 24px;background:var(--grad);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#d6efff;box-shadow:0 0 0 10px rgba(0,131,255,.15),0 30px 60px -20px rgba(0,131,255,.7)}
.se-map-p b{font-size:1.1rem;letter-spacing:0;text-transform:none;color:#fff}
.se-map-s{padding:10px 16px;background:rgba(255,255,255,.08);font-size:.86rem;font-weight:800;color:#e6edf0;white-space:nowrap}
.se-map-s:hover{background:rgba(0,131,255,.45);transform:translate(-50%,-50%) scale(1.06)}
.s1{left:17%;top:17%}.s2{left:83%;top:17%}.s3{left:14%;top:52%}.s4{left:80%;top:52%}.s5{left:21%;top:86%}.s6{left:79%;top:86%}
.se-map figcaption{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);font-size:.76rem;color:#8a9aa3;white-space:nowrap}

/* ---------- livrables ---------- */
.se-lv{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,18px)}
.se-lv li{display:flex;flex-direction:column;gap:10px;padding:clamp(24px,2.6vw,30px);border-radius:var(--r);background:#fff;box-shadow:0 26px 54px -46px rgba(10,40,80,.5);transition:transform .4s var(--ease)}
.se-lv li:hover{transform:translateY(-6px)}
.se-lv-i{display:grid;place-items:center;width:52px;height:52px;margin-bottom:4px;border-radius:50%;background:#eef5fc}
.se-lv-i .ico{width:30px;height:30px}
.se-lv h3{font-size:1.12rem}
.se-lv p{font-size:.93rem;line-height:1.6;color:var(--ink-2)}
.se-lv em{align-self:flex-start;margin-top:auto;padding:6px 14px;border-radius:999px;background:var(--soft);font-style:normal;font-size:.78rem;font-weight:800;color:var(--blue)}

/* ---------- parcours client ---------- */
.se-pc{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,22px);counter-reset:pc}
.se-pc>li{position:relative;display:flex;flex-direction:column;gap:14px;padding:clamp(26px,3vw,36px);border-radius:var(--r);background:var(--soft)}
.se-pc>li:nth-child(2){background:#e3effc}
.se-pc>li:nth-child(3){background:radial-gradient(120% 120% at 100% 0%,#0a4a91 0%,#112a40 60%,#141d22 100%);color:#c8d3d9}
.se-pc>li:not(:last-child)::after{content:"";position:absolute;right:-17px;top:50%;z-index:1;width:30px;height:30px;transform:translateY(-50%);border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9M8.5 4.5L12 8l-3.5 3.5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat,var(--grad);box-shadow:0 0 0 5px #fff}
.se-pc-k{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:900;color:var(--slate)}
.se-pc>li:nth-child(3) .se-pc-k{color:#fff}
.se-pc-k span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;font-size:.95rem;color:var(--blue)}
.se-pc-q{padding:12px 16px;border-radius:999px;background:#fff;font-size:.9rem;font-weight:700;color:var(--slate);box-shadow:0 10px 24px -18px rgba(10,40,80,.45)}
.se-pc ul{list-style:none;margin:0;padding:0;display:grid}
.se-pc ul li{position:relative;display:block;padding:9px 0 9px 22px;font-size:.92rem;font-weight:700;color:inherit;box-shadow:0 -1px 0 rgba(10,40,80,.08)}
.se-pc ul li::before{content:"";position:absolute;left:0;top:17px;width:10px;height:3px;border-radius:2px;background:var(--grad)}
.se-pc>li:nth-child(3) ul li{box-shadow:0 -1px 0 rgba(255,255,255,.1);color:#e6edf0}

/* ---------- méthode ---------- */
.se-me{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,18px)}
.se-me li{display:flex;flex-direction:column;gap:10px;padding:26px 24px;border-radius:var(--r);background:#fff;box-shadow:0 26px 54px -46px rgba(10,40,80,.5)}
.se-me span{font-size:2.2rem;font-weight:900;line-height:1;letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.se-me h3{font-size:1.08rem}
.se-me p{font-size:.92rem;line-height:1.6;color:var(--ink-2)}

/* ---------- responsive ---------- */
@media (max-width:1100px){.se-lv,.se-me{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1000px){
  .se-cal{display:none}
  .se-docs,.se-co,.se-pc{grid-template-columns:1fr}
  .se-pc>li:not(:last-child)::after{right:50%;top:auto;bottom:-17px;transform:translateX(50%) rotate(90deg)}
}
@media (max-width:700px){
  .se-lv,.se-me{grid-template-columns:1fr}
  .se-map{height:auto;display:grid;gap:8px}
  .se-map-l{display:none}
  .se-map-p,.se-map-s{position:static;transform:none;white-space:normal}
  .se-map figcaption{position:static;transform:none;margin-top:6px}
}
@media (prefers-reduced-motion:reduce){.se-doc,.se-lv li,.se-map-s{transition:none}}