/* Thème CLAIR Jacky West pour les pages construites sur site.css + funnel.css (guide /ebook.php, /formation.php, /guide-claude-code.php,
   /methode-batisseur.php, pages légales, pages de retour/accès). Chargé APRÈS site.css et funnel.css, uniquement sous body.jw-light :
   on remappe les anciens jetons (cyan / navy) sur les jetons de marque --jw-* de l'accueil et de /system-ia, sans toucher au balisage
   ni aux attributs de mesure. Mêmes polices (Manrope / Inter / IBM Plex Mono), mêmes boutons, cartes, heroes et sections alternées. */
body.jw-light{
  --canvas:var(--jw-paper,#fffaf3); --surface:#ffffff; --surface-soft:#f6f3ff; --surface-muted:var(--jw-indigo-t,#eef0ff);
  --ink:var(--jw-ink,#1d1b3a); --ink-soft:#3f3c5c; --ink-muted:var(--jw-muted,#5b5876);
  --line:var(--jw-line,#e8e2d6); --line-strong:#d8cfbf;
  --cyan:var(--jw-indigo,#4f46e5); --cyan-hover:var(--jw-indigo-h,#4338ca); --cyan-tint:var(--jw-indigo-t,#eef0ff);
  --navy:var(--jw-ink,#1d1b3a); --navy-deep:#14122b; --on-navy:var(--jw-ink,#1d1b3a); --on-navy-soft:#3f3c5c; --on-navy-line:rgba(29,27,58,.14);
  --night-cyan:var(--jw-violet,#7c3aed); --amber:#ffe2c2;
  --shadow-sm:0 1px 2px rgba(29,27,58,.05),0 2px 8px -2px rgba(29,27,58,.07);
  --shadow:0 2px 4px rgba(29,27,58,.04),0 16px 36px -16px rgba(29,27,58,.22);
  --shadow-lg:0 30px 60px -28px rgba(49,46,129,.35);
  background:var(--canvas); color:var(--ink-soft);
}
body.jw-light main{background:var(--canvas)}
body.jw-light a:focus-visible,body.jw-light button:focus-visible,body.jw-light summary:focus-visible,body.jw-light input:focus-visible{outline:3px solid #3730a3;outline-offset:3px}
body.jw-light main p a:not(.btn),body.jw-light main li a:not(.btn){color:var(--jw-indigo,#4f46e5);text-decoration:underline;text-underline-offset:3px}

/* Sections : alternance crème / lavande, rythme de l'accueil */
body.jw-light section{padding:clamp(56px,8vw,96px) 0}
body.jw-light .section-soft{background:var(--surface-soft);border-top:1px solid #ece7fb;border-bottom:1px solid #ece7fb}
body.jw-light .wrap{max-width:1160px;padding:0 16px}
@media (min-width:720px){body.jw-light .wrap{padding:0 28px}}

/* Hero lumineux (même dégradé que .o-hero de l'accueil) */
body.jw-light .hero,body.jw-light main>section:first-child{position:relative;padding:clamp(56px,9vw,112px) 0 clamp(48px,7vw,80px);border-bottom:1px solid var(--line);
  background:radial-gradient(60% 50% at 92% 8%,rgba(165,180,252,.42),transparent 70%),radial-gradient(48% 42% at 0% 92%,rgba(255,122,77,.20),transparent 70%),
    linear-gradient(180deg,var(--jw-indigo-t,#eef0ff),var(--canvas) 92%)}
body.jw-light .hero h1,body.jw-light main>section:first-child h1{font-size:clamp(38px,8.6vw,64px);line-height:1.02;letter-spacing:-.04em;font-weight:800;color:var(--ink)}
body.jw-light .hero img{box-shadow:var(--shadow-lg)!important;border-radius:20px!important}

/* Typo */
body.jw-light h1,body.jw-light h2,body.jw-light h3{color:var(--ink)}
body.jw-light h2{font-weight:800;letter-spacing:-.03em}
body.jw-light .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--jw-indigo,#4f46e5);font-weight:600}
body.jw-light .eyebrow::before{content:"";width:18px;height:3px;border-radius:2px;background:var(--jw-warm,#ff7a4d)}
body.jw-light .eyebrow .dot{display:none}
body.jw-light .hl{color:var(--jw-violet,#7c3aed)}
body.jw-light .launch-badge{background:var(--ink);color:#fff;letter-spacing:.08em}

/* Boutons : indigo plein (principal), contour blanc (secondaire) ; plus de boutons noirs */
body.jw-light .btn{border-radius:14px;min-height:48px}
body.jw-light .btn-cyan{background:var(--jw-indigo,#4f46e5);color:#fff;box-shadow:0 10px 24px -10px rgba(79,70,229,.7)}
body.jw-light .btn-cyan:hover{background:var(--jw-indigo-h,#4338ca);color:#fff}
body.jw-light .btn-navy{background:linear-gradient(135deg,var(--jw-indigo,#4f46e5),var(--jw-violet,#7c3aed));color:#fff;box-shadow:0 10px 24px -10px rgba(124,58,237,.7)}
body.jw-light .btn-navy:hover{background:linear-gradient(135deg,var(--jw-indigo-h,#4338ca),#6d28d9)}
body.jw-light .btn-outline{background:#fff;color:var(--ink);border-color:var(--line-strong)}
body.jw-light .btn-outline:hover{border-color:var(--jw-indigo,#4f46e5);color:var(--jw-indigo,#4f46e5)}
body.jw-light .btn[disabled]{cursor:not-allowed}

/* Cartes : blanches, filet supérieur dégradé, ombre douce */
body.jw-light .card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)}
body.jw-light .card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--jw-indigo,#4f46e5),#a5b4fc 60%,var(--jw-warm,#ff7a4d))}
body.jw-light .card h3{font-weight:800;margin-top:4px}
body.jw-light .card:hover{transform:none}
body.jw-light .kpis .kpi{background:#fff;border-radius:18px;box-shadow:var(--shadow-sm);border-top:4px solid var(--jw-indigo,#4f46e5)}
body.jw-light .kpis .kpi:nth-child(2){border-top-color:var(--jw-warm,#ff7a4d)}
body.jw-light .kpis .kpi:nth-child(3){border-top-color:var(--jw-violet,#7c3aed)}
body.jw-light .kpis .kpi:nth-child(4){border-top-color:var(--jw-sun,#ffb703)}
body.jw-light .kpis .kpi b{font-weight:800}
body.jw-light .previews img{border-radius:14px;box-shadow:var(--shadow)}
body.jw-light .hbenefits li::before{color:var(--jw-warm-ink,#c2410c)}
body.jw-light .vstack li::before,body.jw-light .reassure span::before{background:var(--jw-indigo-t,#eef0ff);box-shadow:inset 0 0 0 1.5px var(--jw-indigo,#4f46e5)}
body.jw-light .vstack li::after{border-color:var(--jw-indigo,#4f46e5)}
body.jw-light .notice{background:#fff4e6;border:1px solid #f5c58a;color:#5a3300}
body.jw-light .notice a{color:#5a3300}

/* Ancienne section « navy » (bloc prix / appel final) → bloc lumineux : dégradé indigo → violet → chaud, carte blanche au centre */
body.jw-light .section-navy{color:var(--ink);background:radial-gradient(70% 80% at 100% 0%,rgba(255,183,3,.18),transparent 60%),
  linear-gradient(135deg,#eef0ff 0%,#f5f0ff 55%,#fff1e8 100%);border-top:1px solid #e3ddfb;border-bottom:1px solid #f3dccb}
body.jw-light .section-navy h1,body.jw-light .section-navy h2,body.jw-light .section-navy h3{color:var(--ink)}
body.jw-light .section-navy .lead,body.jw-light .section-navy p{color:var(--ink-soft)}
body.jw-light .section-navy .eyebrow,body.jw-light .section-navy .hl,body.jw-light .section-navy .cta-hint{color:var(--jw-indigo,#4f46e5)}
body.jw-light .section-navy .btn-outline{background:#fff;color:var(--ink);border-color:var(--line-strong)}
body.jw-light .section-navy .vstack li,body.jw-light .section-navy .reassure,body.jw-light .section-navy .consent-sm{color:var(--ink-soft)}
body.jw-light .section-navy .consent-sm a{color:var(--jw-indigo,#4f46e5)}
body.jw-light .section-navy .buyform,body.jw-light .section-navy form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 20px;box-shadow:var(--shadow-lg)}
body.jw-light .consent input{accent-color:var(--jw-indigo,#4f46e5)}

/* Prix */
body.jw-light .price-card{border-radius:24px;border-top:5px solid var(--jw-indigo,#4f46e5)}
body.jw-light .price-card .price span{color:var(--jw-violet,#7c3aed)}

/* FAQ */
body.jw-light .faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:4px 20px;margin:0;box-shadow:var(--shadow-sm)}
body.jw-light .faq summary{min-height:48px;display:flex;align-items:center;padding:12px 0}
body.jw-light .faq details[open]{border-color:color-mix(in srgb,var(--jw-indigo,#4f46e5) 35%,var(--line))}
body.jw-light .faq p{padding-bottom:14px}

/* Formulaires (opt-in, contact) */
body.jw-light .optin input[type=email],body.jw-light .field input,body.jw-light .field textarea,body.jw-light .field select{border:1.5px solid var(--line-strong);border-radius:12px;background:#fff}
body.jw-light .optin input[type=email]:focus{outline:3px solid #c7d2fe;border-color:var(--jw-indigo,#4f46e5)}

/* Pop-up Blueprint */
body.jw-light .rbpop{border-radius:22px}
body.jw-light .rbpop .pop-media{background-color:var(--jw-indigo,#4f46e5)}

/* Mobile */
@media (max-width:640px){
  body.jw-light{font-size:17px}
  body.jw-light .btn-lg{width:100%}
  body.jw-light .two-col{gap:28px!important}
}

/* Rythme vertical des en-têtes de section (les anciennes pages enchaînaient titre et paragraphe sans respiration) */
body.jw-light .wrap>.eyebrow,body.jw-light .wrap>div>.eyebrow{margin-bottom:12px}
body.jw-light .wrap>h2,body.jw-light .two-col h2{margin:0 0 14px}
body.jw-light .wrap>.lead{margin:0 0 28px;max-width:62ch}
body.jw-light .wrap>.pillars,body.jw-light .wrap>.kpis{margin-top:8px}