.pipeline-hero{background:#080a09;color:#fff;padding-top:30px;padding-bottom:0;overflow:hidden}
.pipeline-hero .breadcrumb{margin-bottom:55px;color:#c6cbc8}
.pipeline-hero .breadcrumb .icon{filter:invert(1)}
.pipeline-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:6vw;padding-bottom:52px}
.pipeline-hero-copy>.eyebrow{color:var(--mint);font-size:11px;letter-spacing:.17em}
.pipeline-hero h1{font-size:clamp(50px,6.25vw,105px);line-height:1.02;letter-spacing:-.065em;margin:22px 0 30px}
.pipeline-hero h1 em{font-style:normal;color:var(--mint)}
.pipeline-hero-copy>p:not(.eyebrow){font-size:clamp(16px,1.45vw,21px);line-height:1.65;color:#c6cbc8;max-width:570px}
.pipeline-cta{display:inline-flex;align-items:center;gap:24px;background:var(--mint);color:#080a09;padding:17px 22px;font-size:13px;font-weight:800;margin-top:28px;transition:gap .25s,background .25s}
.pipeline-cta .icon{transform:rotate(90deg);width:22px}
.pipeline-cta:hover{gap:38px;background:var(--lime)}
.pipeline-art{position:relative;max-width:500px;justify-self:end;width:100%;transform:rotate(-3deg);border:1px solid #454e48}
.pipeline-art svg{display:block;width:100%;height:auto}
.pipeline-art>span{position:absolute;bottom:-28px;right:0;font-size:8px;letter-spacing:.16em;color:#b9c4bd}
.pipeline-art .art-rotor{transform-origin:125px 125px;animation:art-turn 12s cubic-bezier(.75,0,.2,1) infinite}
.pipeline-art .art-bars{animation:art-scan 6s ease-in-out infinite}
.pipeline-art .art-orbit{transform-origin:125px 375px;animation:art-turn 18s ease-in-out infinite reverse}
.pipeline-art .art-arrow{animation:art-shift 3s ease-in-out infinite}
.pipeline-art .art-packet{animation:art-pulse 3s ease-in-out infinite}
.pipeline-art:not(.art-visible) svg *,.pipeline-art.document-hidden svg *{animation-play-state:paused}
@keyframes art-turn{0%,15%{transform:rotate(0)}40%,60%{transform:rotate(90deg)}85%,100%{transform:rotate(180deg)}}
@keyframes art-scan{0%,100%{transform:translateY(0)}50%{transform:translateY(17px)}}
@keyframes art-shift{0%,100%{transform:translateX(-10px)}50%{transform:translateX(10px)}}
@keyframes art-pulse{0%,100%{r:8}50%{r:15}}
.pipeline-facts{display:flex;align-items:center;border-top:1px solid #3b423e;gap:40px;min-height:100px;font-size:11px;color:#b9c4bd}
.pipeline-facts>span{display:flex;align-items:center;gap:12px}
.pipeline-facts strong{font-size:30px;color:#fff;letter-spacing:-.06em}


.source-diagram{margin:30px 0;background:#fff;border:1px solid var(--line);border-top:4px solid var(--mint);padding:22px;overflow:hidden}
.source-diagram[data-source-diagram=modeling]{border-top-color:var(--cyan)}
.source-diagram[data-source-diagram=processing]{border-top-color:var(--lavender)}
.source-diagram[data-source-diagram=reliability]{border-top-color:var(--lime)}
.source-diagram-heading{display:flex;align-items:center;gap:17px;margin-bottom:20px}
.diagram-index{font-size:42px;line-height:1;font-weight:800;letter-spacing:-.07em;color:#1b5940}
.source-diagram-heading .eyebrow{font-size:9px;color:#466b57;letter-spacing:.12em;margin-bottom:6px}
.source-diagram h3{font-size:24px;line-height:1.2}
.source-diagram-stage{position:relative;max-width:520px;margin:0 auto;background:#fff;isolation:isolate}
.source-diagram[data-source-diagram=overview] .source-diagram-stage{max-width:none}
.source-diagram-stage>svg{display:block;width:100%;height:100%;overflow:hidden}
.source-connections path{stroke-dasharray:4 96;animation:source-flow 3.6s linear infinite;opacity:.85;transition:opacity .25s}
.source-connections path:nth-child(2n){animation-delay:-1.2s}
.source-connections path:nth-child(3n){animation-delay:-2.4s}
.source-connections .connection-muted{opacity:.12}
.connection-pulse path{stroke-dasharray:none;animation:source-link 3.6s ease-in-out infinite}
.source-diagram:not(.art-visible) .source-connections path,.source-diagram.document-hidden .source-connections path{animation-play-state:paused}
@keyframes source-flow{to{stroke-dashoffset:-100}}
@keyframes source-link{0%,100%{stroke-opacity:.1}50%{stroke-opacity:.8}}
.diagram-hotspot{position:absolute;transform:translate(-50%,-50%);min-width:44px;min-height:44px;border:2px solid transparent;border-radius:15px;background:transparent;padding:0;z-index:1;transition:border-color .2s,box-shadow .2s,background .2s}
.diagram-hotspot:hover,.diagram-hotspot:focus-visible{border-color:#009b75;background:#39f77c12;box-shadow:0 0 0 5px #39f77c15;outline-offset:3px}
.diagram-hotspot[aria-pressed=true]{border-color:#009b75;box-shadow:0 0 0 4px #39f77c18}
.diagram-hotspot>span{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-7px);padding:5px 9px;background:#102b20;color:#fff;font-size:10px;line-height:1.3;border-radius:3px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
.diagram-hotspot:hover>span,.diagram-hotspot:focus-visible>span{opacity:1}
.diagram-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0 12px;font-size:11px;color:#4a6254}
.diagram-next{display:flex;align-items:center;gap:10px;padding:8px 12px;min-height:44px;border:1px solid #b7cfbf;background:#f1faf4;font-size:11px;font-weight:700}
.diagram-next:hover{background:#dcf7e5;border-color:#008561}
.diagram-next .icon{width:17px;height:17px}
.diagram-detail{border-left:3px solid #15956a;background:#edf9f1;padding:16px 18px;min-height:115px}
.diagram-detail h4{font-size:16px;line-height:1.4;margin:0 0 6px;font-weight:800}
.article-section .diagram-detail p{font-size:14px;line-height:1.7;margin:0}
.source-diagram figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;align-items:center;margin-top:12px;color:#52655a;font-size:10px;line-height:1.6}
.source-diagram figcaption a{display:inline-flex;align-items:center;gap:6px;min-height:36px;text-decoration:underline;text-underline-offset:3px}
.source-diagram figcaption .icon{width:14px;height:14px}
.visual-guide .article-section{padding-top:25px;border-top:1px solid var(--line)}
.visual-guide .article-section h2{font-size:clamp(29px,3vw,44px);line-height:1.16}
.visual-guide .article-section>.eyebrow{font-size:10px;letter-spacing:.13em}
.visual-guide .article-section>p{font-size:17px;line-height:1.8}
.visual-guide .source-slide figure{max-width:550px;margin-inline:auto}
@media(max-width:1050px){.pipeline-hero-grid{gap:35px;grid-template-columns:1.4fr 1fr}.pipeline-facts{gap:24px}.pipeline-facts>span{gap:8px;font-size:10px}.pipeline-facts strong{font-size:24px}}
@media(max-width:700px){
 .pipeline-hero{padding-top:25px}.pipeline-hero .breadcrumb{font-size:10px;margin-bottom:30px;gap:15px}.pipeline-hero-grid{grid-template-columns:1fr;gap:35px;padding-bottom:45px}
 .pipeline-hero h1{font-size:clamp(39px,10.5vw,72px);margin:18px 0 22px}.pipeline-hero-copy>.eyebrow{font-size:9px}.pipeline-hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.7}.pipeline-cta{padding:14px 18px;margin-top:22px;font-size:12px}
 .pipeline-art{width:75%;max-width:340px;justify-self:center;transform:rotate(-3deg)}
 .pipeline-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding:20px 0}.pipeline-facts>span{font-size:9px;gap:10px}.pipeline-facts strong{font-size:24px}
 .source-diagram{padding:16px 10px;margin:25px 0}.source-diagram-heading{gap:12px;margin:0 5px 18px}.diagram-index{font-size:32px}.source-diagram h3{font-size:20px}.source-diagram-heading .eyebrow{font-size:8px}
 .diagram-hotspot{border-radius:10px}.diagram-hotspot>span{font-size:8px;white-space:normal;min-width:52px}
 .diagram-toolbar{font-size:10px;gap:8px}.diagram-next{font-size:10px;padding:8px;gap:6px}.diagram-detail{padding:14px;min-height:144px}.diagram-detail h4{font-size:15px}.article-section .diagram-detail p{font-size:13px}.source-diagram figcaption{font-size:9px}
 .visual-guide .article-section{padding-top:22px}.visual-guide .article-section h2{font-size:29px}.visual-guide .article-section>p{font-size:16px}
}
html[data-motion=off] .source-connections{display:none}
@media(prefers-reduced-motion:reduce){.source-connections{display:none}}