/* CSS specifique de /dspm/ — extraite du bloc <style> du gabarit (Phase 34, REQ-48).
   Enqueuee en dependance de theme.css : elle reste imprimee AVANT lui, comme dans le head d'origine. */
/* ---- Page DSPM : accent VIOLET (le produit) — remap des accents verts vers le violet ---- */
.dspm-page{--g:#7C3AED;--g-50:#F6F3FF;--g-100:#EDE6FF;--g-200:#DDD0FF;--g-300:#C3A9FF;--g-400:#A78BFA;--g-600:#6D28D9;--g-700:#5B21B6;--g-ink:#3B1E78}
.evalcard{background:linear-gradient(160deg,var(--v-50),#fff);border:1px solid var(--v-100);border-radius:var(--radius-xl);padding:clamp(30px,4vw,52px);box-shadow:var(--sh);text-align:center;max-width:880px;margin:0 auto}
.evalcard .badge{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--v-700);background:#fff;border:1px solid var(--v-100);padding:6px 14px;border-radius:100px}
.evalcard h2{font-size:clamp(24px,3vw,34px);margin:18px auto 14px;max-width:22ch}
.evalcard p{color:var(--ink-2);font-size:16px;max-width:62ch;margin:0 auto 12px}
.benefits{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:26px 0}
.ben{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--v-100);color:var(--ink);font-weight:600;font-size:14.5px;padding:11px 18px;border-radius:100px;box-shadow:var(--sh-sm)}
.ben .ico{width:17px;height:17px;color:var(--v);stroke-width:2.4}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 auto 32px;max-width:1000px}
.tcard{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-l);padding:28px 24px;box-shadow:var(--sh-sm);text-align:center;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.tcard:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.tcard .age{font-family:'Poppins',sans-serif;font-weight:700;font-size:38px;color:var(--v);line-height:1;letter-spacing:-.03em}
.tcard h3{font-size:18px;font-weight:600;margin-top:8px}
.tcard .role{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--v-700);margin-top:4px}
.tcard p{color:var(--ink-2);font-size:14px;line-height:1.55;margin-top:14px}
.tcard .tlink{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--v);font-weight:600;font-size:13px;transition:gap .2s var(--ease)}
.tcard .tlink:hover{gap:9px}
.tcard .tlink .ico{width:14px;height:14px;stroke-width:2}
.equation{text-align:center;max-width:720px;margin:6px auto 34px;background:var(--dark);color:#fff;border-radius:var(--radius-xl);padding:46px 28px;position:relative;overflow:hidden}
.equation::after{content:"";position:absolute;left:-100px;top:-100px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.45),transparent 65%)}
.equation .eq{position:relative;font-family:'Poppins',sans-serif;font-weight:700;font-size:clamp(34px,6.5vw,58px);letter-spacing:-.02em}
.equation .eq b{color:var(--v-300)}
.equation p{position:relative;color:rgba(255,255,255,.72);font-size:15px;max-width:54ch;margin:16px auto 0;line-height:1.6}
.origins .prose p{margin-bottom:14px}
.origins .prose .lead-in{font-family:'Poppins',sans-serif;font-weight:600;color:var(--ink);font-size:18px}
.origins ul.dots{list-style:none;padding:0;margin:0 auto 18px;max-width:760px}
.origins ul.dots li{position:relative;padding-left:26px;margin-bottom:9px;color:var(--ink-2);font-size:16.5px}
.origins ul.dots li::before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%;background:var(--v)}
.origins .close{font-family:'Poppins',sans-serif;font-weight:600;color:var(--ink);font-size:clamp(18px,2.4vw,22px);text-align:center;max-width:30ch;margin:26px auto 0}
@media(max-width:820px){.trio{grid-template-columns:1fr}}