/* Page de vente V4 « L'aube » : la nuit au départ, l'aube au moment de l'offre. Surcouche de style.css, limitée à body.vente. */
body.vente{--serif:"Instrument Serif",Georgia,serif;--sans:"Inter",system-ui,sans-serif;background:var(--nuit);color:#EDEAF7;font-family:var(--sans)}
body.vente .ciel{position:fixed;inset:0;z-index:-1;background:var(--aube-grad);background-size:100% 520%;background-position:0 calc(var(--progress,0)*100%);transition:background-position .2s linear}
body.vente .ciel::after{content:"";position:absolute;inset:0;background:url("img/texture-grain.webp");opacity:.07;mix-blend-mode:overlay}
body.vente .etoiles{position:absolute;inset:0;opacity:calc(1 - var(--progress,0)*2.2);background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff8,transparent),radial-gradient(1px 1px at 27% 42%,#fff9,transparent),radial-gradient(2px 2px at 63% 12%,#ffe9c7cc,transparent),radial-gradient(1px 1px at 78% 33%,#fff8,transparent),radial-gradient(1.5px 1.5px at 88% 8%,#fffa,transparent),radial-gradient(1px 1px at 44% 26%,#fff7,transparent),radial-gradient(1px 1px at 6% 61%,#fff6,transparent),radial-gradient(1.5px 1.5px at 92% 55%,#fff7,transparent),radial-gradient(1px 1px at 52% 70%,#fff5,transparent),radial-gradient(1px 1px at 33% 85%,#fff5,transparent);animation:scintille 6s ease-in-out infinite alternate}
@keyframes scintille{from{filter:brightness(.7)}to{filter:brightness(1.25)}}
body.vente .site-header{background:rgba(20,24,51,.72);border-bottom:1px solid rgba(184,169,232,.18);backdrop-filter:blur(10px)}
body.vente .site-header a,body.vente .site-header .brand,body.vente .menu-btn{color:#F3EFFF}
body.vente .notice-bar{background:rgba(20,24,51,.55);color:#C9C2E6;font-size:.8rem;border:0}
body.vente .sale,body.vente .sale-main{background:transparent}
body.vente .block,body.vente .hero{background:transparent;position:relative;overflow:hidden}
body.vente .tint,body.vente .sky{background:rgba(31,37,80,.38)}
body.vente h1,body.vente h2,body.vente h3,body.vente .display{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;color:#FBF6EE}
body.vente h1.display{font-size:clamp(46px,11vw,88px);line-height:.98;margin:.2em 0 .35em}
body.vente h2{font-size:clamp(34px,7.5vw,56px);line-height:1.04}
body.vente h2 em,body.vente h1 em{font-style:italic;color:var(--or)}
body.vente .kicker{color:var(--lavande);letter-spacing:.16em;font-weight:600}
body.vente p,body.vente li{color:#DCD7EE;font-size:1.06rem;line-height:1.65}
body.vente .sub{font-family:var(--serif);font-size:clamp(22px,5vw,30px);line-height:1.3;color:var(--aube)}
body.vente .under,body.vente small{color:#A9A3C7}
/* hero : neurone de Cajal en lumière */
body.vente .hero{padding-top:3rem;min-height:92vh}
body.vente .hero-neurone{position:absolute;right:-18%;top:-4%;width:min(95vw,820px);opacity:.42;mix-blend-mode:screen;pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent 100%);mask-image:radial-gradient(closest-side,#000 55%,transparent 100%);animation:respire 9s ease-in-out infinite alternate}
@keyframes respire{from{transform:scale(1) rotate(0)}to{transform:scale(1.06) rotate(2deg)}}
body.vente .deco-neurone{position:absolute;left:-22%;bottom:-6%;width:min(90vw,700px);opacity:.28;mix-blend-mode:screen;pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent 100%);mask-image:radial-gradient(closest-side,#000 55%,transparent 100%)}
body.vente .panel,body.vente .card{background:rgba(31,37,80,.62);border:1px solid rgba(184,169,232,.22);border-radius:var(--r);box-shadow:var(--ombre);color:#EDEAF7;backdrop-filter:blur(6px)}
body.vente .card.cream,body.vente .card.ink{color:#EDEAF7}
/* boutons : le corail qui respire, seul appel à l'achat */
body.vente .btn{border-radius:999px;font-weight:600}
body.vente .btn.clay,body.vente .sticky-cta .btn{background:var(--corail);color:#fff;border:0;box-shadow:0 0 0 0 rgba(255,111,89,.55);animation:halo 2.6s ease-out infinite}
@keyframes halo{0%{box-shadow:0 0 0 0 rgba(255,111,89,.5)}70%{box-shadow:0 0 0 16px rgba(255,111,89,0)}100%{box-shadow:0 0 0 0 rgba(255,111,89,0)}}
body.vente .btn.ghost{background:transparent;color:#F3EFFF;border:1px solid rgba(243,239,255,.45)}
/* recherche : coupures d'articles sur papier */
body.vente .coupures{display:grid;gap:18px;margin:2rem 0}
@media(min-width:800px){body.vente .coupures{grid-template-columns:1fr 1fr}}
body.vente .coupure{margin:0;background:var(--papier) url("img/texture-papier.webp") center/cover;color:var(--encre);padding:22px 22px 18px;border-radius:6px;box-shadow:var(--ombre);transform:rotate(-.6deg)}
body.vente .coupure:nth-child(even){transform:rotate(.7deg)}
body.vente .coupure blockquote{margin:0 0 12px;font-family:var(--serif);font-size:1.32rem;line-height:1.35;color:var(--encre);background:linear-gradient(transparent 62%,rgba(245,199,107,.55) 62%);display:inline}
body.vente .coupure figcaption{margin-top:14px;font-size:.84rem;color:var(--brume)}
body.vente .figure-sci{margin:2rem 0 0;background:#fff;border-radius:var(--r);padding:16px;color:var(--encre)}
body.vente .figure-sci img{width:100%;height:auto;border-radius:8px}
body.vente .figure-sci figcaption{color:var(--brume);font-size:.9rem;margin-top:10px}
body.vente .lead-v{color:#CFC8EA}
/* promesse : l'aube, les fleurs */
body.vente .aube{background:linear-gradient(180deg,rgba(122,107,184,0) 0%,rgba(255,180,138,.22) 100%)}
body.vente .promesses{display:grid;gap:18px;margin-top:2rem}
@media(min-width:800px){body.vente .promesses{grid-template-columns:repeat(4,1fr)}}
body.vente .promesse{background:var(--ivoire);color:var(--encre);border-radius:var(--r);overflow:hidden;box-shadow:var(--ombre)}
body.vente .promesse img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform 1.2s var(--ease)}
body.vente .promesse.is-in img{transform:scale(1.04)}
body.vente .promesse h3{color:var(--encre);font-size:1.7rem;margin:16px 18px 6px}
body.vente .promesse p{color:#4A4660;margin:0 18px 20px;font-size:1rem}
/* offre au lever du soleil */
body.vente .lever{padding-top:7rem}
body.vente .soleil{position:absolute;left:50%;top:2.5rem;width:340px;height:340px;margin-left:-170px;border-radius:50%;background:radial-gradient(circle,#FFE3A3 0%,var(--or) 45%,rgba(255,180,138,0) 70%);filter:blur(2px);transform:translateY(calc((1 - var(--progress,0))*160px));opacity:calc(var(--progress,0)*1.4)}
body.vente .prix-fleur{position:absolute;right:-60px;bottom:-30px;width:300px;opacity:.9;border-radius:50%;mix-blend-mode:multiply;pointer-events:none}
body.vente .price-card{position:relative;background:rgba(251,246,238,.94);color:var(--encre);border:0}
body.vente .price-card p,body.vente .price-card li{color:#3C3852}
body.vente .price-card .kicker{color:#7A6BB8}
body.vente .price .now{font-family:var(--serif);font-size:clamp(64px,16vw,104px);color:var(--encre)}
body.vente .price .old{color:var(--brume)}
body.vente .guarantee{background:rgba(143,181,154,.18);border-radius:var(--r-sm);padding:14px 16px;color:var(--encre)}
body.vente .secure{color:var(--brume)}
/* après l'aube, la page devient claire et lisible */
body.vente #faq,body.vente #rejoindre{background:var(--ivoire)}
body.vente #faq h2,body.vente #rejoindre h2,body.vente #faq p,body.vente #rejoindre p,body.vente #faq summary,body.vente #rejoindre label{color:var(--encre)}
body.vente #rejoindre .card{background:#fff;color:var(--encre)}
body.vente .site-footer{background:var(--nuit);color:#C9C2E6}
body.vente .sticky-cta{background:rgba(20,24,51,.86);border:1px solid rgba(184,169,232,.35);backdrop-filter:blur(8px)}
body.vente .sticky-cta .txt{color:#F3EFFF}
/* apparitions */
body.vente .reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
body.vente .reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){body.vente *{animation:none!important;transition:none!important}body.vente .reveal{opacity:1;transform:none}}

body.vente .price-card .under,body.vente .price-card .anchor{color:#3C3852}
body.vente .guarantee strong,body.vente .guarantee .kicker{color:#3F7A55}
body.vente .price-card .btn.clay{display:inline-block;margin:6px 0 4px}

body.vente .syn-fig svg text{fill:#EDEAF7}
body.vente h1,body.vente h2,body.vente h3{font-synthesis:none}
/* Test d'entrée */
body.quiz-page .quiz{min-height:88vh;padding-top:2.5rem}
body.quiz-page .quiz-wrap{max-width:640px;position:relative}
body.quiz-page .quiz-bar{height:6px;border-radius:9px;background:rgba(184,169,232,.2);overflow:hidden;margin-bottom:18px}
body.quiz-page .quiz-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--lavande),var(--aube));transition:width .5s var(--ease)}
body.quiz-page .quiz-count{color:var(--lavande);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}
body.quiz-page .quiz-q{font-size:clamp(30px,7vw,46px);margin:.3em 0 .8em;outline:none}
body.quiz-page .quiz-choices{display:grid;gap:12px}
body.quiz-page .quiz-choices.in .choice{animation:monte .45s var(--ease) both}
body.quiz-page .quiz-choices.in .choice:nth-child(2){animation-delay:.06s}body.quiz-page .quiz-choices.in .choice:nth-child(3){animation-delay:.12s}body.quiz-page .quiz-choices.in .choice:nth-child(4){animation-delay:.18s}
@keyframes monte{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
body.quiz-page .choice{text-align:left;padding:18px 20px;border-radius:var(--r-sm);border:1px solid rgba(184,169,232,.3);background:rgba(31,37,80,.6);color:#F3EFFF;font:500 1.05rem/1.4 var(--sans);cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
body.quiz-page .choice:hover,body.quiz-page .choice:focus-visible{border-color:var(--aube);transform:translateX(4px)}
body.quiz-page .choice.on{background:rgba(255,180,138,.22);border-color:var(--aube)}
body.quiz-page .quiz-back{margin-top:18px;background:none;border:0;color:var(--lavande);font:500 .95rem var(--sans);cursor:pointer;text-decoration:underline}
body.quiz-page .quiz-result .panel{margin-top:1.6rem;padding:22px}
body.quiz-page .quiz-result h3{font-size:1.6rem;margin-top:0}
body.quiz-page .form input[type=email]{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(184,169,232,.4);background:rgba(255,255,255,.95);color:var(--encre);font-size:1rem;margin:6px 0 12px}
body.quiz-page .form label{color:#E7E2F7}
body.quiz-page .check{display:flex;gap:8px;align-items:flex-start;font-weight:400}
body.quiz-page .check input{width:auto;margin-top:5px}
body.quiz-page .dis{background:rgba(143,181,154,.18);border-radius:12px;padding:14px 16px}
body.quiz-page .dis a{color:var(--or)}
body.quiz-page .notice-quiz{margin-top:3rem;font-size:.82rem;color:#A9A3C7}
body.quiz-page .hp{position:absolute;left:-9999px}
body.quiz-page .big{font-size:1.1rem;padding:16px 26px}
/* Leçon offerte et paywall */
body.lecon-page .lesson-light{background:var(--ivoire);color:var(--encre);border-radius:var(--r);padding:28px 22px;box-shadow:var(--ombre)}
body.lecon-page .lesson-light h1,body.lecon-page .lesson-light h2,body.lecon-page .lesson-light h3{color:var(--encre)}
body.lecon-page .lesson-light p,body.lecon-page .lesson-light li,body.lecon-page .lesson-light blockquote{color:#2E2B40}
body.lecon-page .lesson-light .kicker{color:#7A6BB8}
body.lecon-page .paywall{position:relative;margin-top:2.5rem}
body.lecon-page .paywall .apercu{max-height:340px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 20%,transparent 92%);mask-image:linear-gradient(#000 20%,transparent 92%);filter:blur(.6px)}
body.lecon-page .paywall .mur{position:relative;margin-top:-90px;text-align:center;background:linear-gradient(180deg,rgba(122,107,184,.94),rgba(255,180,138,.96));border-radius:var(--r);padding:30px 22px;color:var(--nuit);box-shadow:var(--ombre)}
body.lecon-page .paywall .mur h2{color:var(--nuit);margin:.2em 0}
body.lecon-page .paywall .mur p,body.lecon-page .paywall .mur li{color:#1C1B29}
body.lecon-page .paywall .mur ul{list-style:none;padding:0;margin:14px 0 20px}
body.lecon-page .paywall .mur li{margin:6px 0}
body.lecon-page .cadenas{width:46px;height:52px;margin:0 auto 6px;display:block}

body.quiz-page .quiz-result{scroll-margin-top:90px}
body.vente .btn.ghost{margin-left:6px}
/* Ciel : la nuit qui devient aube au scroll seulement sur la page de vente ; ailleurs un ciel fixe et calme (plus d'effet « bloqué ») */
body.vente:not(.has-sticky) .ciel{background:linear-gradient(180deg,#141833 0%,#232A63 55%,#3A3F8F 100%);background-size:100% 100%;background-position:0 0;transition:none}
body.vente:not(.has-sticky) .etoiles{opacity:.9}
/* Test : un écran, une carte au centre */
body.quiz-page .quiz{min-height:calc(100vh - 140px);display:flex;align-items:center;padding:2rem 0 3rem}
body.quiz-page .quiz-wrap{width:100%}
body.quiz-page .quiz-intro,body.quiz-page .quiz-box,body.quiz-page .quiz-result{background:rgba(31,37,80,.55);border:1px solid rgba(184,169,232,.22);border-radius:28px;padding:28px 22px;box-shadow:0 30px 80px -30px rgba(0,0,0,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body.quiz-page .quiz-intro h1{font-size:clamp(48px,13vw,84px)}
body.quiz-page .quiz-intro .btn{margin-top:10px}
body.quiz-page .hero-neurone{right:-30%;top:0;opacity:.3}
body.quiz-page .choice{display:block;width:100%;-webkit-appearance:none;appearance:none}
body.quiz-page .btn.clay.big{display:inline-block;padding:16px 28px;border:0;border-radius:999px;background:var(--corail);color:#fff;font:600 1.08rem var(--sans);cursor:pointer;text-decoration:none}
body.quiz-page .quiz-result .panel{background:rgba(251,246,238,.96);border:0;color:var(--encre)}
body.quiz-page .quiz-result .panel h3,body.quiz-page .quiz-result .panel label,body.quiz-page .quiz-result .panel p{color:var(--encre)}
body.quiz-page .quiz-result .panel a{color:#7A6BB8}
body.quiz-page .quiz-result .form input[type=email]{border-color:#D9D2EE}
body.quiz-page .site-footer .newsletter{display:none}
/* Pied de page sur fond nuit */
body.vente .site-footer{background:#0F1229;color:#C9C2E6;padding:2.5rem 0 2rem;border-top:1px solid rgba(184,169,232,.15)}
body.vente .site-footer .foot{display:block}
body.vente .site-footer .foot-top{display:block;max-width:560px;margin-bottom:2rem}
body.vente .site-footer .logo{display:inline-flex;align-items:center;gap:10px;color:#F3EFFF;text-decoration:none;margin-bottom:10px}
body.vente .site-footer .logo-word{color:#F3EFFF;font-family:var(--serif);font-weight:400;font-size:1.8rem}
body.vente .site-footer .logo-sun{width:30px;height:30px;color:#F3EFFF}
body.vente .site-footer .about{color:#BDB6DB;font-size:.98rem;margin:.4rem 0}
body.vente .site-footer .about a{color:var(--aube)}
body.vente .site-footer .foot-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 1.2rem}
@media(min-width:800px){body.vente .site-footer .foot-cols{grid-template-columns:repeat(3,1fr)}}
body.vente .site-footer .foot-cols>nav,body.vente .site-footer .foot-cols>div{display:flex;flex-direction:column;gap:8px}
body.vente .site-footer .foot-h{color:var(--lavande);font:600 .78rem var(--sans);letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px}
body.vente .site-footer a{color:#E4DFF5;text-decoration:none;font-size:.95rem}
body.vente .site-footer a:hover{color:var(--aube)}
body.vente .site-footer .notice.dis{background:rgba(143,181,154,.12);border:0;border-radius:12px;color:#CFE3D4;padding:12px 14px;margin:2rem 0 1rem;font-size:.86rem}
body.vente .site-footer .copy{color:#8D87AD;font-size:.82rem}
body.vente .newsletter{background:transparent}
body.vente .newsletter h2{color:#FBF6EE}

body.vente .site-footer .foot{padding-left:20px;padding-right:20px;max-width:1100px;margin:0 auto}

/* ===== Lever de soleil (demande de Théo, 2026-10-19) : plus clair, plein d'espoir. Surcharge tout ce qui précède. ===== */
body.vente{background:#FFF4E8;color:#2A2640}
body.vente .ciel,body.vente:not(.has-sticky) .ciel{background:linear-gradient(180deg,#E6E0F7 0%,#F3D9E6 28%,#FFD4BC 55%,#FFE6BF 78%,#FFF6E6 100%);background-size:100% 100%;background-position:0 0}
body.vente.has-sticky .ciel{background:linear-gradient(180deg,#DCD8F4 0%,#EED3E6 18%,#FFCFB8 40%,#FFDDAE 62%,#FFF0D2 82%,#FFF9EF 100%);background-size:100% 260%;background-position:0 calc(var(--progress,0)*100%)}
body.vente .ciel::after{opacity:.05;mix-blend-mode:multiply}
body.vente .etoiles{display:none}
body.vente .ciel::before{content:"";position:absolute;left:50%;top:38%;width:120vmax;height:120vmax;margin-left:-60vmax;border-radius:50%;background:radial-gradient(circle,rgba(255,226,160,.55) 0%,rgba(255,200,150,.25) 30%,rgba(255,255,255,0) 60%);pointer-events:none}
/* la coupe de neurone : encre de Cajal sur le ciel clair */
body.vente .hero-neurone,body.vente .deco-neurone{filter:invert(1) sepia(.55) hue-rotate(200deg) saturate(1.4);mix-blend-mode:multiply;opacity:.26}
body.vente .hero-neurone{opacity:.3}
/* textes */
body.vente h1,body.vente h2,body.vente h3,body.vente .display{color:#221E38}
body.vente h1 em,body.vente h2 em{color:#D9643F}
body.vente p,body.vente li,body.vente .lead-v{color:#433E5C}
body.vente .sub{color:#B5523A}
body.vente .kicker{color:#7A62B8}
body.vente .under,body.vente small{color:#6E6A85}
body.vente a{color:#B5523A}
/* en-tête et bandeau */
body.vente .site-header{background:rgba(255,248,240,.78);border-bottom:1px solid rgba(122,98,184,.15)}
body.vente .site-header a,body.vente .site-header .brand,body.vente .menu-btn,body.vente .site-header .logo-word{color:#221E38}
body.vente .notice-bar{background:rgba(255,255,255,.55);color:#5A5574}
/* surfaces : verre clair */
body.vente .tint,body.vente .sky{background:rgba(255,255,255,.28)}
body.vente .panel,body.vente .card,body.vente .card.cream,body.vente .card.ink{background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.8);color:#2A2640;box-shadow:0 20px 50px -25px rgba(120,80,60,.35)}
body.vente .panel p,body.vente .card p,body.vente .card li{color:#433E5C}
body.vente .btn.ghost{color:#221E38;border-color:rgba(34,30,56,.35)}
body.vente .syn-fig svg text{fill:#2A2640}
/* recherche, promesse, prix */
body.vente .figure-sci{box-shadow:0 20px 50px -25px rgba(120,80,60,.35)}
body.vente .aube{background:transparent}
body.vente .soleil{opacity:calc(.35 + var(--progress,0))}
body.vente .price-card{background:rgba(255,255,255,.9)}
/* barre d'achat collante */
body.vente .sticky-cta{background:rgba(255,248,240,.9);border:1px solid rgba(217,100,63,.35)}
body.vente .sticky-cta .txt{color:#221E38}
/* test */
body.quiz-page .quiz-intro,body.quiz-page .quiz-box,body.quiz-page .quiz-result{background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.85);box-shadow:0 30px 70px -35px rgba(120,80,60,.45)}
body.quiz-page .quiz-count{color:#7A62B8}
body.quiz-page .quiz-bar{background:rgba(122,98,184,.15)}
body.quiz-page .quiz-bar span{background:linear-gradient(90deg,#9C88E0,#FF9E7A)}
body.quiz-page .choice{background:rgba(255,255,255,.85);border:1px solid rgba(122,98,184,.22);color:#2A2640}
body.quiz-page .choice:hover,body.quiz-page .choice:focus-visible{border-color:#FF9E7A}
body.quiz-page .choice.on{background:#FFE4D4;border-color:#FF8F6B}
body.quiz-page .quiz-back{color:#7A62B8}
body.quiz-page .form label{color:#2A2640}
body.quiz-page .dis{background:rgba(143,181,154,.22);color:#2A2640}
body.quiz-page .dis a{color:#B5523A}
body.quiz-page .notice-quiz{color:#6E6A85}
/* leçon offerte */
body.lecon-page .paywall .mur{background:linear-gradient(180deg,#F1E8FF,#FFD9C4)}
/* pied de page : un crépuscule doux plutôt que la nuit */
body.vente .site-footer{background:#2C2650}

body.vente .hero-neurone{opacity:.55;filter:invert(1) sepia(.6) hue-rotate(205deg) saturate(1.6) contrast(1.3)}
body.vente .deco-neurone{opacity:.42;filter:invert(1) sepia(.6) hue-rotate(205deg) saturate(1.6) contrast(1.3)}
body.vente .hero,body.vente .quiz{position:relative;overflow:hidden}
body.vente .hero .wrap,body.vente .quiz .wrap{position:relative;z-index:1}
/* Vues au microscope mêlées au fond, sur toute la hauteur de la page */
body.vente{position:relative}
body.vente .micro{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
body.vente .micro img{position:absolute;width:min(78vw,620px);height:auto;opacity:.34;mix-blend-mode:multiply;filter:invert(1) sepia(.6) hue-rotate(205deg) saturate(1.6) contrast(1.25);transform:rotate(var(--r));animation:flotte var(--d) ease-in-out infinite alternate;-webkit-mask-image:radial-gradient(closest-side,#000 50%,transparent 100%);mask-image:radial-gradient(closest-side,#000 50%,transparent 100%)}
body.vente .micro .m-l{left:-28%}
body.vente .micro .m-r{right:-28%}
@media(min-width:900px){body.vente .micro img{width:560px;opacity:.3}body.vente .micro .m-l{left:-6%}body.vente .micro .m-r{right:-6%}}
@keyframes flotte{from{transform:rotate(var(--r)) translateY(0) scale(1)}to{transform:rotate(calc(var(--r) + 4deg)) translateY(-26px) scale(1.04)}}
body.vente main,body.vente .sale,body.vente section,body.vente article,body.vente .site-footer,body.vente .notice-bar{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){body.vente .micro img{animation:none}}
body.vente .micro img{opacity:.5;width:min(95vw,640px);-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%)}
body.vente .micro .m-l{left:-14%}
body.vente .micro .m-r{right:-14%}
@media(min-width:900px){body.vente .micro img{width:620px;opacity:.42}body.vente .micro .m-l{left:-4%}body.vente .micro .m-r{right:-4%}}
body.vente .panel,body.vente .card,body.vente .card.cream,body.vente .card.ink{background:rgba(255,255,255,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
body.vente .tint,body.vente .sky{background:transparent}

/* pages courtes : moins de dessins visibles, sans débordement */
body.vente .micro img:nth-child(n+9){display:var(--long,block)}

body.quiz-page .notice-quiz{background:rgba(255,255,255,.7);border-radius:12px;padding:12px 14px}
body.vente .micro img:nth-child(n+9){display:block}
/* Vues au microscope en pleine largeur, derrière le texte (Théo, 2026-10-19) */
body.vente .micro img,body.vente .micro .m-l,body.vente .micro .m-r{left:0;right:0;width:100%;max-width:none;height:auto;min-height:70vh;object-fit:cover;opacity:.3;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%)}
@media(min-width:900px){body.vente .micro img,body.vente .micro .m-l,body.vente .micro .m-r{width:100%;opacity:.26;max-height:120vh}}
@keyframes flotte{from{transform:translateY(0) scale(1)}to{transform:translateY(-30px) scale(1.03)}}
body.vente .hero-neurone,body.vente .deco-neurone{display:none}

body.vente .micro img{opacity:.25}
@media(min-width:900px){body.vente .micro img{opacity:.2}}
body.vente .card .kicker,body.vente .panel .kicker{color:#6A52AE}
/* Espace membre : pas de dessins dans le flux ; la connexion garde la planche de Cajal nuit et or en plein fond (Théo l'adore) */
body.mem .micro,body.mem .ciel{display:none}
body.m-auth .micro{display:block;position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#1B1F4A}
body.m-auth .micro img{display:none!important}
body.m-auth .micro img:first-child{display:block!important;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;filter:none;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none;animation:respire 14s ease-in-out infinite alternate}
body.m-auth main,body.m-auth .auth,body.m-auth .site-header,body.m-auth header{position:relative;z-index:1}
body.m-auth .auth-card{background:rgba(255,250,244,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
/* Lisibilité du texte posé sur les dessins : un halo couleur ciel autour des lettres */
body.vente main p,body.vente main li,body.vente main h1,body.vente main h2,body.vente main h3,body.vente main .kicker,body.vente main .sub{text-shadow:0 0 14px rgba(255,244,234,.95),0 0 4px rgba(255,244,234,.9)}
body.vente main .card p,body.vente main .panel p,body.vente main .coupure *,body.vente main .promesse *,body.vente main .price-card *{text-shadow:none}
body.vente main p,body.vente main li{color:#35304F}
/* Preuve : messages Instagram */
body.vente .preuve-msg h2,body.vente .preuve-stats h2{max-width:20ch}
body.vente .center{text-align:center;margin-top:1.6rem}
body.vente .dm{max-width:560px;margin:1.6rem auto 0;background:rgba(255,255,255,.82);border-radius:28px;padding:0 0 18px;box-shadow:0 30px 70px -30px rgba(120,70,60,.45);overflow:hidden;border:1px solid rgba(255,255,255,.9)}
body.vente .dm-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(60,50,90,.08);background:rgba(255,255,255,.9)}
body.vente .dm-head img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:top;background:linear-gradient(135deg,#FFB48A,#B8A9E8);padding:2px}
body.vente .dm-head strong{display:block;font:600 .95rem var(--sans);color:#221E38;text-shadow:none}
body.vente .dm-head span{font-size:.78rem;color:#7A7690}
body.vente .dm-row{display:flex;align-items:flex-end;gap:10px;padding:10px 16px 0}
body.vente .dm-av{flex:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#E6E0F7,#FFD4BC);display:grid;place-items:center;color:#7A62B8;font-size:14px}
body.vente main .dm-bulle{margin:0;background:#EFEDF5;color:#221E38;border-radius:22px 22px 22px 6px;padding:12px 16px;font:500 1.08rem/1.45 var(--sans);text-shadow:none;max-width:85%}
body.vente .dm-row:nth-child(odd) .dm-bulle{background:#F6EEF7}
/* Preuve : chiffres, courbe, barres, René */
body.vente .ps-grid{display:grid;grid-template-columns:1fr;gap:10px;align-items:end}
@media(min-width:800px){body.vente .ps-grid{grid-template-columns:1.3fr .7fr}}
body.vente .ps-nums{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
body.vente .ps-nums li{background:rgba(255,255,255,.75);border-radius:18px;padding:14px 10px;text-align:center;box-shadow:0 14px 34px -22px rgba(120,70,60,.5)}
body.vente main .ps-nums .num{display:block;font-family:var(--serif);font-size:clamp(28px,7vw,48px);line-height:1;color:#D9643F;text-shadow:none}
body.vente main .ps-nums span{font-size:.85rem;color:#5A5574;text-shadow:none}
body.vente .ps-rene{margin:0;text-align:center;position:relative}
body.vente .ps-rene img{width:min(70%,300px);height:auto;filter:drop-shadow(0 20px 30px rgba(120,70,60,.35));-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,#000 80%,transparent 100%)}
body.vente .ps-rene figcaption{font:600 .82rem var(--sans);color:#7A62B8;letter-spacing:.08em;text-transform:uppercase;margin-top:-6px}
body.vente .ps-chart{margin:1.6rem 0 0;padding:18px 16px 12px}
body.vente .ps-chart figcaption{font-size:1rem;color:#433E5C;margin-bottom:6px}
body.vente .ps-chart figcaption strong{font-family:var(--serif);font-weight:400;font-size:1.6rem;color:#221E38}
body.vente .ps-chart svg{width:100%;height:auto;display:block}
body.vente .ps-trace{stroke-dasharray:1;stroke-dashoffset:1}
body.vente .ps-chart.is-in .ps-trace{animation:trace 2.2s var(--ease) forwards}
@keyframes trace{to{stroke-dashoffset:0}}
body.vente .ps-point{animation:pulse 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes pulse{50%{transform:scale(1.5);opacity:.6}}
body.vente main .ps-axe{display:flex;justify-content:space-between;font-size:.8rem;color:#7A7690;margin:4px 0 0;text-shadow:none}
body.vente .ps-bars{margin-top:14px;padding:18px 16px}
body.vente .ps-bar{display:grid;grid-template-columns:1fr auto;gap:4px 10px;text-decoration:none;margin:12px 0}
body.vente .ps-bt{grid-column:1/-1;font:500 .95rem var(--sans);color:#2A2640}
body.vente .ps-track{height:12px;border-radius:9px;background:rgba(122,98,184,.12);overflow:hidden;align-self:center}
body.vente .ps-fill{display:block;height:100%;width:0;border-radius:9px;background:linear-gradient(90deg,#B8A9E8,#FF8F6B);transition:width 1.4s var(--ease)}
body.vente .ps-bars.is-in .ps-fill{width:var(--w)}
body.vente .ps-bv{font:600 .9rem var(--sans);color:#D9643F}
@media(max-width:799px){body.vente .ps-grid{grid-template-columns:1fr 38%;align-items:end}body.vente .ps-txt{grid-column:1/-1}body.vente .ps-rene{grid-column:2;grid-row:1;align-self:start;margin-top:-10px}body.vente .ps-rene img{width:100%;max-height:230px;object-fit:contain}body.vente .ps-txt h2{max-width:62%}}
body.vente .ps-rene img{max-height:420px;object-fit:contain}
@media(min-width:800px){body.vente .ps-chart,body.vente .ps-bars{max-width:760px;margin-left:auto;margin-right:auto}body.vente main .ps-nums .num{font-size:clamp(30px,3.2vw,46px);white-space:nowrap}body.vente .ps-nums li{padding:16px 8px}}
/* ===== Tunnel de vente : accueil, messages qui défilent, étapes, offre ===== */
body.vente .hero-vente{min-height:auto;padding:3.2rem 0 2rem}
body.vente .hero-vente h1.display{font-size:clamp(48px,12vw,96px);max-width:14ch}
body.vente .hv-cta{display:flex;flex-wrap:wrap;gap:12px;margin:1.6rem 0 1.2rem;align-items:center}
body.vente .hv-confiance{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
body.vente .hv-confiance li{background:rgba(255,255,255,.7);border-radius:999px;padding:8px 14px;font-size:.9rem;color:#433E5C;text-shadow:none}
body.vente .hv-confiance strong{color:#D9643F}
body.vente .center{text-align:center}
body.vente h2.center{margin-left:auto;margin-right:auto;max-width:22ch}
/* messages : bandeau qui défile */
body.vente .defile{margin:1.6rem calc(50% - 50vw) 0;width:100vw;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
body.vente .defile-piste{display:flex;gap:16px;width:max-content;animation:defile 38s linear infinite;padding:10px 0 24px}
body.vente .defile:hover .defile-piste{animation-play-state:paused}
@keyframes defile{to{transform:translateX(-50%)}}
body.vente .msg{margin:0;width:min(78vw,340px);flex:none;background:rgba(255,255,255,.9);border-radius:24px 24px 24px 8px;padding:16px 18px;box-shadow:0 18px 40px -24px rgba(120,70,60,.5)}
body.vente .msg-h{display:flex;align-items:center;gap:8px;font:600 .74rem var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#7A62B8;margin-bottom:8px}
body.vente .msg-h img{width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:top;background:linear-gradient(135deg,#FFB48A,#B8A9E8)}
body.vente main .msg blockquote{margin:0;font-family:var(--serif);font-size:1.45rem;line-height:1.3;color:#221E38;text-shadow:none}
/* étapes */
body.vente .et-liste{list-style:none;padding:0;margin:1.8rem 0;display:grid;gap:14px}
@media(min-width:800px){body.vente .et-liste{grid-template-columns:repeat(3,1fr)}}
body.vente .et-liste li{background:rgba(255,255,255,.72);border-radius:22px;padding:22px 20px;box-shadow:0 18px 40px -26px rgba(120,70,60,.5)}
body.vente .et-n{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#FFB48A,#FF6F59);color:#fff;font:600 1.2rem var(--sans);margin-bottom:8px}
body.vente main .et-liste h3{margin:.2em 0;font-size:1.6rem;text-shadow:none}
body.vente main .et-liste p{margin:0;text-shadow:none}
/* offre complète */
body.vente .offre-carte{max-width:820px;margin:1.8rem auto 0;background:rgba(255,255,255,.88);border-radius:30px;box-shadow:0 30px 80px -35px rgba(120,70,60,.55);overflow:hidden}
body.vente .offre-liste{list-style:none;margin:0;padding:10px 22px}
body.vente .offre-liste li{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid rgba(60,50,90,.08)}
body.vente .o-ic{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#F1E8FF,#FFE0CF);color:#D9643F;font:400 1.5rem var(--serif)}
body.vente main .offre-liste strong{display:block;font:600 1.05rem var(--sans);color:#221E38;text-shadow:none}
body.vente main .offre-liste p{margin:.2em 0 0;font-size:.97rem;color:#4A4562;text-shadow:none}
body.vente main .offre-bonus{margin:6px 22px 0;padding:14px 16px;border-radius:16px;background:rgba(143,181,154,.2);color:#2E4B38;font-size:.98rem}
body.vente .offre-prix{text-align:center;padding:26px 22px 28px;margin-top:14px;background:linear-gradient(180deg,rgba(255,228,200,.5),rgba(255,240,215,.9))}
body.vente main .op-l{margin:0;font:600 .8rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#7A62B8;text-shadow:none}
body.vente main .op-p{margin:.1em 0;text-shadow:none}
body.vente .op-p span{font-family:var(--serif);font-size:clamp(64px,15vw,96px);color:#221E38;line-height:1}
body.vente .op-p s{color:#8A86A0;font-size:1.4rem;margin-left:8px}
body.vente main .op-s{font-size:.88rem;color:#6E6A85;margin:.4em 0;text-shadow:none}
body.vente main .op-g{max-width:440px;margin:.8em auto;font-size:.95rem;color:#2E4B38;text-shadow:none}
body.vente .op-form{margin:14px 0 6px}
body.vente .op-form .btn{width:100%;max-width:420px;font-size:1.15rem;padding:18px 24px}
body.vente .final{padding:4rem 0}
body.accueil .sticky-cta{display:flex}
/* Fond FIXE (Théo : une animation de fond donne mal aux yeux) : ni flottement, ni ciel qui change au scroll, ni respiration */
body.vente .micro img,body.m-auth .micro img:first-child,body.vente .hero-neurone,body.vente .etoiles{animation:none!important;transform:none!important}
body.vente.has-sticky .ciel{background-size:100% 100%!important;background-position:0 0!important;transition:none!important}
body.vente .soleil{transform:none!important;opacity:.85!important}

/* Théo : plus de décor fixe (halo de soleil immobile, soleil de l offre) */
body.vente .ciel::before{display:none!important}
body.vente .soleil{display:none!important}

/* ===== Style « appli de méditation » (Théo, 2026-10-20) : fond calme, doux, sans dessins ni décor ===== */
body.vente{background:linear-gradient(180deg,#F2EFFA 0%,#F6EFF6 22%,#FBF0EC 48%,#FDF3EA 72%,#FFF8F1 100%) no-repeat;background-color:#FFF8F1;min-height:100vh}
body.vente .ciel,body.vente .micro,body.vente .hero-neurone,body.vente .deco-neurone{display:none!important}
body.vente main p,body.vente main li,body.vente main h1,body.vente main h2,body.vente main h3,body.vente main .kicker,body.vente main .sub{text-shadow:none}
body.vente .panel,body.vente .card,body.vente .card.cream,body.vente .card.ink{background:#FFFFFF;border:0;box-shadow:0 10px 40px -18px rgba(90,70,140,.22);backdrop-filter:none;-webkit-backdrop-filter:none}
body.vente .site-header{background:rgba(250,247,253,.86);border-bottom:0;box-shadow:0 1px 0 rgba(90,70,140,.06)}
body.vente .notice-bar{background:transparent}
/* Ambiance zen : paysage de lever de soleil en tête de page, qui défile avec la page (ni fixe, ni animé) */
body.vente .paysage{position:absolute;left:0;right:0;top:0;height:max(100svh,640px);z-index:0;pointer-events:none;background:url("img/aube.svg?v=2") center bottom/cover no-repeat;
  -webkit-mask-image:linear-gradient(180deg,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,#000 82%,transparent 100%)}
@media(min-width:1024px){body.vente .paysage{height:min(100vh,900px)}}
body.vente{background:linear-gradient(180deg,#ECE7F8 0px,#F6EFF6 900px,#FBF0EC 50%,#FDF3EA 80%,#FFF8F1 100%) no-repeat;background-color:#FFF8F1}
body.mem .paysage{display:none}

body.vente .ps-grid{grid-template-columns:1fr!important}
body.vente .ps-txt h2{max-width:none!important}
/* Après le test : leçon directe, e-mail facultatif */
body.quiz-page .lecon-direct{margin:0 0 10px}
body.quiz-page .lecon-direct .btn{width:100%}
body.quiz-page .mail-option{margin-top:14px;border-top:1px solid rgba(90,70,140,.12);padding-top:12px}
body.quiz-page .mail-option summary{cursor:pointer;font:600 .95rem var(--sans);color:#6A52AE;list-style:none}
body.quiz-page .mail-option summary::-webkit-details-marker{display:none}
body.quiz-page .mail-option summary::after{content:" +";}
body.quiz-page .mail-option[open] summary::after{content:" −"}
body.lecon-page .mail-carte{max-width:760px;margin:2rem auto 0;background:#fff;border-radius:24px;padding:24px 22px;box-shadow:0 10px 40px -18px rgba(90,70,140,.22)}
body.lecon-page .mail-carte h2{font-size:1.7rem;margin:.2em 0}
body.lecon-page .mail-carte form{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
body.lecon-page .mail-carte input[type=email]{flex:1 1 220px;padding:14px 16px;border-radius:12px;border:1px solid #D9D2EE;font-size:1rem}
body.lecon-page .mail-carte .hp{position:absolute;left:-9999px}
body.lecon-page .fin-lecon{margin:2rem 0 0;background:linear-gradient(160deg,#FFF3EA,#F3ECFF);border-radius:24px;padding:24px 22px;box-shadow:0 10px 40px -18px rgba(90,70,140,.25)}
body.lecon-page .fin-lecon h2{font-size:1.8rem;margin:.2em 0 .5em}
body.lecon-page .fin-lecon ul{padding-left:1.1em;margin:0 0 16px}
body.lecon-page .fin-lecon .btn{width:100%}
body.quiz-page .quiz-result .lecon-direct{margin:14px 0 18px}