/* Refonte LP – override */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root{
	--lp-bg: #f5f7ff;
	--lp-tint: #f6eef8;
	--lp-text: #160647;
	--lp-muted: #160647;
	--lp-primary: #7a2a78;
	--lp-primary-2: #8e3a8c;
	--lp-card: #ffffff;
	--lp-radius: 18px;
	--lp-shadow: 0 12px 30px rgba(0,0,0,.08);
	--lp-container: 1200px;
}

header {margin:0;padding:0;border-radius:0;    background: none;}

.lp{
	background:
    radial-gradient(900px 420px at 15% 8%, rgba(122,42,120,.10), transparent 62%),
    radial-gradient(900px 520px at 85% 12%, rgba(64,154,255,.12), transparent 60%),
    radial-gradient(700px 400px at 50% 65%, rgba(255,120,180,.10), transparent 60%),
    linear-gradient(#F5F8FF, #ffffff);
	color: var(--lp-text);
	font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.lp-container{
	max-width: var(--lp-container);
	margin: 0 auto;
	padding: 0 20px;
}

.lp-center{ text-align:center; }
.lp-mt{ margin-top: 18px; }

.lp-header{
  position: relative;
  z-index: 5;
  padding: 18px 0 22px;
  background: transparent;
	overflow: hidden;
}

.lp-header::before{
  content:"";
  position:absolute;
  inset: 0;
  top: -40px;          /* fait remonter la vague (ajuste) */
  bottom: -34px;       /* fait descendre l’arrondi (ajuste) */
  background: #EAF2FF; /* le bleu clair du header */
  border-bottom-left-radius: 80px;
  border-bottom-right-radius: 80px;
  z-index: -1;
}

.lp-header__inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding: 14px 0;
}
.lp-logo{ height:auto; width:auto; display:block; }

.lp-lang{
	display:flex;
	gap:8px;
}
.lp-lang__btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:32px;
	border-radius: 10px;
	border: 1px solid rgba(0,0,0,.10);
	background:#fff;
	color: var(--lp-text);
	text-decoration:none;
	font-weight:700;
	font-size: 13px;
}
.lp-lang__btn.is-active{
	border-color: rgba(122,42,120,.35);
	box-shadow: 0 10px 20px rgba(122,42,120,.12);
}

.lp-hero{position: relative;margin: 70px 0 100px 0}
.lp-hero__content {z-index:2}
.lp-hero__grid{
	display:grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 0;
	align-items:center;
}
.lp-h1{
	font-size:60px;
	line-height: 1;
	letter-spacing:0;
	font-weight:700;
	color:#160647;
}

.lp-hero__lead{
	font-size:20px;
	color: var(--lp-muted);
	max-width: 540px;
	margin: 20px 0 18px;
}
.lp-hero__cta{ display:flex; flex-wrap:wrap;    justify-content: space-between; }
.lp-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding: 15px 20px;
	border-radius: 12px;
	font-weight: 700;
	text-decoration:none;
	transition: transform .15s ease, box-shadow .15s ease;
}
.lp-btn:hover{ transform: translateY(-1px); }
.lp-btn--primary{
	background: linear-gradient(90deg,rgba(75, 165, 167, 1) 0%, rgba(113, 185, 186, 1) 100%);
	color:#fff;
	font-size:20px;
	font-weight:700;
}
.lp-btn--ghost{
	background: linear-gradient(90deg,rgba(133, 40, 93, 1) 0%, rgba(172, 66, 126, 1) 100%);
	color:#fff;
	font-size:20px;
	font-weight:700;
}
.lp-hero__meta{
	display:flex;
	gap:16px;
	flex-wrap:wrap;
	margin-top: 14px;
	color: var(--lp-muted);
	font-weight:600;
	font-size: 13px;
}

.lp-hero__img{
    height: auto;
    position: absolute;
    max-width: 40vw;
    top: -20vh;
    width: 32vw;
    bottom: 0;
    z-index: 1;
}

.lp-section{ padding: 44px 0; }
.lp-section--tint{
	background: linear-gradient(180deg, rgba(122,42,120,.06), transparent 60%);
}
.lp-h2{
    font-size: 44px;
    margin: 0;
    letter-spacing: 0;
    text-align: center;
    color: #160647;
    line-height: 1.2em;
}
.lp-h2 span{color:#85285D}
	
.lp-h3{
	font-size: 24px;
	    text-align: center;
	color: #160647;
}
.lp-p{
	margin: 0;
	color: var(--lp-muted);
	line-height: 1.6;
	font-size:20px;
}

.lp-p.center{
    max-width: 700px;
    margin: 0 auto;
}

.lp-card{
	border-radius: var(--lp-radius);
}

.lp-steps{
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
	margin-top: 18px;
}
.lp-step__n{
    width: 90px;
    height: 90px;
    border: 2px solid #85285D;
    border-radius: 50%;
    background: #FFEEF8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    color: #85285D;
    margin-bottom: 30px;
    margin: 0 auto 30px auto;
    font-size: 48px;
    font-weight: 400;
}

.lp-step {position:relative}
.lp-step__n:after {    content: "";
    width: calc(100% - 75px);
    height: 2px;
    position: absolute;
    background: #85285D;
    margin-left: 105%;}
.lp-steps .lp-step:last-child .lp-step__n:after {display:none;} 
.lp-split{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 22px;
	align-items:center;
}
.lp-illu img{
	width:100%;
	height:auto;
	border-radius: 22px;
	box-shadow: var(--lp-shadow);
}

.lp-list{
	margin: 14px 0 0;
	padding-left: 18px;
	color: var(--lp-muted);
	line-height: 1.7;
}

.lp-extracts{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin-top: 18px;
}

.lp-grid2{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin-top: 18px;
}

.lp-faq{
	display:grid;
	gap: 10px;
	margin-top: 16px;
}
.lp-faq details summary{
	cursor:pointer;
	font-weight: 800;
	color: var(--lp-text);
}
.lp-faq details[open] summary{
	margin-bottom: 10px;
}

.lp-footer{
	padding: 26px 0;
	border-top: 1px solid rgba(0,0,0,.06);
	background: rgba(255,255,255,.7);
}
.lp-footer__inner{
	display:flex;
	gap: 14px;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
}
.lp-footer a{ color: var(--lp-muted); text-decoration:none; font-weight:700; }
.lp-footer a:hover{ color: var(--lp-text); }

#concept {margin-top:100px;}
/* Responsive */
@media (max-width: 900px){
	.lp-hero__grid{ grid-template-columns: 1fr; }
	.lp-h1{ font-size: 34px; }
	.lp-steps{ grid-template-columns: 1fr 1fr; }
	.lp-split{ grid-template-columns: 1fr; }
	.lp-extracts{ grid-template-columns: 1fr; }
	.lp-grid2{ grid-template-columns: 1fr; }
}