/* Free Consulting page — builds on the shared .quote-* layout (styles.css).
   Only the consulting-specific overrides live here. */

/* Eyebrow renders in all caps via the site-wide .eyebrow style. */

/* 50/50 columns (the Quote page is 1/3 + 2/3). Desktop only — at <=991px the
   shared layout stacks to a single column, which we keep. */
@media (min-width: 992px) {
  .page-consulting .quote-layout {
    gap: calc(var(--space-3xl) * 2);
  }
  .page-consulting .quote-info,
  .page-consulting .quote-form-col {
    flex: 1 1 50%;
    max-width: 50%;
  }
  .page-consulting .quote-form-col {
    padding-top: 0;
  }
}

/* Left-column section headings */
.consulting-info h3 {
  font-size: var(--text-h6);
  line-height: var(--leading-snug);
  color: var(--color-text-primary);
  margin: var(--space-xl) 0 var(--space-sm);
}
.consulting-info h3:first-child {
  margin-top: 0;
}

/* Bullet lists — match the font size + spacing of the Quote page's
   numbered "1 / 2 / 3" steps (.quote-next-steps li / li p). */
/* Intro text below each H3 */
.page-consulting .consulting-info > p {
  font-size: var(--text-body); /* 16px */
  margin-bottom: 0.75rem;      /* 12px */
}

.consulting-info ul {
  margin: 0 0 calc(var(--space-xl) * 2);
  padding-left: 1.25rem;
}
.consulting-info ul li {
  font-size: var(--text-small); /* 14px */
  line-height: var(--leading-relaxed);
  color: var(--color-text-secondary);
  margin-bottom: 0.625rem;      /* 10px */
}

/* Trust block sits at the TOP of the right column, with a separator line
   below it (like the quote page's divider, but on the bottom edge). */
.page-consulting .quote-form-col .quote-trust {
  padding-top: 0;
  border-top: none;
  padding-bottom: var(--space-xl);
  border-bottom: 1px solid var(--color-border);
  margin-bottom: var(--space-xl);
}

/* Team image above the form */
.consulting-media {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  margin-bottom: var(--space-lg);
}

/* The right column gains an H2 on this page (the Quote page has none). */
.page-consulting .quote-form-col h2 {
  font-size: var(--text-h4);
  line-height: var(--leading-snug);
  color: var(--color-text-primary);
  margin-bottom: var(--space-md);
}