/**
 * Page "Qui sommes-nous ? / À propos" — template page-a-propos.php
 * Charte AUG (verts naturels, sobre, rassurant). Mobile-first. Bloc BEM "apropos".
 * Réutilise les tokens du thème (--fc-*). Conteneur ~80% de la fenêtre.
 *
 * Échelle typographique (cohérente sur toute la page) :
 *   eyebrow 0.8rem · h1 clamp(2,5vw,3) · h2 clamp(1.6,3.5vw,2.1) · name 1.5
 *   lead 1.15rem · body 1.05rem · card 1rem · caption 0.9rem
 */

.apropos {
	color: var(--fc-text);
	overflow: hidden;
}

/* Conteneur : 80% de la fenêtre, plafonné pour les très grands écrans. */
.apropos__container {
	width: 80%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0;
}
@media (max-width: 700px) {
	.apropos__container { width: 88%; }
}

/* Largeur de lecture confortable pour la prose, centrée dans le conteneur large. */
.apropos__prose { max-width: 960px; }
.apropos__prose--center { margin-left: auto; margin-right: auto; }
.apropos__prose--center p { text-align: left; }

/* ---------- TYPO commune ---------- */
.apropos__eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--fc-primary);
	margin: 0 0 var(--fc-space-sm);
}
.apropos__eyebrow--center { text-align: center; }

.apropos__h2 {
	font-family: var(--fc-font-heading);
	font-size: clamp(1.6rem, 3.5vw, 2.1rem);
	line-height: 1.15;
	margin: 0 auto var(--fc-space-lg);
	text-align: center;
	max-width: 24ch;
}
.apropos__h2--left { text-align: left; margin-left: 0; max-width: none; }

.apropos__h3 {
	font-family: var(--fc-font-heading);
	font-size: 1.3rem;
	line-height: 1.2;
	margin: 0 0 var(--fc-space-xs);
}

.apropos__lead {
	font-size: 1.15rem;
	line-height: 1.7;
	color: var(--fc-gray-700, #374151);
	font-weight: 500;
}
.apropos__lead--left { text-align: left; }

.apropos__prose p {
	font-size: 1.08rem;
	line-height: 1.75;
	color: var(--fc-text);
	margin: 0 0 var(--fc-space-md);
}

.apropos__outro {
	font-size: 1.08rem;
	line-height: 1.7;
	max-width: 70ch;
	margin: var(--fc-space-2xl) auto 0;
	text-align: center;
	font-weight: 600;
	color: var(--fc-green-800);
}

.apropos__inline-link {
	display: inline-block;
	font-weight: 700;
	color: var(--fc-primary);
	text-decoration: none;
}
.apropos__inline-link:hover { text-decoration: underline; }
.apropos__center-link { text-align: center; margin-top: var(--fc-space-xl); }

/* ---------- HERO ---------- */
.apropos__hero {
	text-align: center;
	padding: var(--fc-space-3xl) 0 var(--fc-space-2xl);
	background: radial-gradient(130% 130% at 50% 0%, var(--fc-green-50) 0%, var(--fc-warm-50) 48%, #fff 100%);
	border-bottom: 1px solid var(--fc-warm-300, #fcd9b6);
}
.apropos__title {
	font-family: var(--fc-font-heading);
	font-size: clamp(2rem, 5vw, 3rem);
	line-height: 1.1;
	margin: var(--fc-space-sm) auto var(--fc-space-md);
	max-width: 18ch;
}
.apropos__subtitle {
	font-size: clamp(1.05rem, 2.4vw, 1.2rem);
	color: var(--fc-gray-600, #4b5563);
	max-width: 64ch;
	margin: 0 auto var(--fc-space-lg);
	line-height: 1.65;
}
.apropos__hero-cta { text-decoration: none; margin-top: var(--fc-space-sm); }

/* ---------- SECTIONS ---------- */
.apropos__section { padding: var(--fc-space-3xl) 0; }
.apropos__section--tint { background: var(--fc-green-50); }
.apropos__section--warm { background: linear-gradient(165deg, var(--fc-warm-50) 0%, #fff 100%); }
.apropos__section--disclaimer { padding: var(--fc-space-2xl) 0; }

/* ---------- CHIPS / PILLS ---------- */
.apropos__chips {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--fc-space-sm);
}
.apropos__chips--center { justify-content: center; }
.apropos__chips--hero { justify-content: center; margin-bottom: var(--fc-space-xl); }
.apropos__chips-label {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.4em;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--fc-text-light);
	margin: var(--fc-space-2xl) 0 var(--fc-space-md);
}
.apropos__chips-label svg { color: var(--fc-primary); }
.apropos__chip {
	display: inline-flex;
	align-items: center;
	gap: 0.45em;
	padding: 0.5em 0.95em;
	background: #fff;
	border: 1px solid var(--fc-green-200);
	border-radius: var(--fc-radius-pill);
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--fc-text);
	line-height: 1.2;
}
.apropos__chip svg { color: var(--fc-primary); flex: none; }
.apropos__chip--concern { background: var(--fc-green-50); }
.apropos__chip--param {
	background: #fff;
	border-color: var(--fc-green-100);
	color: var(--fc-green-800);
}
.apropos__chips--hero .apropos__chip { background: rgba(255,255,255,0.85); }

/* Mini-cartes « un paramètre de base par index » */
.apropos__bases {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--fc-space-md);
	max-width: 880px;
	margin: 0 auto;
}
@media (min-width: 720px) {
	.apropos__bases { grid-template-columns: repeat(3, 1fr); }
}
.apropos__base {
	display: flex;
	align-items: center;
	gap: var(--fc-space-md);
	background: #fff;
	border: 1px solid var(--fc-green-100);
	border-radius: var(--fc-radius-xl);
	padding: var(--fc-space-lg);
	box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.apropos__base-icon {
	display: inline-flex;
	align-items: center; justify-content: center;
	width: 46px; height: 46px;
	flex: none;
	border-radius: var(--fc-radius-lg);
	background: var(--fc-green-100);
	color: var(--fc-primary);
}
.apropos__base-text { display: flex; flex-direction: column; }
.apropos__base-index {
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-weight: 700;
	color: var(--fc-text-light);
}
.apropos__base-param {
	font-family: var(--fc-font-heading);
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--fc-green-800);
	line-height: 1.2;
}

/* Bloc « + 22 paramètres pondérés » sous les 3 mini-cartes de base */
.apropos__params-more {
	display: flex;
	align-items: center;
	gap: var(--fc-space-lg);
	flex-wrap: wrap;
	justify-content: center;
	max-width: 720px;
	margin: var(--fc-space-xl) auto 0;
	background: #fff;
	border: 1px solid var(--fc-green-200);
	border-radius: var(--fc-radius-xl);
	padding: var(--fc-space-lg) var(--fc-space-xl);
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.apropos__stat {
	flex: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 1;
}
.apropos__stat strong {
	font-family: var(--fc-font-heading);
	font-size: 2.8rem;
	color: var(--fc-accent);
	font-weight: 700;
}
.apropos__stat span {
	margin-top: 0.3em;
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-weight: 700;
	color: var(--fc-text-light);
	text-align: center;
}
.apropos__params-more p {
	margin: 0;
	flex: 1;
	min-width: 220px;
	font-size: 1.05rem;
	line-height: 1.6;
	color: var(--fc-text);
	text-align: left;
}

/* ---------- ÉQUIPE : cartes fondateurs à médaillons ---------- */
.apropos__founders {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--fc-space-xl);
	margin-top: var(--fc-space-xl);
}
@media (min-width: 820px) {
	.apropos__founders { grid-template-columns: repeat(2, 1fr); align-items: stretch; }
}
.apropos__founder-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background: #fff;
	border: 1px solid var(--fc-green-100);
	border-radius: var(--fc-radius-xl);
	padding: var(--fc-space-2xl) var(--fc-space-xl) var(--fc-space-xl);
	box-shadow: 0 8px 26px rgba(0,0,0,0.07);
}
/* Liseré coloré en haut de carte (vie / différenciation des deux profils). */
.apropos__founder-card::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 5px;
	border-radius: var(--fc-radius-xl) var(--fc-radius-xl) 0 0;
}
.apropos__founder-card--regis::before { background: linear-gradient(90deg, var(--fc-green-600), var(--fc-green-300)); }
.apropos__founder-card--gregoire::before { background: linear-gradient(90deg, var(--fc-accent), #fbbf24); }

/* Médaillon circulaire avec anneau coloré. */
.apropos__medallion {
	width: 132px;
	height: 132px;
	border-radius: 50%;
	padding: 4px;
	margin-bottom: var(--fc-space-md);
	display: flex;
	align-items: center;
	justify-content: center;
}
.apropos__founder-card--regis .apropos__medallion { background: linear-gradient(135deg, var(--fc-green-500, #22c55e), var(--fc-green-700)); }
.apropos__founder-card--gregoire .apropos__medallion { background: linear-gradient(135deg, var(--fc-accent), #fbbf24); }
.apropos__medallion img,
.apropos__medallion picture {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	border: 3px solid #fff;
	background: #fff;
}
.apropos__medallion-initials {
	width: 100%; height: 100%;
	display: flex; align-items: center; justify-content: center;
	border-radius: 50%;
	border: 3px solid #fff;
	background: var(--fc-green-100);
	color: var(--fc-primary);
	font-family: var(--fc-font-heading);
	font-size: 2.4rem;
	font-weight: 700;
}

.apropos__role {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--fc-accent);
	margin: 0 0 var(--fc-space-xs);
}
.apropos__founder-card--regis .apropos__role { color: var(--fc-primary); }
.apropos__name {
	font-family: var(--fc-font-heading);
	font-size: clamp(1.4rem, 3vw, 1.65rem);
	line-height: 1.15;
	margin: 0 0 var(--fc-space-md);
}
.apropos__bio { width: 100%; }
.apropos__bio p {
	font-size: 1.02rem;
	line-height: 1.7;
	color: var(--fc-text);
	margin: 0 0 var(--fc-space-md);
	text-align: left;
	max-width: 60ch;
}
.apropos__bio .apropos__lead { color: var(--fc-gray-700, #374151); }
.apropos__linkedin {
	display: inline-flex;
	align-items: center;
	gap: var(--fc-space-sm);
	margin-top: auto;
	padding-top: var(--fc-space-sm);
	font-weight: 700;
	color: var(--fc-primary);
	text-decoration: none;
}
.apropos__linkedin:hover { text-decoration: underline; }
.apropos__linkedin svg { flex: none; color: #0a66c2; }

/* ---------- ENCART « VALIDATION SCIENTIFIQUE » v2 (.aug-science-pro) ---------- */
.aug-science-pro {
	position: relative;
	overflow: hidden;
	margin: var(--fc-space-2xl) auto 0;
	padding: var(--fc-space-2xl) var(--fc-space-2xl) var(--fc-space-3xl);
	background: #fff;
	border: 1px solid var(--fc-green-100);
	border-radius: var(--fc-radius-xl);
	box-shadow: 0 12px 40px rgba(20,40,80,.08);
}
.aug-gradient-bar {
	position: absolute; top: 0; left: 0; right: 0; height: 5px;
	background: linear-gradient(90deg,#2563ff,#16a34a,#7c3aed,#f97316,#e11d48);
}
.aug-halo {
	position: absolute; left: -190px; top: 150px;
	width: 760px; height: 680px; border-radius: 50%; pointer-events: none;
	background: radial-gradient(circle at 46% 56%, rgba(30,153,79,.08), rgba(30,153,79,.05) 45%, rgba(30,153,79,.02) 66%, transparent 72%);
}
.aug-mol {
	position: absolute; right: -20px; bottom: -10px;
	width: 360px; height: auto; max-width: 38%; opacity: .16; pointer-events: none;
}
.aug-mol line { stroke: #42ba70; stroke-width: 2; }
.aug-mol circle { fill: #3fbd70; }
.aug-mol polygon { fill: none; stroke: #42ba70; stroke-width: 3; }
.aug-header { text-align: center; position: relative; z-index: 2; }
.aug-main-icon {
	width: 64px; height: 64px; margin: 0 auto var(--fc-space-sm);
	border-radius: 50%; background: #e8faef; color: #16a34a;
	display: flex; align-items: center; justify-content: center;
	box-shadow: 0 8px 24px rgba(22,163,74,.16);
}
.aug-main-icon svg { width: 32px; height: 32px; }
.aug-kicker {
	color: var(--fc-primary); text-transform: uppercase; letter-spacing: 0.12em;
	font-weight: 700; font-size: 0.8rem; margin: 0 0 var(--fc-space-sm);
}
.aug-header h2 {
	margin: 0 auto; font-family: var(--fc-font-heading);
	font-size: clamp(1.5rem, 3.2vw, 2.1rem); line-height: 1.15;
	color: var(--fc-text); font-weight: 700; max-width: 26ch;
}
.aug-grid {
	position: relative; z-index: 2; display: grid;
	grid-template-columns: 1fr; gap: var(--fc-space-xl);
	margin-top: var(--fc-space-2xl); align-items: center;
}
@media (min-width: 900px) {
	.aug-grid { grid-template-columns: 1.05fr 1fr; gap: var(--fc-space-3xl); }
}
.aug-steps { position: relative; list-style: none; margin: 0; padding: 0; }
.aug-steps::before {
	content: ""; position: absolute; left: 28px; top: 30px; bottom: 30px;
	width: 2px; background: #d7e7dc;
}
.aug-step {
	display: grid; grid-template-columns: 56px 40px 1fr; gap: var(--fc-space-md);
	align-items: center; margin-bottom: var(--fc-space-lg);
}
.aug-step:last-child { margin-bottom: 0; }
.aug-step-icon {
	width: 56px; height: 56px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	box-shadow: 0 8px 18px rgba(20,40,80,.16); z-index: 1;
}
.aug-step-icon svg {
	width: 28px; height: 28px; fill: none; stroke: #fff;
	stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;
}
.aug-step-number {
	width: 40px; height: 40px; border-radius: 50%; background: #fff;
	display: flex; align-items: center; justify-content: center;
	font-size: 0.95rem; font-weight: 800;
	box-shadow: 0 6px 16px rgba(20,40,80,.10);
}
.aug-step-body { display: flex; flex-direction: column; }
.aug-step-h3 { color: var(--fc-text); font-size: 1.05rem; font-weight: 700; line-height: 1.25; }
.aug-step-p { color: var(--fc-gray-600,#4b5563); font-size: 0.92rem; margin-top: 2px; }
.blue   .aug-step-icon { background: radial-gradient(circle at 30% 24%, #3079ff, #0758e8); }
.violet .aug-step-icon { background: radial-gradient(circle at 30% 24%, #8c6cff, #6940e9); }
.orange .aug-step-icon { background: radial-gradient(circle at 30% 24%, #ffad19, #ff7700); }
.pink   .aug-step-icon { background: radial-gradient(circle at 30% 24%, #ff3869, #db0f45); }
.blue   .aug-step-number { color: #2563ff; }
.violet .aug-step-number { color: #7c3aed; }
.orange .aug-step-number { color: #f97316; }
.pink   .aug-step-number { color: #e11d48; }
.aug-copy { align-self: center; }
@media (min-width: 900px) {
	.aug-copy { position: relative; border-left: 2px solid rgba(30,153,79,.25); padding-left: var(--fc-space-2xl); }
	.aug-copy::before {
		content: ""; position: absolute; left: -11px; top: -4px; width: 20px; height: 20px;
		border-radius: 50%; background: #e6faee; box-shadow: 0 0 0 14px rgba(31,177,88,.07);
	}
	.aug-copy::after {
		content: ""; position: absolute; left: -4px; top: 3px; width: 8px; height: 8px;
		border-radius: 50%; background: var(--fc-primary);
	}
}
.aug-copy p { font-size: 1.08rem; line-height: 1.8; color: var(--fc-text); margin: 0; }
.aug-copy strong { color: var(--fc-green-800); font-weight: 700; }
.aug-cta {
	display: inline-flex; align-items: center; gap: var(--fc-space-md);
	margin-top: var(--fc-space-xl); color: var(--fc-green-800);
	font-weight: 700; font-size: 1.05rem; text-decoration: none;
}
.aug-cta:hover { color: var(--fc-primary); }
.aug-cta-circ {
	width: 44px; height: 44px; border-radius: 50%; background: #e8faef;
	display: flex; align-items: center; justify-content: center;
	color: var(--fc-primary); flex: none;
}
@media (max-width: 640px) {
	.aug-step { grid-template-columns: 48px 36px 1fr; gap: var(--fc-space-sm); }
	.aug-step-icon { width: 48px; height: 48px; }
	.aug-step-icon svg { width: 24px; height: 24px; }
	.aug-step-number { width: 36px; height: 36px; font-size: 0.85rem; }
	.aug-steps::before { left: 24px; }
}

/* ---------- VALEURS (engagement, 3 cartes à icônes) ---------- */
.apropos__values {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--fc-space-lg);
}
@media (min-width: 760px) {
	.apropos__values { grid-template-columns: repeat(3, 1fr); }
}
.apropos__value {
	background: #fff;
	border: 1px solid var(--fc-green-100);
	border-top: 4px solid var(--fc-primary);
	border-radius: var(--fc-radius-xl);
	padding: var(--fc-space-xl);
	text-align: center;
}
.apropos__value-icon {
	display: inline-flex;
	align-items: center; justify-content: center;
	width: 56px; height: 56px;
	border-radius: var(--fc-radius-lg);
	background: var(--fc-green-100);
	color: var(--fc-primary);
	margin-bottom: var(--fc-space-md);
}
/* Trois couleurs distinctes pour donner du rythme et de la vie. */
.apropos__value:nth-child(1) { border-top-color: var(--fc-primary); }
.apropos__value:nth-child(2) { border-top-color: var(--fc-accent); }
.apropos__value:nth-child(2) .apropos__value-icon { background: #ffedd5; color: var(--fc-accent); }
.apropos__value:nth-child(3) { border-top-color: #0ea5a3; }
.apropos__value:nth-child(3) .apropos__value-icon { background: #ccfbf1; color: #0d9488; }
.apropos__value-title {
	font-family: var(--fc-font-heading);
	font-size: 1.25rem;
	margin: 0 0 var(--fc-space-sm);
}
.apropos__value-text {
	font-size: 1rem;
	line-height: 1.6;
	color: var(--fc-gray-600, #4b5563);
	margin: 0;
}

/* ---------- SPLIT (pros + particuliers) ---------- */
.apropos__split {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--fc-space-xl);
}
@media (min-width: 820px) {
	.apropos__split { grid-template-columns: repeat(2, 1fr); }
}
.apropos__card {
	background: #fff;
	border: 1px solid var(--fc-green-100);
	border-radius: var(--fc-radius-xl);
	padding: var(--fc-space-2xl) var(--fc-space-xl);
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.apropos__card-icon {
	display: inline-flex;
	align-items: center; justify-content: center;
	width: 52px; height: 52px;
	border-radius: var(--fc-radius-lg);
	background: var(--fc-green-100);
	color: var(--fc-primary);
	margin-bottom: var(--fc-space-md);
}
.apropos__card-sub {
	color: var(--fc-accent);
	font-weight: 700;
	font-size: 0.95rem;
	margin: 0 0 var(--fc-space-md);
}
.apropos__card p {
	font-size: 1rem;
	line-height: 1.7;
	color: var(--fc-text);
	margin: 0 0 var(--fc-space-md);
	text-align: left;
}

/* ---------- TRANSPARENCE ---------- */
.apropos__trust {
	background: #fff;
	border: 1px solid var(--fc-green-200);
	border-left: 4px solid var(--fc-primary);
	border-radius: var(--fc-radius-xl);
	padding: var(--fc-space-2xl) var(--fc-space-xl);
	max-width: 880px;
	margin: 0 auto;
}
.apropos__trust-list {
	list-style: none;
	padding: 0;
	margin: var(--fc-space-lg) 0;
}
.apropos__trust-list li {
	display: flex;
	align-items: flex-start;
	gap: var(--fc-space-sm);
	margin-bottom: var(--fc-space-sm);
	line-height: 1.55;
	font-size: 1.05rem;
}
.apropos__trust-list svg {
	flex: none;
	margin-top: 0.18em;
	color: #fff;
	background: var(--fc-primary);
	border-radius: 50%;
	padding: 3px;
	box-sizing: content-box;
	width: 14px; height: 14px;
}
.apropos__trust-outro {
	font-size: 1.05rem;
	line-height: 1.7;
	color: var(--fc-gray-700, #374151);
	margin: 0;
}

/* ---------- CTA ---------- */
.apropos__cta {
	background: linear-gradient(135deg, var(--fc-green-700), var(--fc-green-600));
	color: #fff;
	text-align: center;
	padding: var(--fc-space-3xl) 0;
}
.apropos__cta-title {
	font-family: var(--fc-font-heading);
	font-size: clamp(1.6rem, 4vw, 2.1rem);
	margin: 0 0 var(--fc-space-md);
	color: #fff;
}
.apropos__cta-text {
	max-width: 56ch;
	margin: 0 auto var(--fc-space-xl);
	line-height: 1.6;
	opacity: 0.95;
}
.apropos__cta-btns {
	display: flex;
	gap: var(--fc-space-md);
	justify-content: center;
	flex-wrap: wrap;
}
.apropos__cta .btn--outline {
	border-color: rgba(255,255,255,0.7);
	color: #fff;
}
.apropos__cta .btn--outline:hover { background: rgba(255,255,255,0.12); }
/* ---------- ZONE CONTACT BIENVEILLANTE ---------- */
.apropos__help {
	display: flex;
	align-items: center;
	gap: var(--fc-space-lg);
	background: linear-gradient(135deg, var(--fc-green-50) 0%, var(--fc-warm-50) 100%);
	border: 1px solid var(--fc-green-200);
	border-radius: var(--fc-radius-xl);
	padding: var(--fc-space-xl);
	box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}
.apropos__help-icon {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #fff;
	color: var(--fc-primary);
	box-shadow: 0 2px 8px rgba(22,163,74,0.18);
}
.apropos__help-body { flex: 1; min-width: 0; }
.apropos__help-title {
	font-family: var(--fc-font-heading);
	font-size: 1.2rem;
	color: var(--fc-green-800);
	margin: 0 0 0.2em;
	line-height: 1.25;
}
.apropos__help-text {
	margin: 0;
	color: var(--fc-gray-600, #4b5563);
	font-size: 0.98rem;
	line-height: 1.5;
}
.apropos__help-btn { flex: none; text-decoration: none; }
@media (max-width: 640px) {
	.apropos__help { flex-direction: column; text-align: center; }
	.apropos__help-btn { width: 100%; }
}

/* ---------- DISCLAIMER ---------- */
.apropos__disclaimer {
	font-size: 0.95rem;
	line-height: 1.65;
	color: var(--fc-gray-600, #4b5563);
	font-style: italic;
	max-width: 80ch;
	margin: 0 auto var(--fc-space-sm);
	text-align: center;
}
.apropos__updated {
	font-size: 0.9rem;
	color: var(--fc-text-light);
	text-align: center;
	margin: 0;
}

/* ============ « Utile, prudent et transparent » — engagement (.aug-engagement) ============ */
/* Couleurs : vert = thème, orange = accent thème, teal = accent dédié 3e carte. */
.aug-engagement{ --c-green:var(--fc-primary,#07943e); --c-orange:var(--fc-accent,#ff6b13); --c-teal:#0aa0a2; width:100%; container-type:inline-size; }
.aug-engagement, .aug-engagement *, .aug-engagement *::before, .aug-engagement *::after{ box-sizing:border-box; }

.aug-engagement__kicker{ display:flex; align-items:center; justify-content:center; gap:16px; margin:0 0 22px; color:var(--c-green); font-size:.85rem; line-height:1; font-weight:800; letter-spacing:.32em; text-transform:uppercase; }
.aug-engagement__kicker::before, .aug-engagement__kicker::after{ content:""; width:6px; height:6px; border-radius:50%; background:rgba(7,148,62,.45); }
.aug-engagement__title{ margin:0; text-align:center; font-family:var(--fc-font-heading,Georgia,serif); font-size:clamp(1.9rem,3.6vw,2.7rem); line-height:1.05; font-weight:700; letter-spacing:-1px; color:#10172d; }
.aug-engagement__title-line{ width:58px; height:5px; margin:22px auto 46px; border-radius:99px; background:var(--c-green); }

.aug-engagement__cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; width:100%; }
.aug-engagement .aug-card{
	position:relative; min-height:0; padding:52px 34px 70px; overflow:hidden; text-align:center;
	background:#fff; border:1px solid rgba(0,0,0,.055); border-radius:18px;
	box-shadow:0 18px 42px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.9);
}
.aug-engagement .aug-card::before{ content:""; position:absolute; top:0; left:0; right:0; height:7px; border-radius:18px 18px 0 0; }
.aug-engagement .aug-card--green::before{ background:var(--c-green); }
.aug-engagement .aug-card--orange::before{ background:var(--c-orange); }
.aug-engagement .aug-card--teal::before{ background:var(--c-teal); }
.aug-engagement .aug-card::after{ content:""; position:absolute; left:-10%; right:-10%; bottom:-78px; height:150px; border-radius:50% 50% 0 0; z-index:1; }
.aug-engagement .aug-card--green::after{ background:rgba(7,148,62,.10); }
.aug-engagement .aug-card--orange::after{ background:rgba(255,107,19,.11); }
.aug-engagement .aug-card--teal::after{ background:rgba(10,160,162,.11); }

.aug-card__decor-dots{ position:absolute; top:74px; left:74px; width:120px; height:100px; opacity:.34; background-image:radial-gradient(currentColor 2px, transparent 2.5px); background-size:18px 18px; z-index:1; }
.aug-card--green .aug-card__decor-dots{ color:var(--c-green); }
.aug-card--orange .aug-card__decor-dots{ color:var(--c-orange); }
.aug-card--teal .aug-card__decor-dots{ color:var(--c-teal); }
.aug-card__leaf{ position:absolute; top:150px; right:54px; width:82px; height:76px; z-index:2; opacity:.22; }
.aug-card__spark{ position:absolute; top:104px; right:48px; width:88px; height:88px; opacity:.30; z-index:2; }

.aug-card__icon-wrap{ position:relative; z-index:3; display:flex; align-items:center; justify-content:center; width:124px; height:124px; margin:0 auto 34px; border-radius:50%; box-shadow:0 16px 38px rgba(15,23,42,.10), 0 0 0 9px rgba(255,255,255,.72); }
.aug-card--green .aug-card__icon-wrap{ background:radial-gradient(circle,#fff 0%,#edf9f1 78%); }
.aug-card--orange .aug-card__icon-wrap{ background:radial-gradient(circle,#fff 0%,#fff2e5 78%); }
.aug-card--teal .aug-card__icon-wrap{ background:radial-gradient(circle,#fff 0%,#e8faf9 78%); }
.aug-card__icon-wrap svg{ width:58px; height:58px; fill:none; stroke-width:2.8; stroke-linecap:round; stroke-linejoin:round; }
.aug-card--green .aug-card__icon-wrap svg{ stroke:var(--c-green); }
.aug-card--orange .aug-card__icon-wrap svg{ stroke:var(--c-orange); }
.aug-card--teal .aug-card__icon-wrap svg{ stroke:var(--c-teal); }

.aug-card__title{ position:relative; z-index:3; margin:0; font-family:var(--fc-font-heading,Georgia,serif); font-size:clamp(1.5rem,2vw,1.9rem); line-height:1.05; font-weight:700; letter-spacing:-.5px; }
.aug-card--green .aug-card__title{ color:var(--c-green); }
.aug-card--orange .aug-card__title{ color:var(--c-orange); }
.aug-card--teal .aug-card__title{ color:var(--c-teal); }
.aug-card__line{ position:relative; z-index:3; width:48px; height:4px; margin:22px auto; border-radius:99px; }
.aug-card--green .aug-card__line{ background:var(--c-green); }
.aug-card--orange .aug-card__line{ background:var(--c-orange); }
.aug-card--teal .aug-card__line{ background:var(--c-teal); }
.aug-card__text{ position:relative; z-index:3; max-width:420px; margin:0 auto; font-size:1.05rem; line-height:1.56; font-weight:500; color:#141b31; }
.aug-card__check{ position:absolute; left:50%; bottom:18px; z-index:4; display:flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:50%; transform:translateX(-50%); box-shadow:0 8px 20px rgba(15,23,42,.14); }
.aug-card--green .aug-card__check{ background:var(--c-green); }
.aug-card--orange .aug-card__check{ background:var(--c-orange); }
.aug-card--teal .aug-card__check{ background:var(--c-teal); }
.aug-card__check svg{ width:23px; height:23px; fill:none; stroke:#fff; stroke-width:3.4; stroke-linecap:round; stroke-linejoin:round; }

.aug-engagement__statement{
	position:relative; display:grid; grid-template-columns:150px 1fr; align-items:center; gap:22px;
	margin-top:46px; min-height:0; padding:30px 48px 30px 40px; overflow:hidden;
	border:1px solid rgba(7,148,62,.22); border-radius:16px;
	background:radial-gradient(circle at 0% 50%, rgba(7,148,62,.08), transparent 32%), linear-gradient(180deg,#fff 0%,#f8fffb 100%);
	box-shadow:0 10px 28px rgba(15,23,42,.04);
}
.aug-statement__icon{ position:relative; z-index:3; display:flex; align-items:center; justify-content:center; width:110px; height:110px; border-radius:50%; background:#fff; box-shadow:0 12px 28px rgba(15,23,42,.10), 0 0 0 9px rgba(7,148,62,.05); }
.aug-statement__icon::before{ content:""; position:absolute; inset:-12px; border-radius:50%; border:4px solid rgba(7,148,62,.34); border-right-color:transparent; border-bottom-color:transparent; transform:rotate(12deg); }
.aug-statement__icon::after{ content:""; position:absolute; left:16px; bottom:-7px; width:13px; height:13px; border-radius:50%; background:var(--c-green); }
.aug-statement__icon svg{ position:relative; z-index:2; width:58px; height:58px; fill:#23b85d; }
.aug-statement__text{ position:relative; z-index:3; margin:0; max-width:1160px; font-size:clamp(1.1rem,1.6vw,1.35rem); line-height:1.55; font-weight:500; letter-spacing:-.2px; color:#0d1b36; }
.aug-statement__text strong{ color:var(--c-green); font-weight:800; }
.aug-statement__dots{ position:absolute; top:30px; right:44px; width:96px; height:78px; color:var(--c-green); opacity:.28; background-image:radial-gradient(currentColor 2px, transparent 2.5px); background-size:18px 18px; }
.aug-statement__waves{ position:absolute; right:-44px; bottom:-12px; width:420px; height:130px; opacity:.34; }

@container (max-width:880px){
	.aug-engagement__cards{ grid-template-columns:1fr; max-width:460px; margin:0 auto; }
	.aug-engagement .aug-card{ padding:46px 26px 78px; }
	.aug-engagement__statement{ grid-template-columns:1fr; text-align:center; gap:18px; padding:36px 26px; }
	.aug-statement__icon{ margin:0 auto; }
	.aug-statement__dots,.aug-statement__waves{ display:none; }
}
/* Repli sans @container */
@supports not (container-type:inline-size){
	@media(max-width:900px){
		.aug-engagement__cards{ grid-template-columns:1fr; max-width:460px; margin:0 auto; }
		.aug-engagement__statement{ grid-template-columns:1fr; text-align:center; padding:36px 26px; }
		.aug-statement__icon{ margin:0 auto; }
		.aug-statement__dots,.aug-statement__waves{ display:none; }
	}
}