.automation-hero {
  color: #fffefa;
  background: radial-gradient(ellipse at 97% 23%, #8e9de1 0%, transparent 57%),
    linear-gradient(109deg, #192b67 2%, #3548a9 58%, #7585c8);
}
.auto-intro, .auto-section { display: grid; align-items: center; gap: clamp(32px,7vw,108px); }
.auto-intro { grid-template-columns: minmax(0,1.25fr) minmax(0,.85fr); padding-block: clamp(52px,6.3vw,98px); }
.intro-copy h1 { margin-block: 22px; font-size: clamp(67px,6.8vw,110px); line-height: .96; text-wrap: balance; }
.intro-copy > p:last-of-type, .section-intro p, .auto-contact p { max-width: 47ch; font-size: clamp(16px,1.3vw,20px); line-height: 1.5; }
.flow-sheet { padding: clamp(22px,2.7vw,42px); background: #f8f7f3; border: 1px solid #fff9; border-radius: 18px; box-shadow: 0 14px 42px -28px #19255a; color: var(--ink); }
.flow-sheet figcaption { display: flex; align-items: center; gap: 9px; color: #414f8c; font-size: 14px; }
.flow-symbol { font-size: 22px; line-height: 1; }
.flow-sheet h2 { font-size: clamp(28px,3vw,43px); margin-block: 16px 26px; }
.flow-steps, .build-steps, .workflow-list { list-style: none; margin: 0; padding: 0; }
.flow-steps li { position: relative; display: grid; grid-template-columns: 14px 1fr; gap: 14px; padding-bottom: 19px; }
.flow-steps li:last-child { padding-bottom: 0; }
.flow-steps li:not(:last-child)::before { content: ''; position: absolute; top: 12px; bottom: -9px; left: 6px; width: 1px; background: #b7bfd9; }
.flow-dot { position: relative; width: 13px; height: 13px; margin-top: 4px; border-radius: 50%; background: #5c6db6; border: 3px solid #e4e7f4; }
.flow-steps li:last-child .flow-dot { border-color: #ffdcc6; background: #cd602c; }
.flow-steps strong, .flow-steps div > span { display: block; }
.flow-steps strong { font-size: 16px; font-weight: 590; line-height: 1.35; }
.flow-steps div > span { margin-top: 3px; color: var(--muted); font-size: 14px; line-height: 1.45; }
.auto-section { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); align-items: start; padding-block: clamp(54px,7.2vw,108px); }
.section-intro h2, .auto-contact h2 { font-size: clamp(43px,4.8vw,76px); line-height: 1.02; }
.section-intro p, .auto-contact p { margin-top: 18px; color: var(--muted); }
.section-intro p { max-width: 33ch; }
.workflow-list > div { display: grid; grid-template-columns: minmax(120px,.85fr) minmax(0,1.25fr); gap: 15px; align-items: baseline; border-top: 1px solid var(--line); padding-block: 17px; }
.workflow-list > div:last-child { border-bottom: 1px solid var(--line); }
.workflow-list dt { font-weight: 580; font-size: clamp(18px,1.55vw,24px); line-height: 1.22; letter-spacing: -.025em; }
.workflow-list dd, .build-steps p { color: var(--muted); font-size: 16px; line-height: 1.5; margin: 0; }
.build-steps { counter-reset: build; }
.build-steps li { position: relative; counter-increment: build; padding: 0 0 20px 42px; }
.build-steps li + li { border-top: 1px solid var(--line); padding-top: 19px; }
.build-steps li::before { content: counter(build, decimal-leading-zero); position: absolute; left: 0; color: #525f91; font-size: 15px; line-height: 1.6; font-variant-numeric: tabular-nums; }
.build-steps h3 { font-size: clamp(21px,1.85vw,29px); line-height: 1.2; letter-spacing: -.03em; margin-bottom: 7px; }
.auto-contact { display: flex; justify-content: space-between; align-items: center; gap: 28px; background: #efecdf; padding: clamp(28px,4vw,64px); border-radius: 18px; margin-bottom: clamp(45px,5vw,80px); }
.auto-contact h2 { font-size: clamp(35px,3.9vw,62px); max-width: 16ch; }
.auto-contact .button { flex: none; }
@media (max-width: 900px) {
  .auto-intro, .auto-section { column-gap: 30px; }
  .intro-copy h1 { font-size: clamp(58px,7.5vw,72px); }
  .workflow-list > div { grid-template-columns: 1fr; gap: 5px; }
}
@media (max-width: 700px) {
  .auto-intro, .auto-section { grid-template-columns: 1fr; gap: 28px; }
  .auto-intro { padding-block: 37px 30px; }
  .intro-copy h1 { font-size: clamp(53px,10vw,72px); margin-block: 16px; }
  .intro-copy .hero-actions { gap: 4px 16px; }
  .flow-sheet { padding: 22px; }
  .flow-sheet h2 { margin-block: 12px 20px; }
  .auto-section { padding-block: 46px; }
  .section-intro h2 br { display: none; }
  .section-intro p { max-width: 42ch; }
  .auto-contact { flex-direction: column; align-items: flex-start; gap: 20px; }
}