.diagnostics-hero {
  position: relative;
}

.diagnostics-hero-grid {
  align-items: center;
  gap: var(--space-8);
}

.diagnostics-hero-content p {
  max-width: 40rem;
}

.diagnostics-hero-list {
  margin-top: var(--space-4);
  display: grid;
  gap: var(--space-2);
}

.diagnostics-hero-list li {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.diagnostics-hero-actions {
  margin-top: var(--space-4);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.diagnostics-hero-strip {
  margin-top: var(--space-4);
}

.diagnostics-hero-media {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.diagnostics-hero-card {
  margin-top: -3rem;
  max-width: 24rem;
}

.diagnostics-hero-card-body {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.button--small {
  padding: 0.5rem 1.1rem;
  font-size: var(--font-size-xs);
}

.diagnostics-section-header {
  max-width: 44rem;
  margin-left: auto;
  margin-right: auto;
}

.diagnostics-process-grid {
  gap: var(--space-6);
}

.diagnostics-step-list {
  margin-top: var(--space-3);
  display: grid;
  gap: var(--space-2);
  font-size: var(--font-size-sm);
}

.diagnostics-symptoms-grid {
  gap: var(--space-6);
}

.diagnostics-symptoms-cards {
  margin-top: var(--space-4);
}

.diagnostics-symptom-card .card-body {
  margin-bottom: var(--space-3);
}

.diagnostics-symptom-list {
  display: grid;
  gap: var(--space-2);
  font-size: var(--font-size-sm);
}

.diagnostics-tools-grid {
  align-items: center;
  gap: var(--space-8);
}

.diagnostics-tools-list {
  margin-top: var(--space-4);
  display: grid;
  gap: var(--space-4);
}

.diagnostics-tools-list h3 {
  margin-bottom: var(--space-1);
}

.diagnostics-benefits-grid {
  gap: var(--space-6);
}

.diagnostics-pricing-inner {
  max-width: var(--container-max-width);
}

.diagnostics-pricing-grid {
  gap: var(--space-6);
}

.diagnostics-pricing-card .card-subtitle {
  min-height: 3.25rem;
}

.diagnostics-price {
  font-size: var(--font-size-lg);
  margin-bottom: var(--space-3);
}

.diagnostics-pricing-list {
  display: grid;
  gap: var(--space-2);
  font-size: var(--font-size-sm);
}

.diagnostics-form-inner {
  max-width: var(--container-max-width);
}

.diagnostics-form-grid {
  gap: var(--space-6);
}

.diagnostics-request-form {
  align-self: flex-start;
}

.diagnostics-form-aside-card {
  height: 100%;
}

.diagnostics-form-highlight-list {
  display: grid;
  gap: var(--space-2);
  font-size: var(--font-size-sm);
  margin-bottom: var(--space-3);
}

.diagnostics-form-footer {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.diagnostics-report-grid {
  align-items: center;
  gap: var(--space-8);
}

.diagnostics-report-list {
  margin-top: var(--space-3);
  display: grid;
  gap: var(--space-2);
  font-size: var(--font-size-sm);
}

.diagnostics-testimonials-grid {
  gap: var(--space-6);
}

.diagnostics-testimonial .card-subtitle {
  font-size: var(--font-size-sm);
}

@media (max-width: 1024px) {
  .diagnostics-hero-card {
    margin-top: var(--space-4);
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .diagnostics-hero-grid,
  .diagnostics-tools-grid,
  .diagnostics-report-grid,
  .diagnostics-form-grid {
    gap: var(--space-6);
  }

  .diagnostics-hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .diagnostics-pricing-card .card-subtitle {
    min-height: auto;
  }
}