/*
 * V32-B2
 * AI automation commercial-page visual polish.
 * Existing app.js reveal mechanism is reused.
 */

.automation-home-v32b2 > .section,
.automation-service-v32b2 > .section {
  padding-top: clamp(54px, 5.4vw, 78px);
  padding-bottom: clamp(54px, 5.4vw, 78px);
}

.automation-service-v32b2 .page-hero {
  padding-top: clamp(52px, 5vw, 76px);
  padding-bottom: clamp(54px, 5vw, 78px);
}

.automation-breadcrumb-wrap {
  padding-top: 8px;
  padding-bottom: 0;
}

.automation-breadcrumb-wrap .breadcrumbs {
  margin: 0;
}

.automation-home-v32b2 .automation-grid--4,
.automation-service-v32b2 .automation-grid--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.automation-home-v32b2 .automation-grid--3,
.automation-service-v32b2 .automation-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.automation-service-v32b2 .automation-grid--5 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.automation-service-v32b2 .automation-grid--5 > .card {
  grid-column: span 2;
}

.automation-service-v32b2 .automation-grid--5 > .card:nth-child(4) {
  grid-column: 2 / span 2;
}

.automation-service-v32b2 .automation-grid--5 > .card:nth-child(5) {
  grid-column: 4 / span 2;
}

.automation-home-v32b2 .automation-sequence > .card,
.automation-service-v32b2 .automation-sequence > .card {
  height: 100%;
}


/*
 * Existing app.js adds:
 * .reveal-item
 * .in-view
 * --reveal-delay
 *
 * Here we only reset the delay locally for each new section.
 */

.automation-sequence > .card:nth-child(1) {
  --reveal-delay: 0ms !important;
}

.automation-sequence > .card:nth-child(2) {
  --reveal-delay: 70ms !important;
}

.automation-sequence > .card:nth-child(3) {
  --reveal-delay: 140ms !important;
}

.automation-sequence > .card:nth-child(4) {
  --reveal-delay: 210ms !important;
}

.automation-sequence > .card:nth-child(5) {
  --reveal-delay: 280ms !important;
}

.automation-sequence > .card:nth-child(6) {
  --reveal-delay: 350ms !important;
}


.automation-deliverables-grid {
  display: grid;
  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(300px, .75fr);
  gap: clamp(24px, 3vw, 38px);
  align-items: start;
}

.automation-deliverables-copy .section-title {
  margin-bottom: 24px;
}

.automation-deliverables-copy .check-list {
  margin-bottom: 22px;
}

.automation-deliverables-note {
  max-width: 820px;
}

.automation-next-card {
  position: sticky;
  top: 118px;
}

.automation-next-card .eyebrow {
  display: inline-block;
  margin-bottom: 14px;
}


.automation-tech-security-section .section-title {
  max-width: 900px;
}

.automation-tech-security-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.automation-tech-security-grid .card {
  padding: clamp(28px, 3vw, 38px);
}

.automation-tech-security-grid .eyebrow {
  display: inline-block;
  margin-bottom: 14px;
}

.automation-tech-list {
  margin-top: 18px;
  font-size: .95rem;
  line-height: 1.7;
}


.automation-faq-section .automation-faq-title {
  margin-bottom: 28px;
}

.automation-faq-section .faq {
  max-width: 100%;
}


.automation-home-v32b2 .automation-roi {
  padding-top: clamp(56px, 5vw, 76px);
  padding-bottom: clamp(56px, 5vw, 76px);
}

.automation-home-v32b2 .automation-roi-grid {
  margin-top: 24px;
  margin-bottom: 22px;
}


@media (max-width: 1100px) {
  .automation-home-v32b2 .automation-grid--4,
  .automation-service-v32b2 .automation-grid--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .automation-service-v32b2 .automation-grid--5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .automation-service-v32b2 .automation-grid--5 > .card,
  .automation-service-v32b2 .automation-grid--5 > .card:nth-child(4),
  .automation-service-v32b2 .automation-grid--5 > .card:nth-child(5) {
    grid-column: auto;
  }

  .automation-deliverables-grid {
    grid-template-columns: 1fr;
  }

  .automation-next-card {
    position: static;
  }
}


@media (max-width: 720px) {
  .automation-home-v32b2 > .section,
  .automation-service-v32b2 > .section {
    padding-top: 46px;
    padding-bottom: 46px;
  }

  .automation-service-v32b2 .page-hero {
    padding-top: 40px;
    padding-bottom: 46px;
  }

  .automation-home-v32b2 .automation-grid--4,
  .automation-home-v32b2 .automation-grid--3,
  .automation-service-v32b2 .automation-grid--4,
  .automation-service-v32b2 .automation-grid--3,
  .automation-service-v32b2 .automation-grid--5,
  .automation-tech-security-grid {
    grid-template-columns: 1fr;
  }

  .automation-service-v32b2 .automation-grid--5 > .card,
  .automation-service-v32b2 .automation-grid--5 > .card:nth-child(4),
  .automation-service-v32b2 .automation-grid--5 > .card:nth-child(5) {
    grid-column: auto;
  }

  .automation-sequence > .card:nth-child(1) {
    --reveal-delay: 0ms !important;
  }

  .automation-sequence > .card:nth-child(2) {
    --reveal-delay: 60ms !important;
  }

  .automation-sequence > .card:nth-child(3) {
    --reveal-delay: 120ms !important;
  }

  .automation-sequence > .card:nth-child(4) {
    --reveal-delay: 180ms !important;
  }

  .automation-sequence > .card:nth-child(5) {
    --reveal-delay: 240ms !important;
  }

  .automation-home-v32b2 .automation-roi {
    padding-top: 44px;
    padding-bottom: 44px;
  }

  .automation-home-v32b2 .automation-roi .section-title h2 {
    font-size: clamp(2rem, 9vw, 2.7rem);
    line-height: 1.06;
  }

  .automation-home-v32b2 .automation-roi .section-title .lead {
    line-height: 1.55;
  }

  .automation-home-v32b2 .automation-roi-grid {
    gap: 14px;
    margin-top: 20px;
    margin-bottom: 18px;
  }

  .automation-home-v32b2 .automation-roi-grid label {
    gap: 7px;
  }

  .automation-home-v32b2 .automation-roi-grid input {
    min-height: 54px;
    padding: 10px 14px;
  }

  .automation-tech-security-grid .card {
    padding: 24px;
  }

  .automation-faq-section .automation-faq-title {
    margin-bottom: 20px;
  }
}


@media (prefers-reduced-motion: reduce) {
  .automation-sequence > .card {
    --reveal-delay: 0ms !important;
  }
}