/* SDX_DEVELOPMENT_REBUILD: contenu généré par le CMS */ .site-page__main:not(.site-page__main--page-contact) {
  padding-top: clamp(2.5rem,5vw,5.5rem);
  padding-bottom: clamp(3.5rem,7vw,7rem)
}

.page-block--heading h2 {
  max-width: 54rem;
  color: var(--sdx-text);
  font-size: clamp(2rem,4.2vw,3.5rem);
  line-height: 1.06;
  letter-spacing: -.045em
}

.sdx-kicker {
  margin: 0 0 .9rem;
  color: var(--sdx-erp-brand);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase
}

.sdx-lead {
  max-width: 46rem;
  color: var(--sdx-text-soft);
  font-size: 1.08rem;
  line-height: 1.75
}

.sdx-copy {
  color: var(--sdx-text-soft);
  line-height: 1.75
}

.sdx-copy h2,.sdx-copy h3 {
  color: var(--sdx-text)
}

.sdx-copy h2 {
  margin-top: 2.5rem;
  font-size: calamp(1.55rem,3vw,2.3rem)
}

.sdx-copy h3 {
  margin-top: 1.75rem;
  font-size: 1.2rem
}

.sdx-copy ul {
  padding-left: 1.2rem
}

.sdx-copy li+li {
  margin-top: .55rem
}

.sdx-grid {
  display: grid;
  gap: 1rem
}

.sdx-grid--three {
  grid-template-columns: repeat(3,minmax(0,1fr))
}

.sdx-grid--two {
  grid-template-columns: repeat(2,minmax(0,1fr))
}

.sdx-card {
  height: 100%;
  padding: 1.55rem;
  border: 1px solid var(--sdx-border);
  border-radius: 1.15rem;
  background: var(--sdx-surface);
  box-shadow: var(--sdx-card-shadow);
  backdrop-filter: blur(10px)
}

.sdx-card__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  color: var(--sdx-erp-deep);
  background: var(--sdx-erp-soft);
  font-size: .75rem;
  font-weight: 800
}

.sdx-card h3 {
  margin: 1.25rem 0 .6rem;
  color: var(--sdx-text);
  font-size: 1.28rem
}

.sdx-card p {
  margin: 0;
  color: var(--sdx-text-soft);
  line-height: 1.65
}

.sdx-card ul {
  margin: 1rem 0 0;
  padding-left: 1.1rem;
  color: var(--sdx-text-soft);
  line-height: 1.6
}

.sdx-card li+li {
  margin-top: .35rem
}

.sdx-callout {
  margin: 2.2rem 0;
  padding: clamp(1.4rem,4vw,2.5rem);
  border: 1px solid #4a7680;
  border-radius: 1.25rem;
  background: radial-gradient(circle at 92% 8%,rgb(98 195 193 / 18%),transparent 18rem),linear-gradient(135deg,#081f27,#0b5265);
  color: #eefafa
}

.sdx-callout h2 {
  margin: 0 0 .7rem;
  color: #eefafa;
  font-size: clamp(1.55rem,3vw,2.35rem)
}

.sdx-callout p {
  max-width: 45rem;
  margin: 0;
  color: #aac7cb;
  line-height: 1.7
}

.sdx-callout a {
  display: inline-block;
  margin-top: 1.2rem;
  color: #eefafa;
  font-weight: 750;
  text-decoration: none
}

.sdx-callout a:hover {
  text-decoration: underline
}

.sdx-timeline {
  display: grid;
  gap: .85rem;
  margin: 2rem 0;
  padding: 0;
  list-style: none;
  counter-reset: sdx
}

.sdx-timeline li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .45rem 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid var(--sdx-border);
  border-radius: .9rem;
  background: color-mix(in srgb,var(--sdx-surface-solid) 78%,var(--sdx-erp-soft));
  counter-increment: sdx
}

.sdx-timeline li::before {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  color: var(--sdx-erp-deep);
  background: var(--sdx-erp-soft);
  content: "0" counter(sdx);
  font-size: .72rem;
  font-weight: 800
}

.sdx-timeline strong {
  color: var(--sdx-text)
}

.sdx-timeline span {
  color: var(--sdx-text-soft);
  line-height: 1.55
}

.sdx-price-note {
  margin: 1rem 0 0;
  padding: .72rem .82rem;
  border-left: 3px solid var(--sdx-border);
  border-radius: .45rem;
  background: color-mix(in srgb,var(--sdx-surface-solid) 58%,var(--sdx-surface-muted));
  color: var(--sdx-text-soft);
  font-size: .8rem;
  line-height: 1.55
}

.sdx-price-note strong {
  color: var(--sdx-text)
}

.sdx-price {
  display: block;
  margin: .65rem 0;
  color: var(--sdx-erp-deep);
  font-size: 1.6rem;
  font-weight: 800;
  letter-spacing: -.035em
}

.sdx-delay {
  display: inline-block;
  margin: .25rem 0 .7rem;
  padding: .3rem .6rem;
  border: 1px solid var(--sdx-border);
  border-radius: 999px;
  color: var(--sdx-erp-deep);
  background: var(--sdx-erp-soft);
  font-size: .8rem;
  font-weight: 750
}

.sdx-price-scope {
  display: block;
  margin: 1.1rem 0 .45rem;
  color: var(--sdx-text);
  font-size: .86rem;
  font-weight: 800
}

.sdx-price-card {
  position: relative;
  overflow: hidden
}

.sdx-price-card>ul {
  margin-top: .45rem
}

.sdx-price-card--accent {
  border-color: var(--sdx-erp-brand);
  background: linear-gradient(145deg,#fff,var(--sdx-erp-soft))
}

.sdx-price-card--accent::after {
  position: absolute;
  inset: 0 0 auto auto;
  width: 5rem;
  height: 5rem;
  border-radius: 0 0 0 100%;
  background: var(--sdx-brand-mint);
  content: ""
}

.sdx-faq {
  display: grid;
  gap: .8rem;
  margin-top: 2rem
}

.sdx-faq details {
  padding: 1rem 1.15rem;
  border: 1px solid var(--sdx-border);
  border-radius: .85rem;
  background: var(--sdx-surface);
  box-shadow: var(--sdx-card-shadow);
  backdrop-filter: blur(10px)
}

.sdx-faq summary {
  cursor: pointer;
  color: var(--sdx-text);
  font-weight: 750
}

.sdx-faq p {
  margin: 1rem 0 0;
  color: var(--sdx-text-soft);
  line-height: 1.65
}

.sdx-profile {
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(16rem,.8fr);
  gap: clamp(1.5rem,5vw,4rem);
  align-items: center;
  margin: 1rem 0 3.5rem;
  padding: clamp(1.5rem,4vw,3rem);
  border: 1px solid var(--sdx-border);
  border-radius: 1.45rem;
  background: linear-gradient(135deg,var(--sdx-surface),var(--sdx-erp-soft));
  box-shadow: var(--sdx-card-shadow)
}

.sdx-profile h2 {
  margin: .25rem 0 1rem;
  color: var(--sdx-text);
  font-size: clamp(2rem,4vw,3.25rem);
  line-height: 1.05;
  letter-spacing: -.05em
}

.sdx-profile p {
  margin: 0;
  color: var(--sdx-text-soft);
  line-height: 1.75
}

.sdx-profile__facts {
  display: grid;
  gap: .75rem;
  margin: 0;
  padding: 0;
  list-style: none
}

.sdx-profile__facts li {
  padding: 1rem 1.1rem;
  border-left: 3px solid var(--sdx-erp-brand);
  border-radius: .2rem .8rem .8rem .2rem;
  background: var(--sdx-surface)
}

.sdx-profile__facts strong {
  display: block;
  color: var(--sdx-erp-deep);
  font-size: 1.1rem
}

.sdx-profile__facts span {
  display: block;
  margin-top: .2rem;
  color: var(--sdx-text-soft);
  font-size: .92rem;
  line-height: 1.45
}

.sdx-project-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1rem;
  margin: 2rem 0
}

.sdx-project {
  position: relative;
  overflow: hidden;
  min-height: 15rem;
  padding: 1.55rem;
  border: 1px solid var(--sdx-border);
  border-radius: 1.2rem;
  background: var(--sdx-surface);
  box-shadow: var(--sdx-card-shadow);
  backdrop-filter: blur(10px)
}

.sdx-project::after {
  position: absolute;
  right: -2.5rem;
  bottom: -3rem;
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  background: radial-gradient(circle,rgb(98 195 193 / 18%),transparent 68%);
  content: ""
}

.sdx-project__type {
  display: inline-flex;
  padding: .28rem .55rem;
  border: 1px solid var(--sdx-border);
  border-radius: 999px;
  color: var(--sdx-erp-deep);
  background: var(--sdx-erp-soft);
  font-size: .67rem;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase
}

.sdx-project h3 {
  position: relative;
  z-index: 1;
  margin: 1rem 0 .6rem;
  color: var(--sdx-text);
  font-size: 1.35rem
}

.sdx-project p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--sdx-text-soft);
  line-height: 1.65
}

.sdx-project__links {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: .55rem 1rem;
  margin: 1.15rem 0 0;
  padding: 0;
  list-style: none
}

.sdx-project__links a {
  color: var(--sdx-erp-brand);
  font-size: .88rem;
  font-weight: 800;
  text-decoration: none
}

.sdx-project__links a:hover {
  text-decoration: underline
}

.sdx-project--feature {
  border-color: #4a7680;
  background: radial-gradient(circle at 92% 8%,rgb(98 195 193 / 18%),transparent 18rem),linear-gradient(135deg,#081f27,#0b5265);
  box-shadow: 0 1.3rem 3rem rgb(0 0 0 / 22%)
}

.sdx-project--feature h3 {
  color: #eefafa
}

.sdx-project--feature p {
  color: #aac7cb
}

.sdx-project--feature .sdx-project__type {
  color: #081f27;
  background: #bfeceb
}

.sdx-project--feature .sdx-project__links a {
  color: #bff4f3
}

.sdx-stack {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: .8rem;
  margin: 1.5rem 0 3rem
}

.sdx-stack__item {
  padding: 1rem;
  border: 1px solid var(--sdx-border);
  border-radius: .95rem;
  background: var(--sdx-surface);
  box-shadow: var(--sdx-card-shadow)
}

.sdx-stack__item strong {
  display: block;
  color: var(--sdx-text);
  font-size: 1.05rem
}

.sdx-stack__item span {
  display: block;
  margin-top: .35rem;
  color: var(--sdx-text-soft);
  font-size: .87rem;
  line-height: 1.5
}

.sdx-service-strip {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1rem;
  margin: 2rem 0
}

.sdx-service-strip article {
  padding: 1.35rem;
  border: 1px solid #4a7680;
  border-radius: 1rem;
  color: #eefafa;
  background: radial-gradient(circle at 92% 8%,rgb(98 195 193 / 18%),transparent 18rem),linear-gradient(135deg,#081f27,#0b5265)
}

.sdx-service-strip h3 {
  margin: .5rem 0;
  color: #eefafa;
  font-size: 1.12rem
}

.sdx-service-strip p {
  margin: 0;
  color: #aac7cb;
  font-size: .93rem;
  line-height: 1.6
}

.page-block--cta>div {
  border-color: #4a7680;
  background: radial-gradient(circle at 92% 8%,rgb(98 195 193 / 18%),transparent 18rem),linear-gradient(135deg,#081f27,#0b5265);
  color: #eefafa
}

.page-block--cta h2 {
  color: #eefafa
}

.page-block--cta p {
  max-width: 46rem;
  color: #aac7cb;
  line-height: 1.7
}

.page-block--cta .btn {
  border-color: #bfeceb;
  background: #bfeceb;
  color: var(--sdx-text);
  font-weight: 800
}

.page-block--cta .btn:hover {
  border-color: #fff;
  background: #fff;
  color: var(--sdx-erp-deep)
}

.page-block--news-feed {
  margin-top: 0
}

.news-feed__heading {
  margin: 0 0 1.5rem;
  color: var(--sdx-text);
  font-size: clamp(1.8rem,3.4vw,2.7rem)
}

.news-card {
  border-color: var(--sdx-border);
  background: var(--sdx-surface);
  box-shadow: var(--sdx-card-shadow);
  backdrop-filter: blur(10px)
}

.news-card__body {
  padding: 1.4rem
}

.news-card__facts {
  color: var(--sdx-erp-brand)
}

.news-card h3 a {
  color: var(--sdx-text)
}

.news-card p {
  color: var(--sdx-text-soft);
  line-height: 1.65
}

.news-card__link {
  color: var(--sdx-erp-brand);
  font-weight: 800
}

.news-feed__filter select {
  border-color: var(--sdx-border);
  border-radius: .55rem
}

@media (max-width:820px) {
  .sdx-grid--three,.sdx-grid--two,.sdx-profile,.sdx-project-grid,.sdx-stack,.sdx-service-strip {
    grid-template-columns: 1fr
  }
  .sdx-card {
    padding: 1.3rem
  }
}
/* SDX_SEO_TARIFS_PREVIEW_V1 */
.sdx-pricing-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr);gap:clamp(1.5rem,5vw,4rem);align-items:end;margin-bottom:clamp(2.5rem,5vw,4.5rem);padding:clamp(1.4rem,4vw,2.7rem);border:1px solid #c6e2e4;border-radius:1.25rem;background:linear-gradient(135deg,#f4fdfd,#f8faff)}.sdx-pricing-intro h2{margin:0;color:#0b1833;font-size:clamp(1.9rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.045em}.sdx-pricing-intro p{color:#52687d;line-height:1.7}.sdx-pricing-intro a{color:#087383;font-weight:800}.sdx-pricing-intro aside{padding:1.1rem 1.2rem;border-left:3px solid #62c3c1;border-radius:.2rem .9rem .9rem .2rem;background:#fff}.sdx-pricing-intro aside strong{display:block;color:#0b1833}.sdx-pricing-intro aside p{margin:.45rem 0 0;font-size:.92rem}@media(max-width:820px){.sdx-pricing-intro{grid-template-columns:1fr}}