/* Grandes cartes produit */
body.space-home-active #landing > section.space-product-stack,
body #landing > section.space-product-stack {
  display:block;
  width:100%;
  max-width:none;
  margin:0;
  padding:0 28px;
  background:#fff!important;
  color:#191c22;
  border:0;
  border-radius:0;
}
#space-product-stack,
#space-product-stack * { box-sizing:border-box; }
#space-product-stack .spc-container { max-width:1280px; margin:auto; }
#space-product-stack .spc-intro {
  padding:100px 20px 72px;
  text-align:center;
}
#space-product-stack .spc-intro > span {
  color:#687384; font-size:11px; font-weight:650; letter-spacing:.13em;
}
#space-product-stack h2 {
  color:#171b23; font-size:clamp(34px,4.5vw,60px);
  font-weight:650; letter-spacing:-.05em; line-height:1.1;
  margin:22px 0;
}
#space-product-stack .spc-intro > p,
#space-product-stack .spc-final > p {
  color:#69717d; font-size:18px; line-height:1.7; margin:0;
}
#space-product-stack .spc-card {
  --spc-tint:#edf3ff;
  --spc-deep:#dce8fc;
  margin:0 0 36px;
  padding:44px;
  border:1px solid #e6e9ee;
  border-radius:16px;
  background:#fff;
  box-shadow:0 5px 24px #1c304004;
  scroll-margin-top:110px;
}
#space-product-stack [data-tone="mint"] {
  --spc-tint:#eefaf7; --spc-deep:#d4eee8;
}
#space-product-stack [data-tone="peach"] {
  --spc-tint:#fff5ef; --spc-deep:#f8e3d7;
}
#space-product-stack [data-tone="lavender"] {
  --spc-tint:#f5f2ff; --spc-deep:#e6def6;
}
#space-product-stack [data-tone="sky"] {
  --spc-tint:#edf8fc; --spc-deep:#d9edf5;
}
#space-product-stack .spc-heading {
  position:static; display:block; width:auto; height:auto;
  padding:0; margin:0; border:0; background:none; box-shadow:none;
}
#space-product-stack .spc-heading h3 {
  margin:0 0 16px; color:#15181f;
  font-size:clamp(30px,3.5vw,46px);
  line-height:1.12; letter-spacing:-.045em; font-weight:650;
}
#space-product-stack .spc-heading > p {
  max-width:780px; margin:0;
  color:#555f6c; font-size:18px; line-height:1.65;
}
#space-product-stack .spc-tabs {
  display:flex; gap:10px; overflow-x:auto;
  margin:36px 0 24px; padding:4px;
  scrollbar-width:thin;
}
#space-product-stack .spc-tabs button {
  flex:0 0 auto; width:auto; margin:0; padding:12px 19px;
  border:0; border-radius:999px;
  background:transparent; color:#747b86;
  font:inherit; font-size:15px; font-weight:550;
  cursor:pointer; box-shadow:none;
}
#space-product-stack .spc-tabs button[aria-selected="true"] {
  background:var(--spc-tint); color:#1c293b;
}
#space-product-stack .spc-tabs button:hover { color:#1959e5; }
#space-product-stack .spc-panel {
  display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);
  align-items:center; gap:40px;
  min-height:440px; padding:40px;
  border-radius:12px;
  background:linear-gradient(120deg,var(--spc-tint),var(--spc-deep));
}
#space-product-stack [hidden] { display:none!important; }
#space-product-stack .spc-copy h4 {
  margin:0 0 18px; color:#202831;
  font-size:clamp(24px,2.4vw,30px);
  font-weight:600; line-height:1.25; letter-spacing:-.035em;
}
#space-product-stack .spc-copy > p {
  margin:0 0 26px; color:#52606b; font-size:15px; line-height:1.8;
}
#space-product-stack .spc-copy ul {
  display:grid; gap:16px; margin:0; padding:0; list-style:none;
}
#space-product-stack .spc-copy li {
  position:relative; padding-left:28px;
  color:#344451; font-size:14px; line-height:1.6;
}
#space-product-stack .spc-copy li::before {
  content:"✓"; position:absolute; left:0; top:1px;
  color:#346c76; font-weight:700;
}
#space-product-stack .spc-preview { min-width:0; }
#space-product-stack .spc-window {
  width:100%; min-width:0; overflow:hidden;
  border:1px solid #ffffffb0; border-radius:12px;
  background:#fff;
  box-shadow:0 18px 45px #22354712;
}
#space-product-stack .spc-window-bar {
  display:flex; align-items:center; gap:10px; min-height:56px;
  padding:12px 20px; border-bottom:1px solid #edf0f4;
  color:#364154; font-size:12px;
}
#space-product-stack .spc-window-logo {
  display:grid; place-items:center;
  width:25px; height:25px; border-radius:8px;
  background:#eef3ff; color:#2760db; font-weight:750;
}
#space-product-stack .spc-window-dots {
  margin-left:auto; color:#929aa5; letter-spacing:2px;
}
#space-product-stack .spc-window-body { padding:26px; }
#space-product-stack .spc-mini-label {
  color:#8892a0; font-size:9px; font-weight:700;
  letter-spacing:.1em; line-height:1.6;
}
#space-product-stack .spc-window h4 {
  margin:12px 0 22px; color:#222b38;
  font-size:23px; font-weight:600;
  line-height:1.3; letter-spacing:-.04em;
}
#space-product-stack .spc-row {
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding:17px 0; border-bottom:1px solid #edf0f4;
}
#space-product-stack .spc-row:last-child { border-bottom:0; }
#space-product-stack .spc-row strong,
#space-product-stack .spc-person strong {
  display:block; color:#354053; font-size:12px; font-weight:600;
}
#space-product-stack .spc-row small,
#space-product-stack .spc-person small {
  display:block; margin-top:6px; color:#87909e;
  font-size:10px; line-height:1.6;
}
#space-product-stack .spc-chip {
  display:inline-block; flex-shrink:0;
  padding:5px 8px; border-radius:6px;
  background:var(--spc-tint); color:#4c6470;
  font-size:9px; font-weight:550;
}
#space-product-stack .spc-message {
  display:flex; align-items:flex-start; gap:12px;
  padding:16px 0; border-bottom:1px solid #edf0f4;
}
#space-product-stack .spc-avatar {
  display:grid; place-items:center; flex-shrink:0;
  width:32px; height:32px; border-radius:50%;
  background:#e8effc; color:#5874ad;
  font-size:10px; font-weight:650;
}
#space-product-stack .spc-avatar-purple { background:#eee7f8; color:#8966ad; }
#space-product-stack .spc-message strong { color:#354053; font-size:11px; }
#space-product-stack .spc-message strong small { color:#8c95a2; font-weight:400; }
#space-product-stack .spc-message p,
#space-product-stack .spc-soft-copy {
  color:#6b7787; font-size:11px; line-height:1.8; margin:8px 0 0;
}
#space-product-stack .spc-compose {
  display:flex; justify-content:space-between; gap:10px;
  margin-top:22px; padding:13px;
  border:1px solid #e9edf3; border-radius:8px;
  color:#98a1ad; font-size:10px;
}
#space-product-stack .spc-event-cover {
  padding:24px; border-radius:12px;
  background:#edf2fc; color:#3d598a;
}
#space-product-stack .spc-event-cover span {
  display:block; font-size:8px; letter-spacing:.12em;
}
#space-product-stack .spc-event-cover strong {
  display:block; margin-top:14px; font-size:25px;
  font-weight:600; line-height:1.2; letter-spacing:-.04em;
}
#space-product-stack .spc-plan {
  border:1px solid #e5eee9; padding:20px; border-radius:12px;
}
#space-product-stack .spc-plan > strong {
  display:block; color:#25382e; margin-top:14px; font-size:17px;
}
#space-product-stack .spc-plan p,
#space-product-stack .spc-plan li {
  color:#728077; font-size:11px; line-height:1.8;
}
#space-product-stack .spc-plan ul { padding-left:16px; margin:16px 0; }
#space-product-stack .spc-price {
  padding-top:15px; border-top:1px solid #e7eee9;
  color:#2d4536; font-size:22px; font-weight:600;
}
#space-product-stack .spc-price small { font-size:10px; font-weight:400; }
#space-product-stack .spc-stats {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px;
}
#space-product-stack .spc-stats > div {
  padding:12px; border:1px solid #e9edf1; border-radius:8px;
}
#space-product-stack .spc-stats small { color:#85909c; font-size:9px; }
#space-product-stack .spc-stats strong {
  display:block; color:#47586b; margin-top:10px; font-size:24px;
}
#space-product-stack .spc-empty-chart {
  margin-top:24px; color:#6f7d8b; font-size:10px;
}
#space-product-stack .spc-empty-chart > div {
  height:26px; border-bottom:1px dashed #e3e8ef;
}
#space-product-stack .spc-empty-chart > small {
  display:block; margin-top:12px; font-size:9px; color:#97a0ac;
}
#space-product-stack .spc-mail-fields p {
  display:flex; gap:14px; margin:0; padding:10px 0;
  border-bottom:1px solid #edf0f4; color:#536073; font-size:10px;
}
#space-product-stack .spc-mail-fields span { color:#98a0ac; min-width:30px; }
#space-product-stack .spc-letter { margin-top:24px; }
#space-product-stack .spc-letter > p {
  color:#687485; font-size:11px; line-height:1.8;
}
#space-product-stack .spc-letter-link {
  margin-top:20px; padding:12px; border-radius:8px;
  background:#fff0e6; color:#8b614a; font-size:10px; text-align:center;
}
#space-product-stack .spc-person {
  display:flex; align-items:center; gap:12px; padding:18px 0;
  border-bottom:1px solid #edf0f4;
}
#space-product-stack .spc-person .spc-chip { margin-left:auto; }
#space-product-stack .spc-final {
  padding:70px 20px 100px; text-align:center;
}
#space-product-stack .spc-final > a {
  display:inline-flex; gap:24px; align-items:center;
  margin-top:28px; padding:16px 25px;
  border-radius:999px; background:#1959ef; color:#fff;
  font-size:15px; font-weight:600; text-decoration:none;
}
#space-product-stack :focus-visible {
  outline:3px solid #638eff; outline-offset:4px;
}

/* Le même menu devient blanc au défilement */
body.space-home-active > header[data-space-header] {
  position:fixed!important;
  top:0!important; right:0!important; left:0!important;
  z-index:100;
  background:transparent!important;
  transition:background .2s,box-shadow .2s;
}
body.space-home-active > header[data-space-header] .nav-wrap {
  min-height:82px; padding:16px 32px;
}
body.space-home-active > header[data-space-header][data-solid="true"] {
  background:#fff!important;
  border-bottom:1px solid #e8ebef!important;
  box-shadow:0 4px 20px #15243b05!important;
}
body.space-home-active > header[data-space-header][data-solid="true"] .brand,
body.space-home-active > header[data-space-header][data-solid="true"] .brand-sub,
body.space-home-active > header[data-space-header][data-solid="true"] .site-nav a,
body.space-home-active > header[data-space-header][data-solid="true"] [data-action="login"] {
  color:#252b36!important;
}
body.space-home-active > header[data-space-header][data-solid="true"] .space-nav-create {
  color:#252b36!important;
  background:#fff!important;
  border-color:#252b36!important;
}
body.space-home-active > header[data-space-header][data-solid="true"] .space-nav-create:hover {
  background:#f1f4fa!important;
}
body.space-home-active > header[data-space-header] .site-nav {
  display:flex!important; align-items:center; gap:26px;
}
@media(max-width:1000px) {
  #space-product-stack .spc-card { padding:30px; }
  #space-product-stack .spc-panel { gap:24px; padding:28px; }
}
@media(max-width:760px) {
  body.space-home-active #landing > section.space-product-stack,
  body #landing > section.space-product-stack { padding:0 16px; }
  #space-product-stack .spc-intro { padding:64px 0 44px; }
  #space-product-stack .spc-card { padding:22px; border-radius:12px; margin-bottom:24px; }
  #space-product-stack .spc-heading > p { font-size:16px; }
  #space-product-stack .spc-tabs { margin:24px 0 18px; gap:4px; }
  #space-product-stack .spc-tabs button { font-size:13px; padding:11px 13px; }
  #space-product-stack .spc-panel { grid-template-columns:1fr; padding:24px; min-height:0; gap:30px; }
  #space-product-stack .spc-window-body { padding:20px; }
  #space-product-stack .spc-final { padding:40px 0 70px; }
  body.space-home-active > header[data-space-header] .nav-wrap {
    display:flex; flex-wrap:wrap; justify-content:space-between;
    gap:12px; padding:12px 18px;
  }
  body.space-home-active > header[data-space-header] .site-nav {
    display:flex!important; position:static!important;
    order:3; width:100%; justify-content:center;
    gap:24px; margin:0; padding:4px 0;
    background:transparent!important;
  }
  body.space-home-active > header[data-space-header] .site-nav a { font-size:13px; }
  body.space-home-active > header[data-space-header] .nav-actions {
    display:flex!important; gap:8px; align-items:center;
  }
  body.space-home-active > header[data-space-header] [data-action="login"] {
    display:inline-flex!important; font-size:12px; padding:8px 4px;
  }
}
@media(max-width:400px) {
  #space-product-stack .spc-card { padding:16px; }
  #space-product-stack .spc-panel { padding:18px; }
  body.space-home-active > header[data-space-header] .brand { font-size:15px; }
  body.space-home-active > header[data-space-header] .brand img {
    width:30px!important; height:30px!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  body.space-home-active > header[data-space-header] { transition:none; }
}