:root{--fds-red:#C91E26;--fds-red-ink:#A2181F;--fds-ink:#111;--fds-muted:#6b7280;--fds-bg:#f8fafc;--fds-white:#fff;--fds-line:#e5e7eb;--fds-success:#19a974;--radius:16px;--shadow:0 8px 24px rgba(16,24,40,.08)}
.fds-pricing{max-width:1100px;margin:0 auto;padding:48px 20px}
.fds-pricing__header{text-align:center;margin-bottom:28px}
.fds-pricing__title{font-size:clamp(28px,3vw,40px);line-height:1.1;margin:0 0 8px}
.fds-pricing__subtitle{color:var(--fds-red-ink);margin:0;font-weight: bold;}
.fds-pricing__toggle{display:inline-flex;background:var(--fds-white);border:1px solid var(--fds-line);padding:6px;border-radius:999px;box-shadow:var(--shadow);margin-top:16px}
.fds-pricing__toggle-btn{border:0;background:transparent;padding:.6rem 1.1rem;border-radius:999px;font-weight:600;color:var(--fds-muted);cursor:pointer}
.fds-pricing__toggle-btn.is-active{background:var(--fds-red);color:#fff}
.fds-pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
@media (max-width:960px){.fds-pricing__grid{grid-template-columns:1fr}}
.fds-card{background:var(--fds-white);border:1px solid var(--fds-line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;position:relative;display:flex;flex-direction:column;transition:.2s}
.fds-card:hover{transform:translateY(-2px)}
.fds-card--featured{border:2px solid var(--fds-red)}
.fds-card__badge{position:absolute;top:-12px;left:16px;background:var(--fds-red);color:#fff;padding:6px 10px;border-radius:10px;font-size:.8rem}
.fds-card__name{font-size:1.15rem;margin:0 0 6px}
.fds-card__price{display:flex;align-items:baseline;gap:4px;margin:2px 0 14px}
.fds-card__amount{font-size:2.2rem;font-weight:800;letter-spacing:-.02em}
.fds-card__currency,.fds-card__period{color:var(--fds-muted)}
.fds-card__features{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.fds-card__feature{position:relative;padding-left:26px}
.fds-card__feature::before{content:"";position:absolute;left:0;top:.25rem;width:16px;height:16px;border-radius:999px;border:2px solid var(--fds-red-ink)}
.fds-card__note{color:var(--fds-muted);font-size:.9rem;margin:0 0 16px}
.fds-card__cta{display:inline-block;text-align:center;font-weight:700;border:2px solid var(--fds-ink);border-radius:999px;padding:.7rem 1.2rem;text-decoration:none;color:var(--fds-ink)}
.fds-card--featured .fds-card__cta{border-color:var(--fds-red);color:#fff;background:var(--fds-red)}
.fds-card--featured .fds-card__cta:hover{background:var(--fds-red-ink)}
.fds-pricing__footer{margin-top:18px;text-align:center;color:var(--fds-muted);font-size:.9rem}
.fds-pricing[data-period="monthly"] .fds-group--monthly{display:block}
.fds-pricing[data-period="yearly"]  .fds-group--yearly{display:block}

.fds-group--yearly .fds-pricing__grid {
  grid-template-columns: repeat(2, minmax(280px, 360px));
  justify-content: center; /* centre les colonnes dans l’espace dispo */
  gap: 20px;
  margin-inline: auto;
}

@media (max-width: 960px) {
  .fds-group--yearly .fds-pricing__grid {
    grid-template-columns: 1fr;
  }
}

.fds-group {
  position: absolute;
  top: 0; left: 0; right: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity .4s ease, transform .4s ease, visibility 0s linear .4s;
}

.fds-group.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity .4s ease, transform .4s ease;
}

.fds-pricing__groups {
  position: relative;
}

.fds-group__title {
  text-align: center;
  font-size: 1.3rem;
  font-weight: 700;
  margin: 20px 0 24px;
  color: var(--fds-ink);
}

.fds-advantages {
  max-width: 1000px;
  margin: 40px auto;
  padding: 0 0 0 60px;
}

.fds-advantages__title {
  text-align: center;
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 24px;
}

.fds-advantages__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px 24px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.fds-advantages__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.fds-advantages__icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23999' stroke-width='2' fill='none'/%3E%3Cpath d='M8 12l3 3 5-6' stroke='%23111' stroke-width='2' fill='none' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E");
}


.fds-advantages__text {
  flex: 1;
  font-size: 1.4rem;
  color: var(--fds-ink, #111);
  line-height: 1.3;
}
.fds-advantages__text strong {
  display: block;
  font-weight: 700;
  margin-bottom: 2px;
}