.pipeline-heading{margin-bottom:56px}
.pipeline-features{row-gap:48px;column-gap:52px}
.pipeline-features article{padding-top:26px}
.pipeline-features article>p:not(.pipeline-index){max-width:650px;margin:0;color:#a6afad;font-size:14px;font-weight:300;line-height:1.95;word-break:keep-all;overflow-wrap:anywhere}
.pipeline h3{font-size:clamp(21px,1.8vw,28px);line-height:1.5;margin-bottom:24px}
.technical-visual{margin:0 0 24px;height:184px;padding:10px 0 24px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #13282b;background:radial-gradient(ellipse at center,rgba(32,81,88,.12),transparent 73%)}
.technical-visual svg{display:block;width:100%;height:100%;max-width:510px}
.geometry-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;max-width:100%}
.comparison-visual{height:auto;aspect-ratio:auto}
.comparison-visual svg{max-width:none}
.geometry-compare figure{margin:0;min-width:0}
.geometry-compare a{display:block;overflow:hidden;border:1px solid #294347;background:#1c2024;aspect-ratio:4/3}
/* Align the source screenshots in one pixel viewport without changing their surface detail. */
.geometry-compare svg{display:block;width:100%;height:100%;overflow:hidden}
.geometry-compare a:hover{border-color:#9ddfe5}
.geometry-compare figcaption{margin-top:11px;font-size:12px;letter-spacing:.03em;color:#9aaaa9;text-align:center}
.geometry-compare figure:last-child figcaption{color:#9ddfe5}
.pipeline-automation .technical-visual{height:auto;padding:26px 0 30px;margin-top:4px;justify-content:flex-start}
.workflow{display:grid;grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr) 35px minmax(0,1fr) 35px minmax(0,1fr);width:100%;gap:12px;align-items:center}
.workflow>div{min-width:0;padding:18px 18px 17px;border-left:1px solid #31565b}
.workflow-number{display:block;color:#628a90;font:400 10px/1 Arial,sans-serif;letter-spacing:.12em;margin-bottom:15px}
.workflow strong{display:block;font-size:17px;font-weight:400;letter-spacing:-.03em;color:#d8e4e1}
.workflow small{display:block;font-size:11px;font-weight:300;color:#7f9695;line-height:1.8;margin-top:7px}
.workflow .workflow-highlight{border-left-color:#9ddfe5;background:linear-gradient(90deg,rgba(75,185,200,.1),transparent)}
.workflow-highlight strong{color:#9ddfe5}
.workflow-arrow{color:#497c84;text-align:center;font-size:20px;font-weight:300}
@media(max-width:700px){.pipeline-heading{margin-bottom:38px}.pipeline-features{row-gap:36px}.technical-visual{height:auto;aspect-ratio:500/190;margin:0 0 22px;padding:6px 0 22px}.pipeline h3{font-size:22px;margin-bottom:20px}.comparison-visual{height:auto;aspect-ratio:auto}.geometry-compare figcaption{font-size:11px}.pipeline-automation .technical-visual{aspect-ratio:auto;padding:10px 0 22px}.workflow{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:18px 5px}.workflow>div{padding:12px 10px}.workflow strong{font-size:15px}.workflow small{font-size:10px}.workflow-arrow{font-size:16px}.workflow-arrow:nth-child(4){display:none}.workflow-number{margin-bottom:12px}}
@media(min-width:1100px){.geometry-feature .technical-visual,.pipeline-features article:nth-child(4) .technical-visual{height:auto;aspect-ratio:2/1}}
@media(min-width:701px) and (max-width:1000px){.pipeline-features{grid-template-columns:1fr}}
.geometry-feature{scroll-margin-top:150px}