body {
  background-color: #09050e;
  color: #eae6ed;
}

.planning-section-surface {
  background: radial-gradient(circle at 0 0, rgba(157, 78, 221, 0.16), transparent 55%), linear-gradient(145deg, #09050e, #120918);
}

.planning-intro .section-heading__title,
.planning-theme .section-heading__title,
.planning-visual .section-heading__title,
.planning-timeline .section-heading__title,
.planning-extra .section-heading__title,
.planning-safety .section-heading__title,
.planning-contact .section-heading__title {
  max-width: 22ch;
}

.planning-intro__media,
.planning-site__media {
  box-shadow: var(--shadow-soft);
}

.planning-table-card,
.planning-visual__grid .card,
.planning-extra .card,
.planning-safety .card {
  height: 100%;
}

.planning-timeline__card,
.planning-tech__card,
.planning-theme__card,
.planning-contact__card {
  height: 100%;
}

.planning-faq .faq-item + .faq-item {
  margin-top: var(--space-1);
}

.planning-form__note {
  font-size: var(--font-size-xs);
  color: var(--gray-400);
}

.planning-contact__grid {
  align-items: flex-start;
}

@media (max-width: 900px) {
  .planning-contact__grid {
    gap: var(--space-6);
  }
}