/* ============================================================
   DWP product redesign (partagé) — tout scopé sous .dwp-redesign (aucune fuite)
   Servi par le thème enfant (immunisé kses). Fiche 1196 uniquement.
   ============================================================ */
.dwp-redesign{
  --ground:#0E0B18; --ground-2:#120D22; --surface:#181231; --surface-2:#1F1840;
  --violet:#8B6DFF; --violet-bright:#A488FF; --violet-soft:#C9BBFF; --pink:#FF4D9E;
  --text:#F4F1FF; --muted:#A79FC6; --line:rgba(139,109,255,.16); --line-strong:rgba(139,109,255,.34);
  --glow:rgba(139,109,255,.35);
  --f-label:.8125rem; --f-body:1.0625rem; --f-lead:1.25rem; --f-h3:1.5rem;
  --f-h2:clamp(1.9rem,4vw,2.6rem); --f-h1:clamp(2.4rem,6vw,4rem); --f-stat:clamp(2.2rem,5vw,3rem);
  --maxw:1080px; --textw:660px; --space:clamp(4.5rem,9vw,7rem);
  --ease:cubic-bezier(.22,.61,.36,1);
  --display:"Sora","Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --body:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;

  /* remplit son conteneur (approche éprouvée de l'ancien hero, sans breakout 100vw) */
  display:block; width:100%;
  color:var(--text); font-family:var(--body); font-size:var(--f-body); line-height:1.7;
  background:var(--ground);
  background-image:
    radial-gradient(60rem 40rem at 82% -6%, rgba(139,109,255,.16), transparent 60%),
    radial-gradient(48rem 34rem at -8% 10%, rgba(255,77,158,.09), transparent 55%);
  overflow-x:hidden; position:relative; isolation:isolate;
  padding-block:.5px; /* contient les marges internes */
}
.dwp-redesign *{box-sizing:border-box}
.dwp-redesign :is(h1,h2,h3){font-family:var(--display);font-weight:800;line-height:1.1;letter-spacing:-.02em;text-wrap:balance;margin:0}
.dwp-redesign h1{font-size:var(--f-h1)}
.dwp-redesign h2{font-size:var(--f-h2)}
.dwp-redesign h3{font-size:var(--f-h3);font-weight:700;letter-spacing:-.01em}
.dwp-redesign p{margin:0;max-width:var(--textw)}
.dwp-redesign a{color:inherit}
.dwp-redesign .wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,2.5rem)}
.dwp-redesign section{padding-block:var(--space)}
.dwp-redesign .eyebrow{font-family:var(--display);font-size:var(--f-label);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--violet-soft);display:inline-flex;align-items:center;gap:.6em}
.dwp-redesign .eyebrow::before{content:"";width:1.6rem;height:1px;background:var(--line-strong)}
.dwp-redesign .lead{font-size:var(--f-lead);color:var(--muted);line-height:1.65}
.dwp-redesign .pink{color:var(--pink)}
.dwp-redesign .grad{background:linear-gradient(100deg,var(--violet-bright),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.dwp-redesign .section-head{display:flex;flex-direction:column;gap:1rem;margin-bottom:3.25rem;max-width:var(--textw)}

/* Boutons */
.dwp-redesign .btn{font-family:var(--display);font-weight:700;font-size:var(--f-body);display:inline-flex;align-items:center;gap:.55em;padding:.95em 1.7em;border-radius:999px;border:1px solid transparent;text-decoration:none;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s;will-change:transform}
.dwp-redesign .btn-primary{background:linear-gradient(100deg,var(--violet),var(--pink));color:#fff!important;box-shadow:0 10px 30px -10px var(--glow)}
.dwp-redesign a.btn-primary,.dwp-redesign a.btn-primary:visited,.dwp-redesign a.btn-primary:hover,.dwp-redesign .btn-primary .arw{color:#fff!important;-webkit-text-fill-color:#fff}
.dwp-redesign .btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 44px -12px var(--glow)}
.dwp-redesign .btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--text)}
.dwp-redesign .btn-ghost:hover{border-color:var(--violet);background:rgba(139,109,255,.08);transform:translateY(-2px)}
.dwp-redesign .btn .arw{transition:transform .25s var(--ease)}
.dwp-redesign .btn:hover .arw{transform:translateX(4px)}

/* Hero */
.dwp-redesign .hero{padding-top:clamp(3.5rem,7vw,5.5rem);padding-bottom:calc(var(--space) - 1rem)}
.dwp-redesign .hero .eyebrow{margin-bottom:1.6rem}
.dwp-redesign .hero h1{margin-bottom:1.5rem;max-width:15ch}
.dwp-redesign .hero .lead{max-width:52ch;margin-bottom:2.5rem;font-size:clamp(1.15rem,2.2vw,1.4rem)}
.dwp-redesign .hero-cta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.dwp-redesign .hero-note{font-size:var(--f-label);color:var(--muted);display:flex;align-items:center;gap:.5em}
.dwp-redesign .dot{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 4px rgba(255,77,158,.18)}

/* Stats */
.dwp-redesign .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:4rem;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.dwp-redesign .stat{background:linear-gradient(180deg,var(--surface),var(--ground-2));padding:2rem 1.6rem;text-align:center}
.dwp-redesign .stat .n{font-family:var(--display);font-size:var(--f-stat);font-weight:800;line-height:1;letter-spacing:-.03em;background:linear-gradient(120deg,var(--violet-bright),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.dwp-redesign .stat .l{font-size:var(--f-label);color:var(--muted);margin-top:.7rem;letter-spacing:.04em}

/* Pain */
.dwp-redesign .pain{border-top:1px solid var(--line)}
.dwp-redesign .pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}
.dwp-redesign .pain-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.9rem;transition:transform .3s var(--ease),border-color .3s}
.dwp-redesign .pain-card:hover{transform:translateY(-4px);border-color:var(--line-strong)}
.dwp-redesign .pain-card .ic{font-size:1.5rem;margin-bottom:1rem;display:block}
.dwp-redesign .pain-card h3{margin-bottom:.6rem;font-size:var(--f-lead)}
.dwp-redesign .pain-card p{color:var(--muted);font-size:var(--f-body);max-width:none}

/* Shift */
.dwp-redesign .shift{background:linear-gradient(180deg,transparent,rgba(139,109,255,.05) 40%,transparent);border-block:1px solid var(--line)}
.dwp-redesign .compare{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2.5rem}
.dwp-redesign .col{border-radius:20px;padding:2rem;border:1px solid var(--line)}
.dwp-redesign .col.before{background:var(--ground-2)}
.dwp-redesign .col.after{background:linear-gradient(165deg,var(--surface-2),var(--surface));border-color:var(--line-strong);position:relative}
.dwp-redesign .col h3{font-size:var(--f-lead);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5em}
.dwp-redesign .col ul{list-style:none;display:flex;flex-direction:column;gap:.9rem;margin:0;padding:0}
.dwp-redesign .col li{display:flex;gap:.7em;align-items:flex-start;font-size:var(--f-body);color:var(--muted)}
.dwp-redesign .col.after li{color:var(--text)}
.dwp-redesign .col li .m{flex-shrink:0;margin-top:.15em}
.dwp-redesign .tag{position:absolute;top:-.7rem;right:1.5rem;font-family:var(--display);font-size:var(--f-label);font-weight:700;background:linear-gradient(100deg,var(--violet),var(--pink));color:#fff;padding:.35em 1em;border-radius:999px;letter-spacing:.03em}

/* Includes */
.dwp-redesign .feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.1rem}
.dwp-redesign .feat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.6rem;display:flex;gap:1rem;transition:transform .3s var(--ease),background .3s}
.dwp-redesign .feat:hover{transform:translateY(-4px);background:var(--surface-2)}
.dwp-redesign .feat .fi{flex-shrink:0;width:2.6rem;height:2.6rem;border-radius:12px;display:grid;place-items:center;font-size:1.25rem;background:rgba(139,109,255,.12);border:1px solid var(--line-strong)}
.dwp-redesign .feat h3{font-size:var(--f-body);font-weight:700;margin-bottom:.35rem}
.dwp-redesign .feat p{font-size:var(--f-label);color:var(--muted);line-height:1.55;max-width:none}

/* Proof */
.dwp-redesign .proof{border-block:1px solid var(--line);text-align:center}
.dwp-redesign .proof .badge{width:clamp(4.5rem,10vw,6rem);height:clamp(4.5rem,10vw,6rem);margin:0 auto 1.75rem;border-radius:50%;display:grid;place-items:center;font-size:2rem;background:radial-gradient(circle at 40% 30%,rgba(139,109,255,.35),var(--surface));border:1px solid var(--line-strong);box-shadow:0 0 0 10px rgba(139,109,255,.06),0 0 60px -10px var(--glow)}
.dwp-redesign .proof h2{margin-inline:auto}
.dwp-redesign .proof p{margin:1.25rem auto 0;color:var(--muted)}

/* For whom */
.dwp-redesign .forwho{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2.5rem}
.dwp-redesign .fw{border-radius:20px;padding:2rem;border:1px solid var(--line)}
.dwp-redesign .fw.yes{background:linear-gradient(165deg,rgba(139,109,255,.1),var(--surface));border-color:var(--line-strong)}
.dwp-redesign .fw.no{background:var(--ground-2)}
.dwp-redesign .fw h3{font-size:var(--f-lead);margin-bottom:1.2rem}
.dwp-redesign .fw ul{list-style:none;display:flex;flex-direction:column;gap:.85rem;margin:0;padding:0}
.dwp-redesign .fw li{display:flex;gap:.65em;font-size:var(--f-body);color:var(--muted);align-items:flex-start}
.dwp-redesign .fw.yes li{color:var(--text)}

/* FAQ native */
.dwp-redesign .faq-list{display:flex;flex-direction:column;gap:.75rem;margin-top:2.5rem;max-width:760px}
.dwp-redesign details.qa{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .3s}
.dwp-redesign details.qa[open]{border-color:var(--line-strong)}
.dwp-redesign details.qa summary{list-style:none;cursor:pointer;padding:1.25rem 1.5rem;font-family:var(--display);font-weight:600;font-size:var(--f-body);display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--text)}
.dwp-redesign details.qa summary::-webkit-details-marker{display:none}
.dwp-redesign details.qa summary .pm{flex-shrink:0;width:1.5rem;height:1.5rem;position:relative;transition:transform .3s var(--ease)}
.dwp-redesign details.qa summary .pm::before,.dwp-redesign details.qa summary .pm::after{content:"";position:absolute;inset:0;margin:auto;background:var(--violet-bright)}
.dwp-redesign details.qa summary .pm::before{width:14px;height:2px}
.dwp-redesign details.qa summary .pm::after{width:2px;height:14px;transition:transform .3s var(--ease)}
.dwp-redesign details.qa[open] summary .pm::after{transform:scaleY(0)}
.dwp-redesign details.qa .a{padding:0 1.5rem 1.4rem;color:var(--muted);font-size:var(--f-body);line-height:1.75}

/* Final CTA */
.dwp-redesign .final{text-align:center}
.dwp-redesign .final-card{background:linear-gradient(165deg,var(--surface-2),var(--ground-2));border:1px solid var(--line-strong);border-radius:28px;padding:clamp(2.5rem,6vw,4.5rem) clamp(1.5rem,5vw,3rem);position:relative;overflow:hidden}
.dwp-redesign .final-card::before{content:"";position:absolute;inset:0;background:radial-gradient(40rem 20rem at 50% -20%,var(--glow),transparent 60%);pointer-events:none}
.dwp-redesign .final h2{margin:0 auto 1.25rem;position:relative}
.dwp-redesign .final .price{font-family:var(--display);font-size:var(--f-stat);font-weight:800;margin:1.5rem 0 .3rem;position:relative}
.dwp-redesign .final .price small{font-size:var(--f-body);color:var(--muted);font-weight:500}
.dwp-redesign .final .btn{margin-top:1.75rem;position:relative}
.dwp-redesign .disclosure{font-size:var(--f-label);color:var(--muted);text-align:center;max-width:60ch;margin:3rem auto 0;line-height:1.6;opacity:.8}

/* Motion — fail-safe : visible par défaut, animé seulement si JS présent */
.dwp-redesign.js-anim .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.dwp-redesign.js-anim .reveal.in{opacity:1;transform:none}
.dwp-redesign.js-anim .reveal.d1{transition-delay:.08s}
.dwp-redesign.js-anim .reveal.d2{transition-delay:.16s}
.dwp-redesign.js-anim .reveal.d3{transition-delay:.24s}

@media (max-width:720px){
  .dwp-redesign .compare,.dwp-redesign .forwho{grid-template-columns:1fr}
  .dwp-redesign .stats{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .dwp-redesign.js-anim .reveal{opacity:1;transform:none;transition:none}
  .dwp-redesign .btn,.dwp-redesign .feat,.dwp-redesign .pain-card{transition:none}
}