/* Lalileche RGPD — design system entry point. Import lines only. */
/* Polices extraites de la référence et hébergées localement. */
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/535b9383-3cbc-4cfa-a2c8-f38c9ffc12d5.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/21563d92-590a-4fd1-b6e6-486fd631ea23.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/56e6f8d1-9993-414f-9c20-b0db72f50ea4.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/535b9383-3cbc-4cfa-a2c8-f38c9ffc12d5.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/21563d92-590a-4fd1-b6e6-486fd631ea23.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/56e6f8d1-9993-414f-9c20-b0db72f50ea4.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/535b9383-3cbc-4cfa-a2c8-f38c9ffc12d5.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/21563d92-590a-4fd1-b6e6-486fd631ea23.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/56e6f8d1-9993-414f-9c20-b0db72f50ea4.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/535b9383-3cbc-4cfa-a2c8-f38c9ffc12d5.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/21563d92-590a-4fd1-b6e6-486fd631ea23.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/56e6f8d1-9993-414f-9c20-b0db72f50ea4.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/7c3e413c-45f6-4920-9726-ed5272c44ce5.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/3d54f05a-0155-403e-acdb-2c4e8b6fe068.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/d85f1776-e783-4513-bad7-6048d7ee5d12.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/df6a4af2-e5c1-4a51-ac99-219200b25085.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/85039ff1-ae8d-45dc-8176-6d92bb16f9c1.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/f1669db8-3d52-4396-be3e-ba992a4f7abc.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/7c3e413c-45f6-4920-9726-ed5272c44ce5.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/3d54f05a-0155-403e-acdb-2c4e8b6fe068.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/d85f1776-e783-4513-bad7-6048d7ee5d12.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/df6a4af2-e5c1-4a51-ac99-219200b25085.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/85039ff1-ae8d-45dc-8176-6d92bb16f9c1.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/f1669db8-3d52-4396-be3e-ba992a4f7abc.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/7c3e413c-45f6-4920-9726-ed5272c44ce5.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/3d54f05a-0155-403e-acdb-2c4e8b6fe068.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/d85f1776-e783-4513-bad7-6048d7ee5d12.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/df6a4af2-e5c1-4a51-ac99-219200b25085.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/85039ff1-ae8d-45dc-8176-6d92bb16f9c1.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/f1669db8-3d52-4396-be3e-ba992a4f7abc.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/7c3e413c-45f6-4920-9726-ed5272c44ce5.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/3d54f05a-0155-403e-acdb-2c4e8b6fe068.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/d85f1776-e783-4513-bad7-6048d7ee5d12.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/df6a4af2-e5c1-4a51-ac99-219200b25085.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/85039ff1-ae8d-45dc-8176-6d92bb16f9c1.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/f1669db8-3d52-4396-be3e-ba992a4f7abc.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root{
/* --- Bleu confiance (primary) --- */
--blue-50:#EEF3FE;--blue-100:#DDE6FC;--blue-200:#BCCDF9;--blue-300:#8EA9F3;--blue-400:#5B7FEA;--blue-500:#2E5CE0;--blue-600:#1D4ED8;--blue-700:#1A3FAE;--blue-800:#1A3785;--blue-900:#16295C;--blue-950:#101C3D;
/* --- Vert conforme (accent, "feu vert") --- */
--green-50:#EDF7F0;--green-100:#D7EEDF;--green-200:#B0DCC0;--green-300:#83C79E;--green-400:#5CB57F;--green-500:#3FA66A;--green-600:#2F8B56;--green-700:#266F46;--green-800:#205839;--green-900:#1A4630;
/* --- Neutres ardoise --- */
--n-0:#FFFFFF;--n-25:#FBFCFD;--n-50:#F5F7FA;--n-100:#EDF0F5;--n-200:#DFE4EC;--n-300:#C4CBD8;--n-400:#98A2B3;--n-500:#6B7688;--n-600:#4E5766;--n-700:#3A424E;--n-800:#262C36;--n-900:#161A21;
/* --- Sable: réchauffe les sections alternées --- */
--sand-50:#FCFAF6;--sand-100:#F7F1E7;--sand-200:#EDE3D2;
/* --- Feedback --- */
--amber-100:#FDF0D5;--amber-500:#D9862B;--amber-700:#96570F;
--red-100:#FBE7E5;--red-500:#CC3D33;--red-700:#8E2620;

/* ================= Semantic aliases ================= */
--text-strong:var(--blue-950);
--text-body:var(--n-700);
--text-muted:var(--n-500);
--text-inverse:var(--n-0);
--text-brand:var(--blue-700);
--text-accent:var(--green-700);
--text-link:var(--blue-700);
--text-link-hover:var(--blue-800);

--surface-page:var(--n-0);
--surface-card:var(--n-0);
--surface-subtle:var(--n-50);
--surface-warm:var(--sand-50);
--surface-warm-strong:var(--sand-100);
--surface-brand:var(--blue-600);
--surface-brand-hover:var(--blue-700);
--surface-brand-deep:var(--blue-950);
--surface-brand-subtle:var(--blue-50);
--surface-accent:var(--green-500);
--surface-accent-hover:var(--green-600);
--surface-accent-subtle:var(--green-50);

--border-subtle:var(--n-100);
--border-default:var(--n-200);
--border-strong:var(--n-300);
--border-brand:var(--blue-200);
--border-accent:var(--green-200);

--focus-ring:var(--blue-400);

--success-fg:var(--green-700);--success-bg:var(--green-50);--success-border:var(--green-200);
--warning-fg:var(--amber-700);--warning-bg:var(--amber-100);--warning-border:#F2DCAF;
--danger-fg:var(--red-700);--danger-bg:var(--red-100);--danger-border:#F3CCC8;
--info-fg:var(--blue-700);--info-bg:var(--blue-50);--info-border:var(--blue-200);
}

:root{
--font-display:"Archivo","Helvetica Neue",Arial,sans-serif;
--font-body:"Manrope","Helvetica Neue",Arial,sans-serif;
--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;

--text-2xs:12px;--text-xs:13px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;
--text-2xl:24px;--text-3xl:30px;--text-4xl:38px;--text-5xl:48px;--text-6xl:60px;--text-7xl:72px;

--leading-tight:1.06;--leading-snug:1.18;--leading-heading:1.24;--leading-body:1.62;--leading-loose:1.75;

--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;

--tracking-tight:-0.022em;--tracking-snug:-0.012em;--tracking-normal:0em;--tracking-wide:0.06em;--tracking-caps:0.1em;

/* Rôles composés */
--type-hero-size:clamp(38px,4.4vw,60px);
--type-hero-weight:var(--weight-bold);
--type-hero-tracking:var(--tracking-tight);
--type-section-size:clamp(28px,2.6vw,38px);
--type-eyebrow-size:var(--text-xs);
--type-eyebrow-tracking:var(--tracking-caps);
--type-body-size:var(--text-lg);
--type-lead-size:var(--text-xl);
--type-caption-size:var(--text-sm);
}

:root{
--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:56px;--space-11:64px;--space-12:80px;--space-13:96px;--space-14:120px;--space-15:160px;

--container-max:1200px;
--container-narrow:760px;
--gutter:24px;
--section-y:var(--space-14);
--section-y-tight:var(--space-12);
--card-pad:var(--space-7);
--stack-tight:var(--space-3);
--stack:var(--space-5);
--stack-loose:var(--space-8);
}

:root{
--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:999px;
--border-width:1px;--border-width-strong:2px;

/* Ombres basses, diffuses — jamais dramatiques */
--shadow-none:none;
--shadow-xs:0 1px 2px rgba(22,41,92,.06);
--shadow-sm:0 1px 3px rgba(22,41,92,.07),0 1px 2px rgba(22,41,92,.04);
--shadow-md:0 4px 12px rgba(22,41,92,.07),0 1px 3px rgba(22,41,92,.05);
--shadow-lg:0 12px 32px rgba(22,41,92,.10),0 2px 6px rgba(22,41,92,.05);
--shadow-brand:0 10px 24px rgba(29,78,216,.18);
--shadow-inset-hairline:inset 0 -1px 0 rgba(22,41,92,.06);
--ring-focus:0 0 0 3px rgba(91,127,234,.38);
}

:root{
--dur-instant:90ms;/* @kind other */
--dur-fast:140ms;/* @kind other */
--dur-base:200ms;/* @kind other */
--dur-slow:320ms;/* @kind other */
--dur-slower:480ms;/* @kind other */
--ease-out:cubic-bezier(.22,.61,.36,1);/* @kind other */
--ease-in-out:cubic-bezier(.4,0,.2,1);/* @kind other */
--ease-entrance:cubic-bezier(.16,.84,.44,1);/* @kind other */
--transition-control:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);
}
@media (prefers-reduced-motion:reduce){:root{
--dur-instant:0ms;/* @kind other */
--dur-fast:0ms;/* @kind other */
--dur-base:0ms;/* @kind other */
--dur-slow:0ms;/* @kind other */
--dur-slower:0ms;/* @kind other */
}}

*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--type-body-size);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--text-strong);letter-spacing:var(--tracking-snug);line-height:var(--leading-heading);margin:0;font-weight:var(--weight-bold)}
h1{font-size:var(--type-hero-size);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}
h2{font-size:var(--type-section-size)}
h3{font-size:var(--text-2xl)}
h4{font-size:var(--text-xl);font-weight:var(--weight-semibold)}
p{margin:0}
a{color:var(--text-link);text-decoration-color:color-mix(in oklab,var(--text-link) 35%,transparent);text-underline-offset:3px;transition:color var(--dur-fast) var(--ease-out)}
a:hover{color:var(--text-link-hover);text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
strong{font-weight:var(--weight-semibold);color:var(--text-strong)}
small{font-size:var(--type-caption-size)}



body{margin:0;background:var(--surface-page)}
a{color:var(--blue-700)}a:hover{color:var(--blue-800);text-decoration:underline}
.wrap{max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter)}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:var(--space-11);align-items:center}
.side-grid{display:grid;grid-template-columns:262px 1fr;gap:var(--space-10);align-items:start}
.side-grid>*,.hero-grid>*,.form-grid>*,.g2>*,.g3>*,.g4>*{min-width:0}
.form-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:var(--space-9);align-items:start;max-width:1080px;margin:0 auto;padding:0 var(--gutter)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--space-9)}
.frise-row{display:grid;grid-template-columns:184px 24px 1fr;gap:var(--space-5)}
.sticky-side{position:sticky;top:96px}
.menu-toggle{display:none}
@media(max-width:980px){.nav-links{display:none!important}.menu-toggle{display:inline-flex}.hero-grid img{max-width:340px}}
@media(max-width:560px){.header-bar{gap:14px}.header-bar .hide-sm{display:none!important}}
@media(max-width:1080px){.g4{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.hero-grid,.side-grid,.form-grid{grid-template-columns:1fr}.g3{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.hide-sm{display:none!important}}
@media(max-width:680px){.g2,.g3,.g4,.footer-grid{grid-template-columns:1fr}.frise-row{grid-template-columns:110px 20px 1fr;gap:var(--space-4)}}

/* Styles issus des composants de la référence, partagés par les neuf pages. */
.s1{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle)}
.s2{padding:14px var(--gutter);display:flex;align-items:center;gap:28px}
.s3{background:none;border:none;padding:0;cursor:pointer;text-decoration:none}
.s4{display:block;font-family:var(--font-display);letter-spacing:-.02em;line-height:1.05;text-align:left}
.s5{display:block;font-size:19px;font-weight:500;color:var(--text-strong)}
.s6{font-weight:700}
.s7{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-brand);margin-top:3px}
.s8{display:flex;gap:2px;margin-left:auto}
.s9{background:var(--surface-brand-subtle);border:none;cursor:pointer;border-radius:var(--radius-sm);padding:9px 13px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-brand);transition:var(--transition-control);text-decoration:none}
.s10{background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);padding:9px 13px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-body);transition:var(--transition-control);text-decoration:none}
.s11{display:flex;align-items:center;gap:12px;margin-left:auto}
.s12{display:flex;align-items:center;gap:7px;font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none}
.s13{display:inline-block;flex:0 0 auto}
.s14{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-md);line-height:1.2;letter-spacing:var(--tracking-snug);padding:11px 20px;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;opacity:1;transform:none;transition:var(--transition-control);background:var(--surface-accent);color:var(--text-inverse);border:1px solid transparent;box-shadow:var(--shadow-xs)}
.s15{border-top:1px solid var(--border-subtle);background:var(--surface-card)}
.s16{padding:var(--space-5) var(--gutter) var(--space-6);display:flex;flex-direction:column;gap:4px}
.s17{min-height:48px;display:flex;align-items:center;justify-content:space-between;background:var(--surface-brand-subtle);border:none;cursor:pointer;border-radius:var(--radius-md);padding:0 14px;font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-brand);text-decoration:none}
.s18{min-height:48px;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;border-radius:var(--radius-md);padding:0 14px;font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text-body);text-decoration:none}
.s19{display:flex;flex-direction:column;gap:12px;margin-top:var(--space-4)}
.s20{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-lg);line-height:1.2;letter-spacing:var(--tracking-snug);padding:15px 28px;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;opacity:1;transform:none;transition:var(--transition-control);background:var(--surface-accent);color:var(--text-inverse);border:1px solid transparent;box-shadow:var(--shadow-xs)}
.s21{min-height:44px;display:flex;align-items:center;gap:9px;font-size:var(--text-md);font-weight:var(--weight-medium);text-decoration:none;padding:0 14px}
.s22{background:linear-gradient(180deg,var(--blue-50) 0%,var(--surface-page) 62%);padding-top:var(--space-12);padding-bottom:var(--space-12)}
.s23{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6)}
.s24{display:flex;gap:8px;flex-wrap:wrap}
.s25{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--radius-pill);background:var(--surface-accent-subtle);color:var(--text-accent);border:1px solid var(--border-accent);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug);line-height:1.3;white-space:nowrap}
.s26{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--radius-pill);background:var(--surface-brand-subtle);color:var(--text-brand);border:1px solid var(--border-brand);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug);line-height:1.3;white-space:nowrap}
.s27{margin:0;max-width:22ch}
.s28{margin:0;font-size:var(--text-xl);line-height:var(--leading-body);max-width:54ch}
.s29{display:flex;gap:14px;flex-wrap:wrap;margin-top:var(--space-2)}
.s30{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-lg);line-height:1.2;letter-spacing:var(--tracking-snug);padding:15px 28px;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;opacity:1;transform:none;transition:var(--transition-control);background:var(--surface-card);color:var(--text-brand);border:1px solid var(--border-default);box-shadow:var(--shadow-xs)}
.s31{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-muted)}
.s32{position:relative}
.s33{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;border-radius:var(--radius-xl);border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}
.s34{border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-lg);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-body);position:absolute;bottom:-22px;left:-28px;width:258px;display:flex;gap:12px;align-items:center}
.s35{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);background:var(--surface-accent-subtle);color:var(--text-accent);display:inline-flex;align-items:center;justify-content:center}
.s36{font-size:var(--text-sm);line-height:1.45;color:var(--text-strong);font-weight:var(--weight-medium)}
.s37{padding:var(--section-y-tight) 0}
.s38{display:flex;flex-direction:column;gap:14px;text-align:left;align-items:flex-start;max-width:760px}
.s39{font-family:var(--font-body);font-size:var(--type-eyebrow-size);font-weight:var(--weight-bold);letter-spacing:var(--type-eyebrow-tracking);text-transform:uppercase;color:var(--text-brand)}
.s40{font-family:var(--font-display);font-size:var(--type-section-size);line-height:var(--leading-heading);letter-spacing:var(--tracking-snug);color:var(--text-strong);margin:0;font-weight:var(--weight-bold)}
.s41{font-family:var(--font-body);font-size:var(--type-lead-size);line-height:var(--leading-body);color:var(--text-body);margin:0}
.s42{margin-top:var(--space-9);align-items:stretch}
.s43{border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-body);display:flex;flex-direction:column;gap:var(--space-5);align-items:flex-start}
.s44{display:flex;align-items:center;gap:12px}
.s45{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-md);background:var(--surface-brand-subtle);color:var(--text-brand);display:inline-flex;align-items:center;justify-content:center}
.s46{font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-brand)}
.s47{margin:0}
.s48{margin:0;font-size:var(--text-md)}
.s49{display:flex;flex-direction:column;gap:12px}
.s50{display:flex;gap:10px;align-items:flex-start;font-size:var(--text-sm);line-height:1.55}
.s51{color:var(--text-brand);display:flex;margin-top:2px;flex-shrink:0}
.s52{margin-top:auto;padding-top:4px}
.s53{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-md);line-height:1.2;letter-spacing:var(--tracking-snug);padding:11px 20px;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;opacity:1;transform:none;transition:var(--transition-control);background:var(--surface-card);color:var(--text-brand);border:1px solid var(--border-default);box-shadow:var(--shadow-xs)}
.s54{border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-warm);border:1px solid var(--sand-200);color:var(--text-body);display:flex;flex-direction:column;gap:var(--space-5);align-items:flex-start}
.s55{background:var(--surface-warm);padding:var(--section-y-tight) 0}
.s56{margin-top:var(--space-9)}
.s57{border-radius:var(--radius-lg);padding:var(--card-pad);box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-body);display:flex;flex-direction:column;gap:12px}
.s58{color:var(--text-brand);display:flex}
.s59{padding:var(--section-y) 0}
.s60{display:flex;flex-direction:column;gap:14px;text-align:left;align-items:flex-start;max-width:720px}
.s61{border-radius:var(--radius-lg);padding:var(--card-pad);box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);cursor:pointer;background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-body);display:flex;flex-direction:column;gap:16px;text-decoration:none}
.s62{width:48px;height:48px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:var(--surface-brand-subtle);color:var(--text-brand)}
.s63{display:flex;flex-direction:column;gap:8px}
.s64{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-strong);line-height:var(--leading-heading)}
.s65{margin:0;font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body);color:var(--text-body)}
.s66{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-brand)}
.s67{margin-top:var(--space-6)}
.s68{width:48px;height:48px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:var(--surface-accent-subtle);color:var(--text-accent)}
.s69{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-accent)}
.s70{background:var(--surface-subtle);padding:var(--section-y) 0}
.s71{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:var(--space-6)}
.s72{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.s73{width:44px;height:44px;flex:0 0 auto;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:var(--surface-brand-subtle);color:var(--text-brand);border:1px solid var(--border-brand)}
.s74{display:flex;flex-direction:column;gap:6px}
.s75{font-family:var(--font-body);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}
.s76{font-family:var(--font-display);font-size:var(--text-xl);margin:0;color:var(--text-strong);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}
.s77{width:44px;height:44px;flex:0 0 auto;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:var(--surface-accent-subtle);color:var(--text-accent);border:1px solid var(--border-accent)}
.s78{display:flex;flex-direction:column;gap:var(--space-6);align-items:flex-start}
.s79{display:flex;flex-direction:column;gap:14px}
.s80{display:flex;gap:10px;align-items:flex-start;font-size:var(--text-md);line-height:1.55}
.s81{color:var(--text-accent);display:flex;margin-top:2px;flex-shrink:0}
.s82{gap:var(--space-5)}
.s83{border-radius:var(--radius-lg);padding:var(--card-pad);box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-brand-subtle);border:1px solid var(--border-brand);color:var(--text-body)}
.s84{display:flex;flex-direction:column;gap:6px;text-align:left}
.s85{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:1;color:var(--text-strong)}
.s86{font-family:var(--font-body);font-size:var(--text-sm);line-height:1.5;color:var(--text-muted)}
.s87{border-radius:var(--radius-lg);padding:var(--card-pad);box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-warm);border:1px solid var(--sand-200);color:var(--text-body)}
.s88{border-radius:var(--radius-lg);padding:var(--card-pad);box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-body)}
.s89{border-radius:var(--radius-lg);padding:var(--card-pad);box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-brand-deep);border:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.82)}
.s90{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:1;color:var(--n-0)}
.s91{font-family:var(--font-body);font-size:var(--text-sm);line-height:1.5;color:rgba(255,255,255,.72)}
.s92{margin-top:var(--space-8)}
.s93{width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-md);background:var(--surface-brand-subtle);color:var(--text-brand);display:inline-flex;align-items:center;justify-content:center}
.s94{margin:0;font-size:var(--text-lg)}
.s95{margin:0;font-size:var(--text-sm)}
.s96{max-width:900px;margin:0 auto;padding:0 var(--gutter)}
.s97{display:flex;flex-direction:column;gap:14px;text-align:center;align-items:center;max-width:720px;margin-left:auto;margin-right:auto}
.s98{display:flex;justify-content:center;margin-top:var(--space-7)}
.s99{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-md);line-height:1.2;letter-spacing:var(--tracking-snug);padding:11px 20px;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;opacity:1;transform:none;transition:var(--transition-control);background:transparent;color:var(--text-brand);border:1px solid transparent;box-shadow:none}
.s100{padding:0 0 var(--section-y)}
.s101{border-radius:var(--radius-xl);padding:var(--space-10) var(--space-9);background:var(--surface-brand-deep);border:1px solid rgba(255,255,255,.10);display:flex;flex-direction:row;align-items:center;justify-content:space-between;text-align:left;gap:var(--space-7);flex-wrap:wrap}
.s102{display:flex;flex-direction:column;gap:10px;max-width:620px}
.s103{margin:0;font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug);line-height:var(--leading-heading);color:var(--n-0)}
.s104{margin:0;font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-body);color:rgba(255,255,255,.78)}
.s105{display:flex;gap:12px;flex-wrap:wrap}
.s106{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-lg);line-height:1.2;letter-spacing:var(--tracking-snug);padding:15px 28px;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;opacity:1;transform:none;transition:var(--transition-control);background:var(--n-0);color:var(--blue-800);border:1px solid transparent;box-shadow:none}
.s107{background:var(--surface-brand-deep);color:rgba(255,255,255,.72)}
.s108{padding:var(--space-12) var(--gutter) var(--space-8)}
.s109{display:block;font-size:20px;font-weight:500;color:#fff}
.s110{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-200);margin-top:3px}
.s111{margin:0;font-size:var(--text-sm);line-height:var(--leading-body);max-width:320px;color:rgba(255,255,255,.72)}
.s112{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.s113{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:#fff;text-decoration:none}
.s114{display:flex;align-items:center;gap:8px;font-size:var(--text-sm)}
.s115{display:flex;flex-direction:column;gap:10px}
.s116{font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--blue-200)}
.s117{background:none;border:none;padding:0;text-align:left;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:rgba(255,255,255,.72);text-decoration:none}
.s118{border-top:1px solid rgba(255,255,255,.12)}
.s119{padding:18px var(--gutter);display:flex;justify-content:space-between;gap:20px;font-size:var(--text-xs);flex-wrap:wrap}
.s120{display:flex;gap:18px;flex-wrap:wrap}
.s121{background:none;border:none;padding:0;cursor:pointer;color:rgba(255,255,255,.72);font-family:var(--font-body);font-size:var(--text-xs);text-decoration:none}
.s122{color:rgba(255,255,255,.72);text-decoration:none}
.s123{background:linear-gradient(180deg,var(--blue-50) 0%,var(--surface-page) 100%);padding:var(--space-12) 0 var(--space-11)}
.s124{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5)}
.s125{display:flex;flex-direction:column;gap:14px;text-align:left;align-items:flex-start;max-width:780px}
.s126{padding:var(--section-y-tight) 0 var(--section-y)}
.s127{display:block;font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}
.s128{display:flex;flex-direction:column;gap:2px}
.s129{display:flex;align-items:center;gap:10px;background:var(--surface-brand-subtle);border:none;cursor:pointer;border-radius:var(--radius-sm);padding:10px 12px;text-align:left;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-brand);transition:var(--transition-control);text-decoration:none}
.s130{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);padding:10px 12px;text-align:left;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--text-body);transition:var(--transition-control);text-decoration:none}
.s131{margin-top:var(--space-7)}
.s132{border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-warm);border:1px solid var(--sand-200);color:var(--text-body);display:flex;flex-direction:column;gap:12px}
.s133{font-size:var(--text-sm);line-height:1.55}
.s134{display:flex;flex-direction:column;gap:var(--space-12)}
.s135{display:flex;flex-direction:column;gap:var(--space-6);scroll-margin-top:120px}
.s136{display:flex;flex-direction:column;gap:14px;text-align:left;align-items:flex-start;max-width:640px}
.s137{border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-subtle);border:1px solid var(--border-subtle);color:var(--text-body);display:flex;flex-direction:column;gap:var(--space-6)}
.s138{display:flex;gap:12px;align-items:flex-start}
.s139{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--text-brand);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.s140{font-size:var(--text-sm);line-height:1.5}
.s141{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:var(--radius-md);background:var(--info-bg);border:1px solid var(--info-border);color:var(--text-body)}
.s142{color:var(--info-fg);display:flex;margin-top:1px}
.s143{display:flex;flex-direction:column;gap:4px}
.s144{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--info-fg)}
.s145{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-body)}
.s146{margin:0;font-size:var(--text-md);max-width:62ch}
.s147{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-7)}
.s148{display:flex;flex-direction:row;gap:18px;align-items:flex-start}
.s149{display:flex;gap:10px;flex-wrap:wrap}
.s150{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-body);background:var(--surface-card);border:1px solid var(--border-default);transition:var(--transition-control)}
.s151{display:flex;gap:14px;flex-wrap:wrap}
.s152{margin-top:var(--space-9);display:flex;flex-direction:column}
.s153{padding-top:2px}
.s154{display:block;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--text-strong);letter-spacing:-.01em}
.s155{display:inline-block;margin-top:8px;font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-brand)}
.s156{position:relative;display:flex;justify-content:center}
.s157{position:absolute;top:0;bottom:-32px;height:auto;width:2px;background:var(--border-default)}
.s158{position:relative;margin-top:4px;width:14px;height:14px;border-radius:999px;background:var(--surface-brand);border:2px solid var(--surface-brand);box-shadow:none}
.s159{padding-bottom:var(--space-8)}
.s160{margin:0 0 6px;font-size:var(--text-lg)}
.s161{position:relative;margin-top:4px;width:14px;height:14px;border-radius:999px;background:var(--surface-brand);border:2px solid var(--surface-brand);box-shadow:0 0 0 5px var(--surface-brand-subtle)}
.s162{display:block;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--text-muted);letter-spacing:-.01em}
.s163{display:inline-block;margin-top:8px;font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}
.s164{position:relative;margin-top:4px;width:14px;height:14px;border-radius:999px;background:var(--surface-page);border:2px solid var(--border-strong);box-shadow:none}
.s165{position:absolute;top:0;bottom:auto;height:14px;width:2px;background:var(--border-default)}
.s166{padding-bottom:0}
.s167{margin-top:var(--space-8);max-width:820px}
.s168{align-items:start;gap:var(--space-10)}
.s169{display:flex;flex-direction:column;gap:var(--space-5)}
.s170{border-radius:var(--radius-lg);padding:var(--card-pad);box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-body);display:flex;flex-direction:column;gap:14px}
.s171{display:flex;flex-direction:column;gap:3px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}
.s172{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-strong)}
.s173{font-size:var(--text-sm)}
.s174{font-size:var(--text-xs);color:var(--text-muted)}
.s175{background:var(--surface-subtle);padding:var(--space-12) 0 var(--section-y)}
.s176{border-radius:var(--radius-lg);padding:var(--space-9);box-shadow:var(--shadow-md);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-body);display:flex;flex-direction:column;gap:var(--space-7)}
.s177{font-size:var(--text-4xl);margin:0}
.s178{margin:0;font-size:var(--text-lg);max-width:54ch}
.s179{display:flex;flex-direction:column;gap:var(--space-7)}
.s180{margin:0;font-size:var(--text-xs);color:var(--text-muted)}
.s181{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-strong);letter-spacing:var(--tracking-snug)}
.s182{color:var(--text-muted);font-weight:var(--weight-regular)}
.s183{position:relative;display:block}
.s184{width:100%;font-family:var(--font-body);font-size:var(--text-md);color:var(--text-strong);background:var(--surface-card);padding:11px 16px;border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);outline:none;transition:var(--transition-control)}
.s185{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-muted);display:flex}
.s186{width:100%;font-family:var(--font-body);font-size:var(--text-md);color:var(--text-strong);background:var(--surface-card);padding:11px 16px;padding-left:42px;border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);outline:none;transition:var(--transition-control)}
.s187{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}
.s188{width:100%;appearance:none;font-family:var(--font-body);font-size:var(--text-md);color:var(--text-strong);background:var(--surface-card);padding:11px 40px 11px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);outline:none;cursor:pointer;transition:var(--transition-control)}
.s189{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;display:flex}
.s190{border:0;padding:0;margin:0;min-width:0}
.s191{padding:0;margin-bottom:14px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-strong)}
.s192{display:flex;gap:12px;align-items:flex-start;cursor:pointer}
.s193{width:20px;height:20px;flex-shrink:0;margin-top:2px;accent-color:var(--surface-brand)}
.s194{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-strong);line-height:1.45}
.s195{width:100%;font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body);color:var(--text-strong);background:var(--surface-card);padding:12px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);outline:none;resize:vertical;transition:var(--transition-control)}
.s196{text-decoration:none}
.s197{display:flex;justify-content:flex-end}
.s198{border-radius:var(--radius-lg);padding:var(--card-pad);box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-warm);border:1px solid var(--sand-200);color:var(--text-body);display:flex;flex-direction:column;gap:16px}
.s199{margin:0;font-size:var(--text-xl)}
.s200{border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-body);display:flex;flex-direction:column;gap:14px}
.s201{display:flex;align-items:center;gap:9px;font-size:var(--text-sm);text-decoration:none}
.s202{display:flex;align-items:center;gap:9px;font-size:var(--text-sm);color:var(--text-muted)}
.s203{border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-body);display:flex;gap:12px}
.s204{color:var(--text-brand);display:flex;margin-top:2px}
.s205{background:linear-gradient(180deg,var(--blue-50) 0%,var(--surface-page) 70%);padding:var(--space-12) 0 var(--section-y-tight)}
.s206{border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-warm);border:1px solid var(--sand-200);color:var(--text-body);display:flex;flex-direction:column;gap:14px}
.s207{font-size:var(--text-sm);color:var(--text-strong);font-weight:var(--weight-medium);line-height:1.45}
.s208{display:flex;flex-direction:column;gap:var(--space-11)}
.s209{display:flex;flex-direction:column;gap:var(--space-6)}
.s210{margin:0;font-size:var(--text-lg);line-height:var(--leading-body);max-width:62ch}
.s211{display:flex;gap:12px;align-items:center}
.s212{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);background:var(--surface-brand-subtle);color:var(--text-brand);display:inline-flex;align-items:center;justify-content:center}
.s213{aspect-ratio:4/3;border-radius:var(--radius-xl);border:1px dashed var(--border-strong);background:var(--surface-warm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);text-align:center;padding:24px}
.s214{font-size:var(--text-sm);max-width:26ch}
.s215{max-width:980px}
.s216{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--space-8)}
.s217{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);background:var(--surface-card);color:var(--text-body);border:1px solid var(--border-default);text-decoration:none;transition:var(--transition-control)}
.s218{display:flex;flex-direction:column;gap:var(--space-9)}
.s219{scroll-margin-top:110px}
.s220{display:flex;align-items:center;gap:10px;font-size:var(--text-xl);margin:0 0 var(--space-5)}
.s221{border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-warm);border:1px solid var(--sand-200);color:var(--text-body);display:flex;gap:var(--space-6);align-items:center;flex-wrap:wrap;justify-content:space-between}
.s222{display:flex;flex-direction:column;gap:6px;max-width:48ch}
.s223{border-radius:var(--radius-lg);padding:var(--card-pad);box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);cursor:pointer;background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-body);display:flex;flex-direction:column;gap:14px;text-decoration:none}
.s224{display:flex;align-items:center;justify-content:space-between;gap:12px}
.s225{margin-top:auto;padding-top:4px;display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-brand)}
.s226{width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-md);background:var(--surface-accent-subtle);color:var(--text-accent);display:inline-flex;align-items:center;justify-content:center}
.s227{display:flex;flex-direction:column;gap:14px;text-align:left;align-items:flex-start;max-width:700px}
.s228{margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-5)}
.s229{border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-subtle);border:1px dashed var(--border-strong);color:var(--text-body);display:flex;gap:var(--space-6);align-items:center;flex-wrap:wrap;justify-content:space-between}
.s230{display:flex;gap:16px;align-items:center}
.s231{display:flex;flex-direction:column;gap:4px;max-width:52ch}
.s232{font-size:var(--text-sm);line-height:1.5;color:var(--text-muted)}
.s233{margin:0;font-size:var(--text-md);max-width:68ch}
.s234{gap:var(--space-5);margin-top:8px}
.s235{font-size:var(--text-sm);color:var(--text-strong);font-weight:var(--weight-medium)}
.s236{margin:0;font-size:var(--text-md);max-width:68ch;margin-top:8px}
.s237{border:none;border-top:1px solid var(--border-default);margin:0}
.s238{background:none;border:none;padding:0;cursor:pointer;font:inherit;color:var(--blue-700);text-decoration:underline}
.s239{background:none;border-radius:var(--radius-sm);padding:9px 12px;text-align:left;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--text-body);text-decoration:none;transition:var(--transition-control)}
.s240{border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-warm);border:1px solid var(--sand-200);color:var(--text-body);display:flex;flex-direction:column;gap:10px}
.s241{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);text-decoration:none}
.s242{display:flex;flex-direction:column;gap:14px;scroll-margin-top:120px}
.s243{display:flex;flex-direction:column;gap:3px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle);max-width:68ch}
.s244{display:flex;flex-direction:column;gap:var(--space-4)}
.s245{border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-body);display:flex;gap:14px;align-items:flex-start}
.s246{width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-md);background:var(--surface-brand-subtle);color:var(--text-brand);display:inline-flex;align-items:center;justify-content:center}
.s247{margin:0;font-size:var(--text-md);max-width:68ch;margin-top:6px}
.s248{gap:var(--space-5);max-width:720px}
.s249{border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-warm);border:1px solid var(--sand-200);color:var(--text-body);display:flex;gap:12px;align-items:flex-start}
.s250{overflow-x:auto;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card)}
.s251{border-collapse:collapse;width:100%;min-width:480px}
.s252{background:var(--surface-warm)}
.s253{padding:12px 14px;font-size:var(--text-xs);border-bottom:1px solid var(--border-subtle);vertical-align:top;text-align:left;font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}
.s254{padding:12px 14px;font-size:var(--text-sm);border-bottom:1px solid var(--border-subtle);vertical-align:top;text-align:left;font-weight:var(--weight-semibold);color:var(--text-strong)}
.s255{padding:12px 14px;font-size:var(--text-sm);border-bottom:1px solid var(--border-subtle);vertical-align:top;text-align:left}
.s256{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
/* Interactions natives et adaptations pour les petits écrans. */
html{scroll-behavior:smooth;scroll-padding-top:110px}
.skip-link{position:fixed;left:16px;top:-100px;z-index:100;padding:12px 18px;background:#fff;border:2px solid var(--focus-ring);border-radius:var(--radius-md)}
.skip-link:focus{top:12px}
a:hover{text-decoration:underline}
.nav-links a:hover,.menu-panel a:hover{background:var(--surface-brand-subtle);text-decoration:none}
.mobile-menu{display:none}
.mobile-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;color:var(--text-brand);background:var(--surface-card)}
.mobile-menu summary::-webkit-details-marker,.accordion summary::-webkit-details-marker{display:none}
.menu-panel{position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 90px);overflow:auto;border-top:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:var(--shadow-lg)}
.accordion{display:flex;flex-direction:column;gap:12px}
.accordion details{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}
.accordion details[open]{border-color:var(--border-brand);box-shadow:var(--shadow-sm)}
.accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-strong);line-height:var(--leading-heading)}
.accordion summary svg{color:var(--text-brand);flex-shrink:0;transition:transform var(--dur-base) var(--ease-out)}
.accordion details[open]>summary svg{transform:rotate(180deg)}
.accordion-answer{padding:0 22px 22px;font-size:var(--text-md);line-height:var(--leading-body)}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
input[type=radio],input[type=checkbox]{accent-color:var(--blue-600)}
img{max-width:100%;height:auto}
main{overflow-wrap:break-word}
section[id]{scroll-margin-top:120px}
@media(max-width:1160px){.header-bar{gap:16px}.header-bar>.nav-links{gap:0}.header-bar .hide-sm{display:none!important}}
@media(max-width:980px){.mobile-menu{display:block}.header-bar{justify-content:space-between}}
@media(max-width:760px){.responsive-steps{grid-template-columns:1fr;gap:var(--space-7)}.responsive-steps>li{flex-direction:row;gap:18px}}
@media(max-width:680px){:root{--gutter:20px;--section-y:var(--space-12);--section-y-tight:var(--space-10)}.hero-grid{gap:var(--space-8)}.sticky-side{position:static}.header-bar .cta-full{display:none}.header-bar{gap:12px}.form-grid{gap:var(--space-6)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Aperçu du modèle de courriel de pré-diagnostic. */
.prediag-mail-preview{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6);background:var(--surface-subtle);border:1px solid var(--border-default);border-radius:var(--radius-lg)}
.prediag-mail-body{margin:0;font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--text-body);white-space:pre-wrap;overflow-wrap:anywhere}

/* FAQ : date de revue, lisibilité des réponses et portée générale. */
.faq-review{margin:0;font-size:var(--text-sm);color:var(--text-muted)}
.accordion-answer p+p{margin-top:var(--space-3)}
.faq-scope{margin:var(--space-9) 0 0;padding:var(--space-6);font-size:var(--text-md);background:var(--surface-brand-subtle);border:1px solid var(--border-brand);border-radius:var(--radius-lg)}

/* Ajouts pour index.html. */
.page-home-s1{display:flex;gap:14px;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.page-home-s2{display:flex;flex-direction:column;gap:14px;text-align:center;align-items:center;max-width:760px;margin-left:auto;margin-right:auto}
.page-home-s3{background:var(--surface-brand-deep);padding:var(--section-y) 0;color:rgba(255,255,255,.82)}
.page-home-s4{display:flex;flex-direction:column;gap:14px;text-align:left;align-items:flex-start;max-width:900px}
.page-home-s5{font-family:var(--font-body);font-size:var(--type-eyebrow-size);font-weight:var(--weight-bold);letter-spacing:var(--type-eyebrow-tracking);text-transform:uppercase;color:var(--blue-200)}
.page-home-s6{font-family:var(--font-display);font-size:var(--type-section-size);line-height:var(--leading-heading);letter-spacing:var(--tracking-snug);color:var(--n-0);margin:0;font-weight:var(--weight-bold)}
.page-home-s7{display:flex;flex-direction:column;gap:14px;list-style:none;padding:0;margin:0}
.page-home-s8{color:var(--blue-200);display:flex;margin-top:2px;flex-shrink:0}
.page-home-s9{color:#fff}
.page-home-s10{margin-top:var(--space-11)}
.page-home-s11{display:block;width:100%;height:auto;border-radius:var(--radius-xl)}
.page-home-s12{border-radius:var(--radius-lg);padding:var(--card-pad);box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-body);display:flex;flex-direction:column;gap:12px;scroll-margin-top:120px}
.page-home-s13{margin-top:auto;padding-top:4px;text-decoration:none}
.page-home-s14{background:var(--surface-warm);padding:var(--section-y) 0}
.page-home-s15{display:flex;flex-direction:column;gap:14px;text-align:center;align-items:center;max-width:900px;margin-left:auto;margin-right:auto}
.page-home-s16{margin:var(--space-6) auto 0;font-size:var(--text-lg);max-width:68ch;text-align:center}
.page-home-s17{margin:var(--space-5) 0 0;text-align:center}
.page-home-s18{border-radius:var(--radius-lg);padding:var(--space-9);box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-brand-deep);border:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.82);display:flex;flex-direction:column;gap:var(--space-6);align-items:center;margin-top:var(--space-9)}
.page-home-s19{font-family:var(--font-body);font-size:var(--type-lead-size);line-height:var(--leading-body);color:rgba(255,255,255,.78);margin:0}
.page-home-s20{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;align-items:center}
.page-home-s21{display:flex;align-items:center;gap:9px;font-size:var(--text-sm);color:#fff}

/* Ajouts pour biographie.html. */
.page-about-s1{margin:0;font-size:var(--text-lg);max-width:62ch}
.page-about-s2{border-radius:var(--radius-lg);padding:var(--card-pad);box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-warm);border:1px solid var(--sand-200);color:var(--text-body);display:flex;flex-direction:column;gap:14px}
.page-about-s3{border-radius:var(--radius-lg);padding:0;box-shadow:var(--shadow-sm);transform:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-body);overflow:hidden}
.page-about-s4{display:block;width:100%;height:auto}
.page-about-s5{display:flex;flex-direction:column;gap:6px;padding:var(--space-6)}

/* Biographie : une taille unique pour le texte courant de chaque section. */
.page-biographie p,.page-biographie .body-copy,.page-biographie .check-line-text{font-size:var(--type-body-size);line-height:var(--leading-body)}
.page-biographie .check-line-text{min-width:0;flex:1;white-space:normal;word-spacing:normal;letter-spacing:normal}

/* Biographie : largeur réduite de 20 % au total, aplatissement vertical de 10 %. */
.page-biographie .bio-conformite-illustration{width:80%;height:auto;align-self:center;transform:scaleY(.9);transform-origin:center}

/* Navigation commune : le menu complet reste visible à toutes les largeurs. */
.site-header .site-header-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px var(--gutter)}
.site-brand{min-width:0;text-decoration:none}
.site-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-left:auto;min-width:0}
.site-header-phone{display:flex;align-items:center;gap:7px;font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap}
.site-header-cta{display:block;flex-shrink:0}
.site-header-cta>a{white-space:nowrap;background:var(--green-700)}
.site-header-cta>a:hover{background:var(--green-800);color:var(--text-inverse);text-decoration:none}
.site-menu{display:block;flex-shrink:0}
.site-menu>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;color:var(--text-brand);background:var(--surface-card);font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-semibold);white-space:nowrap}
.site-menu>summary::-webkit-details-marker{display:none}
.site-menu>summary::marker{content:""}
.site-menu>summary:hover,.site-menu[open]>summary{background:var(--surface-brand-subtle);border-color:var(--border-brand)}
.site-menu>summary:focus-visible,.site-menu-panel a:focus-visible,.site-header-cta>a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
.site-menu-panel{position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;background:var(--surface-card);border-top:1px solid var(--border-subtle);box-shadow:var(--shadow-lg)}
.site-menu-content{padding:24px var(--gutter)}
.site-menu-title{margin:0 0 16px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted)}
.site-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.site-menu-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 16px;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-strong);font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-medium);line-height:1.4;text-decoration:none;overflow-wrap:anywhere}
.site-menu-panel a:hover{background:var(--surface-brand-subtle);text-decoration:none}
.site-menu-panel a[aria-current="page"]{background:var(--surface-brand-subtle);color:var(--text-brand);border-color:var(--border-brand);font-weight:var(--weight-semibold)}
.site-menu-legal{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-default)}
.site-menu-legal a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-body);text-decoration:none}
.site-menu-contact{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:8px;font-size:var(--text-sm)}
.site-menu-contact>span,.site-menu-contact>a{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:var(--text-body);overflow-wrap:anywhere}
@media(max-width:1160px){.site-header-phone{display:none}}
@media(max-width:980px){.site-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.site-header .site-header-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.site-header-actions{display:contents}.site-header-cta{grid-column:1 / -1;grid-row:2}.site-header-cta>a{display:flex;width:100%}.site-menu{grid-column:2;grid-row:1}.site-menu-panel{max-height:calc(100dvh - 145px)}.site-menu-grid{grid-template-columns:minmax(0,1fr)}.site-menu-content{padding-top:16px;padding-bottom:16px}}

/* Logo et signature de l’en-tête commun. */
.site-header .site-brand{display:flex;align-items:center;gap:12px}
.site-brand>.site-signature{min-width:0}
.site-brand-logo{display:block;flex:0 0 auto;width:48px;height:auto;object-fit:contain}
.site-brand .site-signature-tagline{font-size:12px;line-height:1.35;letter-spacing:0;text-transform:none;white-space:normal}
@media(max-width:820px){.site-header .site-header-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.site-header-actions{display:contents}.site-header-cta{grid-column:1 / -1;grid-row:2}.site-header-cta>a{display:flex;width:100%}.site-menu{grid-column:2;grid-row:1}.site-menu-panel{max-height:calc(100dvh - 170px)}.site-header .site-brand{gap:8px}.site-brand-logo{width:36px}.site-brand .site-signature-tagline{font-size:11px;line-height:1.3}}
@media(max-width:380px){.site-header .site-brand{gap:6px}.site-brand-logo{width:32px}.site-brand .site-signature-name{font-size:16px}.site-brand .site-signature-tagline{font-size:10px}}

/* Sensibilisation : contenu de l'ancienne page adapté aux styles partagés. */
.page-sensibilisation p,.page-sensibilisation li{font-size:var(--type-body-size);line-height:var(--leading-body)}
.page-sensibilisation .sens-hero{background:linear-gradient(180deg,var(--blue-50) 0%,var(--surface-page) 100%);padding:var(--space-12) 0 var(--space-11)}
.page-sensibilisation .sens-hero .wrap{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5)}
.page-sensibilisation .sens-hero h1{max-width:28ch}
.page-sensibilisation .sens-hero p{max-width:72ch}
.page-sensibilisation .sens-eyebrow{display:block;font-family:var(--font-body);font-size:var(--type-eyebrow-size);font-weight:var(--weight-bold);letter-spacing:var(--type-eyebrow-tracking);text-transform:uppercase;color:var(--text-brand)}
.page-sensibilisation .sens-section{padding:var(--section-y) 0}
.page-sensibilisation .sens-section-subtle{background:var(--surface-warm)}
.page-sensibilisation .sens-copy{display:flex;flex-direction:column;gap:var(--space-6)}
.page-sensibilisation .sens-photo{display:block;width:100%;height:auto;max-width:none;border-radius:var(--radius-xl);border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}
.page-sensibilisation .sens-heading{display:flex;flex-direction:column;gap:14px;max-width:900px;margin-bottom:var(--space-9)}
.page-sensibilisation .sens-card{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:var(--card-pad);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-sm)}
.page-sensibilisation .sens-card h3{font-size:var(--text-xl)}
.page-sensibilisation .sens-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-md);background:var(--surface-brand-subtle);color:var(--text-brand)}
.page-sensibilisation .sens-icon-accent{background:var(--surface-accent-subtle);color:var(--text-accent)}
.page-sensibilisation .sens-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.page-sensibilisation .sens-narrow{max-width:900px}
.page-sensibilisation .sens-narrow>p{margin-top:var(--space-6)}
.page-sensibilisation .sens-narrow>h2:not(:first-child){margin-top:var(--space-9)}
.page-sensibilisation .sens-narrow>h3{margin-top:var(--space-8);font-size:var(--text-2xl)}
.page-sensibilisation .sens-method{background:var(--surface-brand-subtle);border-color:var(--border-brand);gap:var(--space-5)}
.page-sensibilisation .sens-check-list{display:flex;flex-direction:column;gap:var(--space-4);list-style:none;padding:0;margin:var(--space-6) 0 0}
.page-sensibilisation .sens-check-list li{position:relative;padding-left:30px}
.page-sensibilisation .sens-check-list li::before{position:absolute;left:0;top:0;content:"✓";font-weight:var(--weight-bold);color:var(--text-accent)}
.page-sensibilisation .sens-steps{display:flex;flex-direction:column;gap:var(--space-6);list-style:none;counter-reset:sens-step;padding:0;margin:var(--space-8) 0 0}
.page-sensibilisation .sens-steps>li{position:relative;counter-increment:sens-step;padding:var(--space-6) var(--space-6) var(--space-6) 88px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-xs)}
.page-sensibilisation .sens-steps>li::before{content:counter(sens-step);position:absolute;left:var(--space-6);top:var(--space-6);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border-brand);border-radius:var(--radius-md);background:var(--surface-brand-subtle);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-brand)}
.page-sensibilisation .sens-steps>li>strong{display:block;margin-bottom:var(--space-2);font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--leading-heading)}
.page-sensibilisation .sens-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-10) var(--space-9);border:1px solid rgba(255,255,255,.10);border-radius:var(--radius-xl);background:var(--surface-brand-deep);color:rgba(255,255,255,.82);text-align:center}
.page-sensibilisation .sens-cta h2{max-width:26ch;color:var(--text-inverse)}
.page-sensibilisation .sens-cta p{max-width:64ch}
.page-sensibilisation .sens-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-6);flex-wrap:wrap}
.page-sensibilisation .sens-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:15px 28px;border:1px solid transparent;border-radius:var(--radius-md);background:var(--green-700);color:var(--text-inverse);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:1.2;text-align:center;text-decoration:none;transition:var(--transition-control)}
.page-sensibilisation .sens-button:hover{background:var(--green-800);color:var(--text-inverse);text-decoration:none}
.page-sensibilisation .sens-phone{font-size:var(--text-md);color:var(--text-inverse)}
@media(max-width:680px){.page-sensibilisation .sens-card{padding:var(--space-6)}.page-sensibilisation .sens-cta{padding:var(--space-8) var(--space-6)}.page-sensibilisation .sens-steps>li{padding:var(--space-6)}.page-sensibilisation .sens-steps>li::before{position:static;margin-bottom:var(--space-4)}.page-sensibilisation .sens-button{width:100%}}