/* Même feuille pour le site et le canevas WordPress. Aucun élément superposé dans les étapes. */
.legacy-home-intro { box-sizing: border-box; container-type: inline-size; padding: 20px 33px 14px; text-align: center; font: 13px/1.35 Arial, sans-serif; }
.legacy-home-intro .legacy-buy-button { display: inline-block; border: 0; border-radius: 10px; background: #92d050; color: #fff; padding: 9px 12px; font: 700 18px/1.35 Arial, sans-serif; text-decoration: none; }
.legacy-home-intro .legacy-buy-button:hover { background: #80bd40; color: #fff; }
.legacy-home-intro h1 { margin: 14px 0; color: #4c565f; font: 400 20px/1.3 Arial, sans-serif; }
.legacy-home-intro h1 strong, .legacy-home-intro h1 em { color: #fc7c3d; font-style: normal; font-weight: 700; }
.legacy-home-intro .legacy-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.legacy-home-intro .legacy-steps article { box-sizing: border-box; position: static; display: flex; min-width: 0; min-height: 0; flex-direction: column; align-items: center; gap: 10px; overflow: visible; border-radius: 19px; background: #4d5861; color: #fff; padding: 14px 10px; }
.legacy-home-intro .legacy-steps article > i { display: block; flex: none; height: 46px; color: #fff; font-size: 40px; line-height: 46px; }
.legacy-home-intro .legacy-steps article > img { position: static; display: block; flex: none; width: 58px; height: 58px; margin: 0; object-fit: contain; }
.legacy-home-intro .legacy-steps article p { position: static; z-index: auto; width: 100%; max-width: none; margin: 0; color: #fff; font: 400 13px/1.4 Arial, sans-serif; overflow-wrap: anywhere; }
.legacy-home-intro .legacy-steps article a { color: #fc7c3d; text-decoration: none; }
.legacy-home-intro .legacy-steps article a:hover { text-decoration: underline; }
.legacy-slideshow { box-sizing: border-box; margin: 0; padding: 0 0 10px; background: #fff; font: 13px/1.35 Arial, sans-serif; }
.legacy-slideshow__viewport { position: relative; width: 700px; max-width: 100%; aspect-ratio: 3 / 2; margin: 0 auto; overflow: hidden; background: #e7eaec; }
.legacy-slideshow .legacy-slide { position: absolute; inset: 0; margin: 0; opacity: 0; visibility: hidden; transition: opacity .6s ease; }
.legacy-slideshow .legacy-slide.is-active { opacity: 1; visibility: visible; }
.legacy-slideshow .legacy-slide > a { display: block; width: 100%; height: 100%; }
.legacy-slideshow .legacy-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.legacy-slideshow .legacy-slide figcaption { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; box-sizing: border-box; margin: 0; background: rgb(255 255 255 / 85%); color: #303f50; padding: 10px 18px; font: 15px/1.35 Arial, sans-serif; text-align: left; }
.legacy-slideshow__dots { display: flex; min-height: 58px; flex-wrap: wrap; align-items: center; justify-content: center; gap: 9px; padding: 12px 15px; }
.legacy-slideshow__dots button { flex: none; width: 17px; height: 17px; border: 0; border-radius: 50%; background: #c7c7c7; padding: 0; cursor: pointer; }
.legacy-slideshow__dots button[aria-current="true"] { background: #777; box-shadow: inset 0 0 0 4px #aaa; }
.legacy-press { margin: 0; }
.legacy-press img { display: block; width: 100%; max-width: 100%; height: auto; }
@container (max-width: 760px) { .legacy-home-intro .legacy-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (max-width: 480px) { .legacy-home-intro .legacy-steps { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 820px) { .legacy-home-intro { padding: 20px 14px 14px; } }
@media (max-width: 520px) { .legacy-home-intro h1 { font-size: 18px; } }