/* Section Services TI : pilier, fonctions, guides, comparatifs et cas client. */
.sti-s{position:relative;padding:72px 0;background:#fff;color:var(--color-ardoise-900)}
.sti-s--doux{background:var(--color-papier-doux)}
.sti-s+.sti-s:not(.sti-s--doux){border-top:1px solid var(--color-ardoise-100)}
@media (min-width:768px){.sti-s{padding:96px 0}}

.sti-intro{max-width:66ch}
.sti-intro h2,.sti-s h2{margin:0;font-size:clamp(1.6rem,1.1rem + 1.7vw,2.35rem);font-weight:700;line-height:1.15;letter-spacing:-.03em;color:var(--color-ardoise-950)}
.sti-intro p,.sti-texte p{margin:20px 0 0;font-size:17px;line-height:1.7;color:var(--color-ardoise-600)}
.sti-texte{max-width:70ch}
.sti-texte h3{margin:36px 0 0;font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--color-ardoise-950)}
.sti-texte h3+p{margin-top:10px}
.sti-texte ul,.sti-texte ol{margin:18px 0 0;padding-left:1.3em;font-size:16.5px;line-height:1.7;color:var(--color-ardoise-600)}
.sti-texte li+li{margin-top:6px}
.sti-s a:not([class]){color:var(--color-braise-700);text-decoration:underline;text-underline-offset:4px}
.sti-s strong{font-weight:600;color:var(--color-ardoise-900)}

.sti-cartes{display:grid;gap:20px;margin-top:48px}
@media (min-width:768px){.sti-cartes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.sti-cartes--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sti-carte{display:flex;flex-direction:column;height:100%;padding:28px;border:1px solid var(--color-ardoise-200);border-radius:20px;background:#fcfcfd}
.sti-carte::before{content:"";display:block;width:40px;height:3px;margin-bottom:20px;border-radius:999px;background-image:var(--flamme)}
.sti-carte h3{margin:0;font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--color-ardoise-950)}
.sti-carte p{margin:12px 0 0;font-size:15.5px;line-height:1.65;color:var(--color-ardoise-600)}
.sti-carte p:last-child{flex:1}
a.sti-carte{text-decoration:none;transition:border-color .3s var(--ease-doux),box-shadow .3s var(--ease-doux),transform .3s var(--ease-doux)}
a.sti-carte:hover{transform:translateY(-2px);border-color:var(--color-braise-300);box-shadow:var(--shadow-flotte)}
a.sti-carte p:last-child{flex:1}
.sti-carte .sti-lire{margin-top:22px;font-size:15px;font-weight:600;color:var(--color-braise-700)}

.sti-liste{margin:44px 0 0;padding:0;list-style:none}
@media (min-width:820px){.sti-liste--2{column-count:2;column-gap:56px}}
.sti-liste>li{break-inside:avoid;padding:16px 0 18px;border-top:1px solid var(--color-ardoise-200)}
.sti-liste h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.015em;line-height:1.3;color:var(--color-ardoise-950)}
.sti-liste p{margin:6px 0 0;font-size:15.5px;line-height:1.65;color:var(--color-ardoise-600)}

.sti-etapes{counter-reset:etape;margin:44px 0 0;padding:0;list-style:none;display:grid;gap:14px;max-width:820px}
.sti-etapes>li{counter-increment:etape;position:relative;padding:20px 22px 20px 72px;border:1px solid var(--color-ardoise-200);border-radius:18px;background:#fcfcfd}
.sti-etapes>li::before{content:counter(etape);position:absolute;left:22px;top:20px;display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:var(--color-braise-50);color:var(--color-braise-700);font-size:15px;font-weight:700;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-braise-500) 20%,transparent)}
.sti-etapes h3{margin:0;font-size:17px;font-weight:700;line-height:1.35;color:var(--color-ardoise-950)}
.sti-etapes p{margin:6px 0 0;font-size:15.5px;line-height:1.65;color:var(--color-ardoise-600)}

.sti-encadre{margin-top:40px;max-width:820px;padding:24px 26px;border:1px solid var(--color-ardoise-200);border-left:3px solid var(--color-braise-500);border-radius:16px;background:#fcfcfd}
.sti-encadre h3{margin:0;font-size:16.5px;font-weight:700;color:var(--color-ardoise-950)}
.sti-encadre p,.sti-encadre li{font-size:15.5px;line-height:1.65;color:var(--color-ardoise-600)}
.sti-encadre p{margin:8px 0 0}
.sti-encadre ul{margin:10px 0 0;padding-left:1.2em}

.sti-chiffres{display:grid;gap:14px;margin-top:44px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1024px){.sti-chiffres{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sti-chiffres>div{padding:20px;border:1px solid var(--color-ardoise-200);border-radius:16px;background:#fcfcfd}
.sti-chiffres b{display:block;font-size:clamp(1.5rem,1.1rem + 1.2vw,2rem);font-weight:700;letter-spacing:-.03em;color:var(--color-ardoise-950)}
.sti-chiffres span{display:block;margin-top:4px;font-size:14px;line-height:1.5;color:var(--color-ardoise-600)}

.sti-tableau{margin-top:44px;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--color-ardoise-200);border-radius:16px;background:#fff;box-shadow:var(--shadow-carte)}
.sti-tableau table{width:100%;min-width:640px;border-collapse:collapse;text-align:left}
.sti-tableau th,.sti-tableau td{padding:14px 18px;vertical-align:top;font-size:14.5px;line-height:1.5;border-bottom:1px solid var(--color-ardoise-100)}
.sti-tableau tr:last-child>*{border-bottom:0}
.sti-tableau thead th{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-ardoise-500);background:var(--color-ardoise-50)}
.sti-tableau tbody th{width:26%;font-weight:600;color:var(--color-ardoise-900)}
.sti-tableau td{color:var(--color-ardoise-600)}
.sti-tableau td.sti-okto{background:color-mix(in srgb,var(--color-braise-50) 55%,#fff);color:var(--color-ardoise-900)}
.sti-indice{margin:8px 0 0;font-size:13px;color:var(--color-ardoise-500)}
@media (min-width:820px){.sti-indice{display:none}}

.sti-sources{margin-top:40px;max-width:820px;font-size:13.5px;line-height:1.6;color:var(--color-ardoise-500)}
.sti-sources h3{margin:0;font-size:14px;font-weight:600;color:var(--color-ardoise-700)}
.sti-sources ol,.sti-sources ul{margin:8px 0 0;padding-left:1.3em}
.sti-sources a{color:var(--color-ardoise-600)}

.sti-reponse{margin-top:28px;max-width:66ch;padding:18px 22px;border-radius:16px;background:color-mix(in srgb,var(--color-braise-50) 70%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-braise-500) 16%,transparent);font-size:16.5px;line-height:1.65;color:var(--color-ardoise-800)}

.sti-hero-cel{min-width:0}
.sti-hero-cel .ti{margin-inline:auto}