/* Une seule ambiance pour toute la page d’accueil. */
body.space-home-active {
  background-color:#17377c!important;
  background-image:
    radial-gradient(ellipse at 0% 0%,#479cde 0%,transparent 48%),
    radial-gradient(ellipse at 58% -15%,#527df1 0%,transparent 53%),
    radial-gradient(ellipse at 100% 20%,#6579cf 0%,transparent 43%),
    linear-gradient(160deg,#175eb6 0%,#204aaa 52%,#17377c 100%)!important;
  background-attachment:fixed!important;
  background-size:100vw 100vh!important;
  color:#fff;
}
body.space-home-active > main,
body.space-home-active #main,
body.space-home-active #landing,
body.space-home-active #landing > section,
body.space-home-active .home-hero.space-hero,
body.space-home-active .feature-hero,
body.space-home-active .site-footer {
  background:transparent!important;
}
body.space-home-active #landing > section {
  border-top:0;
  border-bottom:0;
}
body.space-home-active .feature-hero::before,
body.space-home-active .feature-hero::after {
  content:none!important;
}

/* Présentation : titre, onglets, produit, explication. */
body.space-home-active .feature-hero {
  padding:64px 28px 90px;
  margin:0;
  color:#fff;
}
body.space-home-active .feature-inner {
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:1280px;
  margin:0 auto;
  gap:0;
}
body.space-home-active .feature-tour-heading {
  order:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin:0 0 34px;
  text-align:center;
}
body.space-home-active .feature-tour-heading > div > span {
  display:none;
}
body.space-home-active .feature-tour-heading h2 {
  max-width:920px;
  margin:0;
  color:#fff;
  font-size:clamp(30px,3.5vw,48px);
  font-weight:650;
  line-height:1.15;
  letter-spacing:-.045em;
  text-wrap:balance;
}
body.space-home-active #feature-play {
  padding:7px 12px;
  border:1px solid #ffffff45;
  border-radius:999px;
  background:transparent;
  color:#e1ebff;
  font-size:12px;
  font-weight:500;
  box-shadow:none;
}
body.space-home-active .feature-tabs {
  order:1;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  width:100%;
  padding:4px 0 14px;
  margin:0 0 22px;
  overflow-x:auto;
  scrollbar-width:thin;
  scrollbar-color:#ffffff50 transparent;
  border:0;
  background:transparent;
}
body.space-home-active .feature-tabs button {
  flex:0 0 auto;
  padding:12px 16px;
  border:1px solid transparent;
  border-radius:999px;
  background:transparent;
  box-shadow:none;
  color:#d8e4ff;
  font:inherit;
  font-size:14px;
  font-weight:500;
  white-space:nowrap;
}
body.space-home-active .feature-tabs button:hover {
  color:#fff;
  background:#ffffff0d;
}
body.space-home-active .feature-tabs button[aria-selected="true"] {
  border-color:#ffffff60;
  background:#ffffff16;
  color:#fff;
}
body.space-home-active .feature-window {
  order:2;
  width:100%;
  margin:0;
  border:8px solid #ffffff24;
  border-radius:12px;
  background:#fff;
  background-clip:padding-box;
  box-shadow:0 24px 70px #0c23643b;
  overflow:hidden;
  color:#192944;
}
body.space-home-active .feature-window-top {
  min-height:60px;
  padding:12px 22px;
  background:#fff;
  border-bottom:1px solid #e9edf3;
}
body.space-home-active .feature-layout {
  display:grid;
  grid-template-columns:200px minmax(0,1fr);
  align-items:stretch;
  background:#fff;
}
body.space-home-active .feature-rail {
  display:none;
}
body.space-home-active .feature-sidebar {
  width:auto;
  min-width:0;
  padding:22px 16px;
  background:#f8f9fc;
  border-right:1px solid #e9edf3;
}
body.space-home-active .feature-panel {
  min-width:0;
  min-height:500px;
}
body.space-home-active .feature-explainer {
  order:3;
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);
  gap:40px;
  align-items:start;
  margin:30px 0 0;
  padding:0 8px;
  background:transparent;
  border:0;
  box-shadow:none;
}
body.space-home-active #feature-step {
  color:#c5d8ff;
  font-size:11px;
}
body.space-home-active #feature-story-title {
  margin:9px 0 10px;
  color:#fff;
  font-size:23px;
  line-height:1.3;
  letter-spacing:-.025em;
}
body.space-home-active #feature-story-copy {
  max-width:710px;
  margin:0;
  color:#dce7ff;
  font-size:14px;
  line-height:1.75;
}
body.space-home-active #feature-story-points {
  margin:0;
  color:#e3ecff;
  font-size:13px;
  line-height:1.8;
}
body.space-home-active .feature-caption {
  order:4;
  margin-top:22px;
  color:#c6d8f9;
  font-size:11px;
}

/* Textes des sections éditoriales, hors maquette du produit. */
body.space-home-active :is(
  .home-intro,.home-business,.home-final,.home-section-head
) :is(h2,h3) {
  color:#fff;
}
body.space-home-active :is(
  .home-intro,.home-business,.home-final,.home-section-head
) > p {
  color:#dce7ff;
}
body.space-home-active .home-intro h2 span {
  color:#d2e4ff;
}
body.space-home-active .home-eyebrow {
  color:#cfddfa;
}
body.space-home-active .site-footer {
  color:#e4edff;
  border-top:1px solid #ffffff24;
}
body.space-home-active .site-footer :is(a,button,strong,.brand-sub) {
  color:#fff;
}
body.space-home-active .site-footer :is(p,.footer-bottom) {
  color:#cfddfa;
}
body.space-home-active .footer-bottom {
  border-color:#ffffff24;
}

@media(min-width:1500px) {
  body.space-home-active .feature-tabs {
    justify-content:center;
  }
}
@media(max-width:900px) {
  body.space-home-active .feature-layout {
    grid-template-columns:170px minmax(0,1fr);
  }
  body.space-home-active .feature-explainer {
    grid-template-columns:1fr;
    gap:18px;
  }
}
@media(max-width:760px) {
  body.space-home-active .feature-hero {
    padding:48px 16px 60px;
  }
  body.space-home-active .feature-tour-heading {
    margin-bottom:24px;
  }
  body.space-home-active .feature-tabs {
    margin-bottom:16px;
  }
  body.space-home-active .feature-tabs button {
    padding:10px 13px;
    font-size:13px;
  }
  body.space-home-active .feature-window {
    border-width:5px;
    border-radius:12px;
  }
  body.space-home-active .feature-layout {
    grid-template-columns:minmax(0,1fr);
  }
  body.space-home-active .feature-sidebar {
    display:none;
  }
  body.space-home-active .feature-panel {
    min-height:420px;
  }
  body.space-home-active .feature-window-top {
    padding:12px;
  }
  body.space-home-active .feature-workspace-label {
    display:none;
  }
  body.space-home-active .feature-explainer {
    padding:0;
    margin-top:24px;
  }
}