/* Real work and simple workflow diagrams give the automation practice a visual story. */
.automation-section{background:#0b1424;border-block:1px solid var(--line)}
.automation-section .section-heading h2{max-width:760px}
.automation-spotlight{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:center;margin-block:56px 72px}
.automation-screenshot{position:relative;display:block;border-radius:16px;overflow:hidden;border:1px solid #445367;background:#edf3f8;isolation:isolate}
.automation-screenshot img{width:100%;aspect-ratio:1.45;object-fit:cover;object-position:top}
.automation-screenshot>span{position:absolute;bottom:18px;left:18px;right:18px;width:fit-content;padding:11px 15px;border-radius:6px;background:#020817;color:#f8fafc;font-size:13px;font-weight:600}
.automation-spotlight h3{font-size:clamp(30px,3.1vw,44px);margin-bottom:24px}
.automation-spotlight p{max-width:53ch}
.automation-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;border-top:1px solid #35435a;padding-top:40px}
.automation-stories article{min-width:0;display:flex;align-items:flex-start;flex-direction:column}
.automation-stories .overline{font-size:12px;margin-block:22px 12px}
.automation-stories h3{font-size:24px;letter-spacing:-.035em;line-height:1.2;margin-bottom:14px}
.automation-stories p{font-size:15px}
.automation-stories .text-link{margin-top:auto}
.system-glyph{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#203a63;color:#e2edff;font-size:32px;line-height:1}
.system-glyph-1{background:#174538;color:#d2f1e3}.system-glyph-2{background:#50321f;color:#ffdec3;font-size:46px;padding-top:10px}
.workflow-art{background:#e7eff8;color:#102742;padding:8%;display:flex;flex-direction:column;justify-content:center;gap:24px}
.workflow-name{color:#254267;font-size:14px;font-weight:650;margin:0}
.workflow-art h3{font-size:clamp(25px,3vw,42px);max-width:20ch;color:#102742}
.workflow-steps{display:flex;list-style:none;margin:12px 0;padding:0;gap:22px;isolation:isolate}
.workflow-steps li{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;padding-top:36px}
.workflow-steps li:not(:last-child)::after{content:'';position:absolute;left:12px;right:-32px;top:10px;border-top:2px solid #5d7fa9;z-index:-1}
.workflow-node{position:absolute;top:0;left:0;width:22px;height:22px;border:5px solid #e7eff8;background:#1d4e89;box-shadow:0 0 0 2px #1d4e89;border-radius:50%}
.workflow-steps strong{font-size:14px;line-height:1.35;color:#102742}
.workflow-steps li>span:last-child{font-size:12px;line-height:1.5;color:#34506f}
.workflow-caption{margin:0;font-size:12px;color:#34506f}
.case-visual .workflow-art{min-height:480px;height:auto;padding:64px 8%}
.case-visual .workflow-art h3{font-size:clamp(32px,4vw,56px);max-width:23ch}
.case-visual .workflow-steps{max-width:860px;margin-block:30px}
.case-visual .workflow-steps strong{font-size:20px}
.case-visual .workflow-steps li>span:last-child{font-size:15px}
@media(max-width:1000px){.automation-spotlight{gap:32px}.automation-section .section-heading{display:block}.automation-section .section-heading>p{margin-top:24px;max-width:62ch}.automation-stories{gap:24px}.automation-stories h3{font-size:21px}.workflow-art{gap:18px;padding:7%}.workflow-steps{gap:14px}.workflow-steps strong{font-size:12px}.workflow-steps li>span:last-child{font-size:11px}}
@media(max-width:700px){.automation-spotlight{grid-template-columns:minmax(0,1fr);gap:30px;margin-block:38px 48px}.automation-stories{grid-template-columns:minmax(0,1fr);gap:32px}.automation-stories article{border-bottom:1px solid #35435a;padding-bottom:28px}.automation-stories article:last-child{border-bottom:0;padding-bottom:0}.automation-stories h3{font-size:26px}.automation-stories .overline{margin-top:18px}.case-visual .workflow-art{padding:32px 24px;min-height:470px}.workflow-art h3{font-size:30px}.workflow-steps{gap:18px}.workflow-steps strong{font-size:13px}.workflow-steps li>span:last-child{font-size:12px}.case-visual .workflow-steps{flex-direction:column;gap:28px;margin-block:12px}.case-visual .workflow-steps li{padding-top:0;padding-left:40px}.case-visual .workflow-steps li:not(:last-child)::after{top:12px;left:10px;right:auto;height:calc(100% + 28px);border-top:0;border-left:2px solid #5d7fa9}.case-visual .workflow-steps strong{font-size:17px}.case-visual .workflow-steps li>span:last-child{font-size:14px}}