.seo-hero { padding-block: clamp(2.5rem, 1.5rem + 4vw, 5rem) var(--section); }
.seo-tete { display: grid; justify-items: center; gap: clamp(20px, 2vw, 28px); text-align: center; }
.seo-tete picture { display: block; max-width: 100%; }
.seo-logo { width: 460px; max-width: 100%; height: auto; }


.seo-hero-grille { display: grid; gap: clamp(32px, 4vw, 64px); align-items: center; margin-top: clamp(3rem, 2rem + 4vw, 6rem); }
.seo-hero-texte h1 { margin-bottom: 0.4em; }
.seo-hero-grille .score-anneau { width: min(100%, 300px); }
@media (min-width: 900px) {
  .seo-hero-grille { grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); }
  .seo-hero-grille .score-anneau { width: min(100%, 340px); }
}


.seo-mesure { border-top: 1px solid var(--filet); }
.seo-points { list-style: none; margin: clamp(1.5rem, 1rem + 2vw, 3rem) 0 0; padding: 0; display: grid; gap: 32px 40px; }
.seo-points li { border-top: 1.5px solid var(--texte); padding-top: 18px; }
.seo-points h3 { margin-bottom: 0.5em; }
.seo-points p { color: var(--texte-2); }
.seo-points q { color: var(--texte); }
.seo-points var { font-style: normal; font-weight: 700; color: var(--texte); }
@media (min-width: 640px) { .seo-points { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .seo-points { grid-template-columns: repeat(4, minmax(0, 1fr)); } }


.seo-apres { border-top: 1px solid var(--filet); }
.seo-apres-in { display: grid; gap: 16px 64px; }
@media (min-width: 900px) { .seo-apres-in { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); align-items: start; } }
.seo-prix { font-family: var(--f-titre); font-stretch: 80%; font-weight: 800; font-size: var(--t-h3); line-height: 1.2; }
.seo-a-confirmer { color: var(--texte-2); font-weight: 700; }


.seo-faq { border-top: 1px solid var(--filet); }


.seo-fin { padding-block: 0 var(--section); }
.seo-fin-in { display: grid; justify-items: center; gap: 20px; text-align: center; border-top: 1px solid var(--filet); padding-top: var(--section); }
.seo-fin-in p { margin: 0; font-size: var(--t-h3); font-weight: 700; }


@media (max-width: 559px) {
  .seo-tete .btn, .seo-fin-in .btn { width: 100%; }
}


.seo-chiffre { font-variant-numeric: tabular-nums; white-space: nowrap; }

.seo-points sup { font-size: max(0.875rem, 0.8em); line-height: 0; }