/* pages.css — page-specific overrides */

/* --- Home: hero canvas container --- */
.home-hero {
  position: relative;
  isolation: isolate;
}

.home-hero__inner {
  position: relative;
  z-index: var(--z-content);
}

.home-hero__video {
  margin-top: var(--space-6);
}

/* --- How It Works: stepped list --- */
.steps {
  counter-reset: step;
  list-style: none;
}

.step {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--space-5);
  align-items: start;
  padding-block: var(--space-5);
  border-top: 1px solid var(--color-border);
}

.step:first-child {
  border-top: none;
}

.step__index {
  counter-increment: step;
  font-size: var(--fs-700);
  color: var(--color-accent-secondary);
  min-width: 2.5ch;
}

.step__index::before {
  content: counter(step, decimal-leading-zero);
}

/* Step title is shrunk to its text box so the hover underline (in animations.css)
   anchors to the title width, not the full row width. margin-bottom gives the
   underline breathing room before the paragraph beneath. */
.step .heading-sub {
  position: relative;
  display: inline-block;
  margin-bottom: var(--space-4);
}

/* --- Results --- */
.results-categories {
  margin-block: var(--space-6);
}

/* --- About --- */
.about-proofs .card__title {
  color: var(--color-accent-primary);
}

/* --- Contact --- */
.contact-embed {
  margin-top: var(--space-6);
}

.booking-embed .text-muted {
  margin-bottom: var(--space-5);
}

#my-cal-inline-discovery-call {
  background-color: var(--color-bg);
}