/* Minimal production process cards: overrides the earlier decorative process flow. */
.a2t-process-flow-section {
  overflow: visible !important;
  padding: clamp(72px, 7vw, 104px) 0 !important;
  background: var(--a2t-bg, #ffffff) !important;
}

.a2t-process-flow-section::before,
.a2t-process-flow-section::after,
.a2t-process-flow-grid::before,
.a2t-flow-card::before,
.a2t-flow-card::after,
.a2t-flow-card:not(:last-child)::after,
.a2t-flow-card:not(:last-child) .a2t-flow-illustration::after,
.a2t-flow-node,
.a2t-flow-arrow,
.a2t-flow-icon-tile {
  display: none !important;
  content: none !important;
}

.a2t-process-flow-shell {
  width: min(1240px, calc(100% - 64px)) !important;
}

.a2t-process-flow-head {
  max-width: 760px !important;
  margin: 0 auto clamp(32px, 4vw, 52px) !important;
}

.a2t-process-flow-eyebrow {
  min-height: 0 !important;
  margin-bottom: 16px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--a2t-blue, #2563eb) !important;
  font-size: 11px !important;
  letter-spacing: .24em !important;
}

.a2t-process-flow-eyebrow::after {
  display: none !important;
}

.a2t-process-flow-head h2 {
  color: var(--a2t-text, #050816) !important;
  font-size: clamp(38px, 5vw, 64px) !important;
  line-height: .98 !important;
  letter-spacing: -.065em !important;
}

.a2t-process-flow-head p {
  max-width: 660px !important;
  margin-top: 18px !important;
  color: var(--a2t-muted, #536174) !important;
  font-size: clamp(18px, 1.3vw, 21px) !important;
  line-height: 1.55 !important;
}

.a2t-process-flow-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

.a2t-flow-card {
  min-width: 0 !important;
  min-height: 326px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 28px !important;
  border: 1px solid var(--a2t-line, #e4e9f2) !important;
  border-radius: 24px !important;
  background: var(--a2t-surface, #ffffff) !important;
  box-shadow: 0 14px 38px rgba(15, 23, 42, .045) !important;
  text-align: left !important;
}

.a2t-flow-illustration {
  order: -1 !important;
  width: 100% !important;
  height: 118px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 0 26px !important;
  padding: 0 !important;
  border: 1px solid rgba(37, 99, 235, .14) !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(37, 99, 235, .065), rgba(37, 99, 235, .025)) !important;
  color: var(--a2t-blue, #2563eb) !important;
}

.a2t-flow-illustration svg {
  width: min(186px, 88%) !important;
  height: 86px !important;
}

.a2t-flow-illustration :is(path, rect, circle) {
  stroke: currentColor !important;
  stroke-width: 2.4 !important;
  opacity: .72 !important;
}

.a2t-flow-card h3 {
  margin: 0 0 12px !important;
  color: var(--a2t-text, #050816) !important;
  font-size: clamp(23px, 1.7vw, 28px) !important;
  line-height: 1.06 !important;
  letter-spacing: -.05em !important;
}

.a2t-flow-card p {
  max-width: 270px !important;
  margin: 0 !important;
  color: var(--a2t-muted, #536174) !important;
  font-size: 17px !important;
  line-height: 1.58 !important;
}

html[data-theme="dark"] .a2t-process-flow-section,
body.dark-mode .a2t-process-flow-section,
body.dark .a2t-process-flow-section,
[data-bs-theme="dark"] .a2t-process-flow-section {
  background: var(--a2t-bg, #05070d) !important;
}

html[data-theme="dark"] .a2t-process-flow-eyebrow,
body.dark-mode .a2t-process-flow-eyebrow,
body.dark .a2t-process-flow-eyebrow,
[data-bs-theme="dark"] .a2t-process-flow-eyebrow {
  color: #60a5fa !important;
}

html[data-theme="dark"] .a2t-process-flow-head h2,
html[data-theme="dark"] .a2t-flow-card h3,
body.dark-mode .a2t-process-flow-head h2,
body.dark-mode .a2t-flow-card h3,
body.dark .a2t-process-flow-head h2,
body.dark .a2t-flow-card h3,
[data-bs-theme="dark"] .a2t-process-flow-head h2,
[data-bs-theme="dark"] .a2t-flow-card h3 {
  color: #f8fafc !important;
}

html[data-theme="dark"] .a2t-process-flow-head p,
html[data-theme="dark"] .a2t-flow-card p,
body.dark-mode .a2t-process-flow-head p,
body.dark-mode .a2t-flow-card p,
body.dark .a2t-process-flow-head p,
body.dark .a2t-flow-card p,
[data-bs-theme="dark"] .a2t-process-flow-head p,
[data-bs-theme="dark"] .a2t-flow-card p {
  color: #a8b3c7 !important;
}

html[data-theme="dark"] .a2t-flow-card,
body.dark-mode .a2t-flow-card,
body.dark .a2t-flow-card,
[data-bs-theme="dark"] .a2t-flow-card {
  border-color: rgba(148, 163, 184, .20) !important;
  background: #0d1422 !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .18) !important;
}

html[data-theme="dark"] .a2t-flow-illustration,
body.dark-mode .a2t-flow-illustration,
body.dark .a2t-flow-illustration,
[data-bs-theme="dark"] .a2t-flow-illustration {
  border-color: rgba(96, 165, 250, .22) !important;
  background: rgba(96, 165, 250, .10) !important;
  color: #60a5fa !important;
}

@media (max-width: 1180px) {
  .a2t-process-flow-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .a2t-process-flow-section {
    padding: 54px 0 62px !important;
  }

  .a2t-process-flow-shell {
    width: min(100% - 32px, 1240px) !important;
  }

  .a2t-process-flow-head {
    margin-bottom: 28px !important;
    text-align: left !important;
  }

  .a2t-process-flow-head h2 {
    font-size: clamp(36px, 11vw, 48px) !important;
  }

  .a2t-process-flow-head p {
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: 17px !important;
  }

  .a2t-process-flow-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .a2t-flow-card {
    min-height: 0 !important;
    padding: 20px !important;
  }

  .a2t-flow-illustration {
    height: 104px !important;
    margin-bottom: 20px !important;
    border-radius: 18px !important;
  }

  .a2t-flow-illustration svg {
    width: min(172px, 88%) !important;
    height: 78px !important;
  }

  .a2t-flow-card p {
    max-width: none !important;
  }
}