/* ============================================================
 * ESSIKNETWORK — Widget Mission / Vision (split À propos).
 * Variables : essik-design-tokens.css. Dark mode auto.
 * ============================================================ */
.essik-mv { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }
@media (min-width: 1024px) { .essik-mv { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem; } }
.essik-mv-left { display: flex; flex-direction: column; gap: 1.1rem; }
.essik-mv-title { margin: 0; font-size: 1.6rem; font-weight: 900; line-height: 1.3; color: var(--essik-text-strong); }
@media (min-width: 768px) { .essik-mv-title { font-size: 2rem; } }
.essik-mv-text { font-size: .92rem; line-height: 1.7; color: var(--essik-muted); }
.essik-mv-text p { margin: 0 0 .8rem; }
.essik-mv-text p:last-child { margin-bottom: 0; }
.essik-mv-text strong { color: var(--essik-text-strong); }
.essik-mv-chips { display: flex; flex-wrap: wrap; gap: 1rem; padding-top: .5rem; }
.essik-mv-chip {
  padding: 1rem 1.25rem; border-radius: 1rem; text-align: left;
  background: var(--essik-bg-muted); border: 1px solid var(--essik-border);
  display: flex; flex-direction: column; gap: .15rem;
}
.essik-mv-chip.is-accent { background: var(--essik-primary-soft); border-color: rgba(255,85,0,.2); }
.essik-mv-chip-v { font-size: 1.5rem; font-weight: 900; color: var(--essik-text-strong); }
.essik-mv-chip.is-accent .essik-mv-chip-v { color: var(--essik-primary); }
.essik-mv-chip-l { font-size: .72rem; color: var(--essik-muted); }
/* Carte sombre */
.essik-mv-card {
  position: relative; overflow: hidden;
  background: #0A0D12; color: #fff;
  border: 1px solid #1F2633; border-radius: 1.5rem;
  padding: 2rem; display: flex; flex-direction: column; gap: 1.5rem;
  box-shadow: 0 25px 60px -20px rgba(2,6,23,.5);
}
.essik-mv-card::before {
  content: ""; position: absolute; top: -5rem; right: -5rem;
  width: 16rem; height: 16rem; border-radius: 9999px;
  background: radial-gradient(circle, rgba(255,85,0,.14), transparent 65%);
  pointer-events: none;
}
.essik-mv-brand { display: flex; align-items: center; gap: .9rem; flex-wrap: wrap; position: relative; z-index: 1; }
.essik-mv-brand-a { font-size: 1.6rem; font-weight: 900; letter-spacing: .06em; color: var(--essik-primary); line-height: 1; }
.essik-mv-brand-b { font-size: 1.6rem; font-weight: 300; letter-spacing: .35em; color: #fff; line-height: 1; }
.essik-mv-brand-t { font-size: .62rem; letter-spacing: .14em; color: #94A3B8; border-left: 1px solid #334155; padding-left: .9rem; }
.essik-mv-block { display: flex; gap: .8rem; position: relative; z-index: 1; padding-top: 1.25rem; border-top: 1px solid #1F2633; }
.essik-mv-block:first-of-type { border-top: 0; padding-top: 0; }
.essik-mv-ic { flex: none; color: var(--essik-primary); margin-top: .15rem; }
.essik-mv-block h3 { margin: 0 0 .3rem; font-size: .8rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: #fff; }
.essik-mv-block p { margin: 0; font-size: .78rem; line-height: 1.65; color: #CBD5E1; }
html[data-theme="dark"] .essik-mv-title { color: #fff; }