.integration-order {
  margin: 0;
  padding: clamp(24px, 3.7vw, 50px);
  border-radius: 18px;
  background: #091a30;
  color: #f5f8ff;
  font-variant-numeric: tabular-nums;
}
.integration-order figcaption {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 18px;
  border-bottom: 1px solid #435065;
  color: #c4d3e8;
  font-size: .9rem;
}
.integration-order figcaption strong {
  color: #fff;
  font-family: ui-monospace, monospace;
  letter-spacing: .05em;
}
.integration-order ol { list-style: decimal; padding-left: 1.5rem; margin: 20px 0 0; }
.integration-order li { margin-top: 18px; padding-left: .2rem; }
.integration-order li::marker { color: #aecfff; font-size: .8rem; }
.integration-order h2 { margin: 0 0 4px; color: #fff; font-size: clamp(1.12rem, 1.6vw, 1.45rem); line-height: 1.25; letter-spacing: -.025em; }
.integration-order li p { margin: 0; color: #c4d3e8; font-size: .97rem; line-height: 1.55; }
.integration-order li p strong { color: #fff; }