.supplier-pipeline{max-width:1160px;margin:0 auto}.supplier-pipeline-heading{max-width:720px;margin-bottom:24px}.supplier-pipeline-heading h2{margin-bottom:12px}.supplier-pipeline-heading>p:last-child{color:#495c50;line-height:1.65}.supplier-pipeline-frame{background:#edf2ed;border:1px solid #b7cbbd;border-radius:3px;overflow:hidden}.supplier-pipeline-toolbar{background:#f9fbf8;border-bottom:1px solid #b7cbbd;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px clamp(14px,3vw,28px);font-size:.875rem;font-weight:650;display:flex}.supplier-pipeline-toolbar small{color:#495c50;margin-left:6px;font-size:.75rem;font-weight:400}.supplier-pipeline-toolbar button{color:#205236;font:inherit;cursor:pointer;background:#fff;border:1px solid #b7cbbd;border-radius:3px;padding:6px 10px}.supplier-pipeline-toolbar button:hover{background:#edf2ed}.supplier-pipeline-scene{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;padding:clamp(14px,3vw,28px);display:grid}.supplier-pipeline-map{text-align:center;align-content:center;display:grid}.supplier-pipeline-map .landing-eyebrow{margin-bottom:0}.supplier-pipeline-map svg{width:100%;max-height:300px;display:block}.supplier-map-outline{fill:#dbe6dc;stroke:#9ab09f;stroke-width:1.5px}.supplier-map-route{fill:none;stroke:#527c62;stroke-width:1.6px}.supplier-map-pin{fill:#336d4b;stroke:#fff;stroke-width:2px}.supplier-map-hub{fill:#205236;stroke:#fff;stroke-width:3px}.supplier-pipeline-map text{fill:#244c35;font-size:13px;font-weight:650}.supplier-map-caption{color:#495c50;margin-bottom:0;font-size:.8rem}.supplier-pipeline-feed{gap:6px;margin:0;padding:0;list-style:none;display:grid}.supplier-pipeline-feed li{background:#fff;border:1px solid #cbdccf;justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:9px 12px;font-size:.86rem;display:flex}.supplier-pipeline-feed li div:first-child span{color:#495c50;font-size:.75rem;font-weight:400;display:block}.supplier-feed-result{text-align:right;display:grid}.supplier-feed-result>*{grid-area:1/1;align-self:center}.supplier-feed-new{color:#495c50;opacity:0;font-size:.72rem}.supplier-feed-quote{color:#205236;font-variant-numeric:tabular-nums;font-weight:700}.supplier-pipeline-total{color:#fff;background:#205236;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.supplier-pipeline-total div:last-child{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:5px 12px;font-size:.85rem;display:flex}.supplier-pipeline-total strong{font-variant-numeric:tabular-nums;font-size:clamp(1.25rem,3vw,1.8rem)}.supplier-order-flow{color:#d1e6d4;gap:3px;display:flex}.supplier-order-flow span{border-top:2px solid;border-right:2px solid;width:7px;height:7px;transform:rotate(45deg)}.supplier-pipeline-scene.is-playing .supplier-map-route{stroke-dasharray:100;animation:supplier-route-in .65s var(--request-delay) ease-out both}.supplier-pipeline-scene.is-playing .supplier-pipeline-feed li{animation:supplier-stage-in .32s calc(.35s + var(--request-delay)) ease-out both}.supplier-pipeline-scene.is-playing .supplier-feed-new{animation:supplier-request-status 1.35s calc(.35s + var(--request-delay)) linear}.supplier-pipeline-scene.is-playing .supplier-feed-quote{animation:supplier-stage-in .35s calc(1.7s + var(--request-delay)) ease-out both}.supplier-pipeline-scene.is-playing .supplier-pipeline-total{animation:.5s ease-out 3.15s both supplier-stage-in}.supplier-pipeline-scene.is-playing .supplier-order-flow span{animation:.45s ease-in-out 3.55s 2 alternate supplier-order-pulse}.supplier-pipeline-scene.is-playing .supplier-order-flow span:nth-child(2){animation-delay:3.7s}.supplier-pipeline-scene.is-playing .supplier-order-flow span:nth-child(3){animation-delay:3.85s}@keyframes supplier-route-in{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes supplier-stage-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes supplier-request-status{0%,to{opacity:0}12%,90%{opacity:1}}@keyframes supplier-order-pulse{0%{opacity:.4}to{opacity:1}}@media (width<=1224px){.supplier-pipeline{margin-inline:32px}}@media (width<=750px){.supplier-pipeline{margin-inline:20px}.supplier-pipeline-scene{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.supplier-pipeline-scene.is-playing *{animation:none}.supplier-pipeline-toolbar button{display:none}}.supplier-feed-quote .supplier-quote-status{color:#495c50;font-size:.75rem;font-weight:400;display:grid}.supplier-quote-status span{grid-area:1/1}.supplier-quote-won span:first-child{opacity:0}.supplier-quote-won span:last-child{color:#205236;font-weight:650}.supplier-pipeline-scene.is-playing .supplier-quote-won span:first-child{animation:supplier-sent-status 10ms calc(2.1s + var(--request-delay)) step-end backwards}.supplier-pipeline-scene.is-playing .supplier-quote-won span:last-child{animation:supplier-stage-in .24s calc(2.1s + var(--request-delay)) ease-out both}@keyframes supplier-sent-status{0%{opacity:1}}@media (prefers-reduced-motion:reduce){.supplier-pipeline-scene.is-playing .supplier-quote-won span:first-child,.supplier-pipeline-scene.is-playing .supplier-quote-won span:last-child{animation:none}}.supplier-pipeline-frame{background:#e8efed;border-color:#b5c8c5}.supplier-pipeline-map{color:#eaf6f2;background:radial-gradient(#244e55,#132e38 78%);border-radius:3px;padding:18px 12px}.supplier-pipeline-map .landing-eyebrow,.supplier-map-caption{color:#b6d8d3}.supplier-map-outline{fill:#294e57;stroke:#729a9e}.supplier-map-route{stroke:#79bfb9}.supplier-map-pin,.supplier-map-hub{fill:#77d9c8;stroke:#173741}.supplier-pipeline-map text{fill:#eaf6f2}.supplier-map-won .supplier-map-route{stroke:#ffc777}.supplier-map-won .supplier-map-pin{fill:#ffc777}.supplier-map-packet,.supplier-map-award{opacity:0;offset-path:var(--request-route);offset-rotate:0deg}.supplier-map-packet{fill:#a4f4e6}.supplier-map-award{fill:#ffd797}.supplier-pipeline-feed .supplier-feed-won{border-color:#ce9c53;background:#fff4df;border-inline-start:4px solid #ae6a19}.supplier-quote-won span:last-child{color:#7c4309}.supplier-pipeline-total{background:linear-gradient(105deg,#163741,#225a4b);border:1px solid #396a5d}.supplier-pipeline-total strong,.supplier-order-flow{color:#ffe0a6}.supplier-pipeline-scene.is-playing .supplier-map-packet{animation:supplier-packet-in .65s var(--request-delay) ease-out}.supplier-pipeline-scene.is-playing .supplier-map-award{animation:supplier-award-out .55s calc(1.95s + var(--request-delay)) ease-out}.supplier-pipeline-scene.is-playing .supplier-map-won .supplier-map-route{animation:supplier-route-in .65s var(--request-delay) ease-out both, supplier-award-route .4s calc(2.1s + var(--request-delay)) ease-out backwards}.supplier-pipeline-scene.is-playing .supplier-map-won .supplier-map-pin{animation:supplier-award-pin .35s calc(2.1s + var(--request-delay)) ease-out backwards}.supplier-pipeline-scene.is-playing .supplier-pipeline-feed .supplier-feed-won{animation:supplier-stage-in .32s calc(.35s + var(--request-delay)) ease-out both, supplier-award-row .38s calc(2.1s + var(--request-delay)) ease-out backwards}@keyframes supplier-packet-in{0%{opacity:0;offset-distance:0%}20%,80%{opacity:1}to{opacity:0;offset-distance:100%}}@keyframes supplier-award-out{0%{opacity:0;offset-distance:100%}20%,80%{opacity:1}to{opacity:0;offset-distance:0%}}@keyframes supplier-award-route{0%{stroke:#79bfb9}}@keyframes supplier-award-pin{0%{fill:#77d9c8}}@keyframes supplier-award-row{0%{background:#fff;border-color:#cbdccf}}@media (prefers-reduced-motion:reduce){.supplier-pipeline-scene.is-playing :is(.supplier-map-packet,.supplier-map-award,.supplier-map-won .supplier-map-route,.supplier-map-won .supplier-map-pin,.supplier-pipeline-feed .supplier-feed-won){animation:none}.supplier-pipeline-scene.is-playing .supplier-map-route{stroke-dasharray:none}}
