/* salty.lau — page de vente, style aligné sur la formation (noir + violet) */
:root{--v:#988df8;--card:#0c0c0e;--line:#1f1f21}
html,body,#encore-theme,main{background:#000!important;color:#b4b4bd}
body{font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased}
.section{padding-top:56px;padding-bottom:56px}
h1,h2,h3,h4,h5,h6{color:#fff!important;letter-spacing:-.025em;font-weight:800}
h1{line-height:1.05}
h2{line-height:1.1}
h4{font-weight:700}
.lead{font-size:1.15rem;line-height:1.7;color:#b4b4bd;max-width:640px;margin:18px auto 28px}
.micro{font-size:13px;color:#8a8a95;margin-top:14px}
.eyebrow,p.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px!important;font-weight:600;color:var(--v)!important;margin:0 0 14px}
/* hero glow */
.section:first-of-type,main>.section:first-child{background:radial-gradient(ellipse 70% 55% at 50% 0%,#1a182b 0%,#000 72%)!important;padding-top:96px}
/* chiffres */
.stat{font-size:48px;font-weight:800;color:#fff;line-height:1;margin:0 0 8px;letter-spacing:-.03em}
.stat-l{font-size:14px;color:#8a8a95;margin:0}
/* cartes */
.feature{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px 24px;height:100%}
.feature h4{margin:0 0 8px}
.feature p{margin:0 0 8px;line-height:1.6}
.feature p.eyebrow{margin-bottom:10px}
/* FAQ */
.accordion,.block .accordion{background:var(--card)!important;border:1px solid var(--line);border-radius:16px!important;box-shadow:none!important}
.accordion-title h5,.accordion-title{color:#fff!important}
.accordion-body{color:#b4b4bd}
/* boutons */
.btn{background:var(--v)!important;border-color:var(--v)!important;color:#0c0b12!important;border-radius:100px!important;font-weight:700;padding-left:34px;padding-right:34px;box-shadow:0 0 32px rgba(152,141,248,.35);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 44px rgba(152,141,248,.55)}
/* formulaires/popups */
input,select,textarea{background:#000!important;color:#fff!important;border:1px solid var(--line)!important;border-radius:10px!important}
.modal-content{background:var(--card)!important;border:1px solid var(--line)}
a{color:var(--v)}
.logo__text{font-weight:800;letter-spacing:-.02em;color:#fff}
header,footer{background:#000!important}
footer *{color:#8a8a95!important}
@media(max-width:768px){.section{padding-top:40px;padding-bottom:40px}.stat{font-size:38px}.feature{margin-bottom:12px}}