/* Software Rebuilds and Custom CRM
   Builds on the assessment page (ai-readiness.css) for the hero, cards and form,
   and the case studies (work.css) for the proof and what's included
================================================= */

/* Hero: the assessment hero, with buttons under it */
.rebuild-hero .btn-group {
  justify-content: center;
}

.rebuild-case-link {
  margin-top: calc(var(--space-unit) * 3);
}

/* Hero photo: straddles the dark hero and the white section below */
.hero-photo {
  background: linear-gradient(to bottom, var(--color-forest) 50%, var(--color-white) 50%);
}

.hero-photo img {
  width: 100%;
  max-width: 1040px;
  height: auto;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 8px;
}

.process-footer a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Custom CRM: off-the-shelf against custom, as two service cards */
.compare-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(var(--space-unit) * 4);
}

.compare-grid .service-card.is-custom {
  border-color: var(--color-sage);
}

/* The homepage cards push their list to the bottom; here it follows the heading */
.compare-grid .service-list {
  margin-top: 0;
}

.compare-note {
  margin-top: calc(var(--space-unit) * 4);
  color: var(--color-text-secondary);
}

.compare-note a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 700px) {
  .compare-grid { grid-template-columns: 1fr; }
}

/* Enquiry */
.enquiry-card {
  background-color: var(--color-white);
  border-radius: 12px;
  max-width: 640px;
  margin: 0 auto;
  padding: calc(var(--space-unit) * 6);
  box-shadow: 0 20px 40px rgba(27, 58, 45, 0.05);
}

.enquiry-title {
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  margin-bottom: calc(var(--space-unit) * 1);
}

.enquiry-intro {
  margin-bottom: calc(var(--space-unit) * 4);
}

.enquiry-card .form-error {
  margin-bottom: calc(var(--space-unit) * 2);
}

.enquiry-card [type="submit"] {
  width: 100%;
  margin-top: calc(var(--space-unit) * 1);
}

@media (max-width: 600px) {
  .enquiry-card { padding: calc(var(--space-unit) * 4); }
}