.dlex-page .section--alt { background: var(--c-surface-soft); }
.dlex-hero { position: relative; }
.dlex-hero .hero__grid h1 { max-width: 19ch; }
.dlex-heading { max-width: 800px; }
.dlex-heading h2 { max-width: 25ch; }
.dlex-heading p { color: var(--c-text-muted); }

.dlex-promises {
  padding-inline: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-8);
  margin-block: 0;
  padding-block: var(--space-6);
  list-style: none;
  border-bottom: 1px solid var(--c-border);
}
.dlex-promises strong { display: block; color: var(--c-text); }
.dlex-promises span { color: var(--c-text-muted); font-size: .95rem; }

.dlex-recovery {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
  gap: var(--space-12);
  align-items: start;
}
.dlex-scope {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6) var(--space-8);
  margin: 0;
}
.dlex-scope div { border-top: 1px solid var(--c-border); padding-top: var(--space-4); }
.dlex-scope dt { margin-bottom: .45rem; font-weight: 700; }
.dlex-scope dd { margin: 0; color: var(--c-text-muted); }
.dlex-cleanup {
  padding: var(--space-8);
  border-left: 3px solid var(--c-gold);
  background: var(--c-surface-soft);
}
.dlex-cleanup h3 { font-size: 1.5rem; }
.dlex-cleanup p:last-child { margin-bottom: 0; }
.dlex-cleanup ul { display: grid; gap: .8rem; padding-left: 1.2rem; }
.dlex-cleanup li::marker { color: var(--c-gold); }
.dlex-cleanup p,
.dlex-cleanup li { color: var(--c-text-muted); }

.dlex-hosting {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-8);
}
.dlex-hosting article {
  padding: var(--space-8);
  border-top: 3px solid var(--c-gold);
  background: var(--c-surface);
}
.dlex-hosting h3 { font-size: 1.6rem; }
.dlex-hosting p { color: var(--c-text-muted); }
.dlex-hosting ul { display: grid; gap: .7rem; padding-left: 1.2rem; margin-bottom: 0; }
.dlex-hosting-note { margin: var(--space-6) 0 0; max-width: 80ch; color: var(--c-text-muted); }

.dlex-modern {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: var(--space-12);
  align-items: center;
}
.dlex-modern .specialty-visual figcaption { color: var(--c-text-muted); }
.dlex-benefits { list-style: none; padding: 0; margin: 0; }
.dlex-benefits li + li { margin-top: var(--space-6); }
.dlex-benefits h3 { margin-bottom: .5rem; }
.dlex-benefits p { margin: 0; color: var(--c-text-muted); }

.dlex-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-8);
  padding: 0;
  margin: 0;
  list-style: none;
  counter-reset: migration-step;
}
.dlex-steps li { border-top: 1px solid var(--c-border-strong); padding-top: var(--space-4); }
.dlex-steps li::before {
  counter-increment: migration-step;
  content: counter(migration-step);
  display: block;
  margin-bottom: 1rem;
  color: var(--c-text-muted);
  font-size: .9rem;
}
.dlex-steps p { margin-bottom: 0; color: var(--c-text-muted); }
.dlex-page .faq-list { margin-top: var(--space-8); }
.dlex-page .cta-band h2 { max-width: 24ch; }

@media (max-width: 1023px) {
  .dlex-recovery,
  .dlex-modern { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
  .dlex-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .dlex-promises,
  .dlex-scope,
  .dlex-hosting,
  .dlex-steps { grid-template-columns: minmax(0, 1fr); }
  .dlex-promises { gap: var(--space-4); }
  .dlex-cleanup,
  .dlex-hosting article { padding: var(--space-6); }
}