.web-delivery-flow{margin:0 0 64px;padding:clamp(18px,3vw,40px);border:1px solid #c9d3d8;background:#f0f3f5}.web-delivery-flow header{max-width:790px}.web-delivery-flow header h2{margin:12px 0 18px;font-size:clamp(1.7rem,2.5vw,2.6rem);line-height:1.2;letter-spacing:-.04em}.web-delivery-flow p{line-height:1.8;overflow-wrap:anywhere}.web-delivery-flow .labs-eyebrow{color:#3d5362}.web-delivery-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:30px 0 28px}.web-delivery-controls button{display:flex;gap:10px;align-items:baseline;min-height:56px;padding:14px;border:1px solid #b9c8d0;background:#fafaf7;color:#172d3c;font:inherit;font-size:.88rem;line-height:1.5;text-align:start;cursor:pointer;overflow-wrap:anywhere}.web-delivery-controls button>span{flex-shrink:0;font-size:.7rem;font-variant-numeric:tabular-nums}.web-delivery-controls button[aria-expanded=true]{background:#172d3c;color:#fff;border-color:#172d3c}.web-delivery-controls button:hover{border-color:#172d3c}.web-delivery-controls button:focus-visible,.web-delivery-reference:focus-visible{outline:3px solid #476784;outline-offset:4px}.web-delivery-panel[hidden]{display:none}.web-delivery-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0;list-style:none;margin:0}.web-delivery-stages li{position:relative;min-width:0;padding:20px;border:1px solid #bccbd2;background:#fff}.web-delivery-stages li:not(:last-child):after{content:"";position:absolute;inset-inline-end:-19px;top:30px;width:18px;height:2px;background:#37576c;transform-origin:center}.web-delivery-stage-number{display:block;color:#49606e;font-size:.7rem;font-variant-numeric:tabular-nums}.web-delivery-stages h3{font-size:.95rem;font-weight:600;line-height:1.5;margin:20px 0 14px;overflow-wrap:anywhere}.web-delivery-stages p{font-size:.8rem;margin:0;color:#305d4b;font-weight:600}.web-delivery-panel[data-situation=waiting] li:nth-child(n+3){border-style:dashed;background:#fff9eb}.web-delivery-panel[data-situation=waiting] li:nth-child(n+3) p{color:#754a00}.web-delivery-explanation{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;min-height:215px;margin-top:28px;padding:28px;background:#fafaf7;border:1px solid #c9d3d8}.web-delivery-explanation h3{font-size:1.3rem;line-height:1.4;margin:0 0 14px;overflow-wrap:anywhere}.web-delivery-explanation p{margin:0}.web-delivery-explanation aside{border-inline-start:1px solid #c9d3d8;padding-inline-start:28px}.web-delivery-explanation aside .labs-eyebrow{margin-bottom:12px;font-size:.7rem}.web-delivery-explanation aside>p:last-child{font-weight:500}.web-delivery-note{max-width:950px;font-size:.8rem;color:#4a5d67;margin:22px 0 8px}.web-delivery-reference{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:.82rem;color:#253f50;text-decoration:underline;text-underline-offset:4px}.web-delivery-flow[data-motion=on] .web-delivery-panel:not([hidden]) .web-delivery-stages li{animation:web-delivery-reveal .3s ease-out both;animation-delay:calc(var(--stage)*80ms)}.web-delivery-flow[data-motion=on] .web-delivery-panel:not([hidden]) .web-delivery-stages li:after{animation:web-delivery-connect .35s ease-out both;animation-delay:calc(var(--stage)*80ms + 80ms)}@keyframes web-delivery-reveal{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes web-delivery-connect{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.web-delivery-flow:dir(rtl) header h2{letter-spacing:0;line-height:1.45}@media (max-width:760px){.web-delivery-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.web-delivery-stages{grid-template-columns:1fr;gap:10px}.web-delivery-stages li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 12px;padding:18px}.web-delivery-stage-number{grid-row:span 2;margin-top:3px}.web-delivery-stages h3{margin:0 0 6px}.web-delivery-stages p{grid-column:2}.web-delivery-stages li:not(:last-child):after{width:2px;height:10px;inset-inline-start:32px;top:auto;bottom:-11px}.web-delivery-explanation{grid-template-columns:1fr;min-height:0;gap:24px;padding:20px}.web-delivery-explanation aside{border-inline-start:none;border-top:1px solid #c9d3d8;padding-inline-start:0;padding-top:20px}}@media (max-width:400px){.web-delivery-controls{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.web-delivery-flow .web-delivery-stages li,.web-delivery-flow .web-delivery-stages li:after{animation:none!important}}