/* Duas perspectivas da mesma operação, restritas à seção de entregáveis. */
#c5.deliverables-scene{padding-top:100px;padding-bottom:100px;background:transparent;color:var(--paper)}
#c5>.scene-heading{max-width:1000px;margin-bottom:16px}
#c5 .eyebrow{color:var(--green-mint);margin-bottom:25px}
#c5 .section-title{font-size:clamp(38px,4.8vw,70px);line-height:1.2;letter-spacing:-1.2px;max-width:900px}
#c5 .section-title em:first-child{color:var(--green-lime)}
#c5 .section-title em:last-child{color:var(--green-mint)}
#c5 .flow-map{height:290px;margin:10px 0 35px;background:radial-gradient(ellipse at center,#16382333,transparent 70%)}
#c5 .flow-input{left:8%;top:35%}
#c5 .flow-output{right:8%;top:25%;gap:26px}
#c5 .flow-map b{font-size:17px;color:#dcece1}
#c5 .flow-map span{color:#9fc3ad}
#c5 .flow-core{top:48%;width:140px}
#c5 .flow-core img{width:110px}
#c5 .flow-map figcaption{color:#9bb5a4;bottom:0}
#c5 .deliverable-grid{display:block}
#c5 .deliverable{--delivery-tone:var(--green-lime);display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.5fr);gap:5vw;padding:44px 0 48px;border-top:1px solid #9cf3c830;position:relative;align-items:start}
#c5 .deliverable:nth-child(2){--delivery-tone:var(--green-mint)}
#c5 .delivery-art{position:sticky;top:45px;color:var(--delivery-tone);width:100%;max-width:400px;align-self:start;background:radial-gradient(ellipse,#14352155,transparent 68%)}
#c5 .delivery-art svg{display:block;width:100%;height:auto;overflow:visible}
#c5 .delivery-content{min-width:0}
#c5 .deliverable-label{display:flex;align-items:center;gap:20px;margin:0 0 20px}
#c5 .deliverable .item-number{font:400 46px/1 var(--display);color:var(--delivery-tone);letter-spacing:-1px}
#c5 .deliverable-title{font:400 clamp(30px,3vw,44px)/1.2 var(--display);letter-spacing:-.4px;color:#edf5ec}
#c5 .pn-lead{font-size:16px;line-height:1.8;color:#bacec0;max-width:720px;margin:0 0 20px}
#c5 .pn-ul{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:22px 0 0}
#c5 .pn-ul li{border:0;border-top:1px solid #9cf3c81f;gap:14px;padding:18px 0;align-items:flex-start;font-size:14px;line-height:1.75;color:#c8dbcf}
#c5 .pn-ul svg{color:var(--delivery-tone);width:20px;height:20px;margin-top:3px;flex-shrink:0}
#c5 .pn-ul li:last-child{grid-column:1/-1;max-width:650px}
#c5 .operation-rule{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin:12px 0 0;padding:32px 36px;border:1px solid #9cf3c833;border-left:3px solid var(--green-mint);background:linear-gradient(105deg,#183d2788,#0a201455)}
#c5 .operation-rule h3{font:400 29px/1.3 var(--display);letter-spacing:-.4px;color:var(--green-mint);margin:0}
#c5 .operation-rule p{font-size:15px;line-height:1.8;color:#c5d8cb;margin:0}
#c5 .section-action{margin:28px 0 0;text-align:right}
#c5 .section-action a{background:var(--green-mint);border-color:var(--green-mint);color:#0b2116;font-size:14px;padding:17px 30px}
#c5 .section-action a:hover{background:#edf5ec;border-color:#edf5ec}
#c5 .section-action a:focus-visible{outline:2px solid var(--green-mint);outline-offset:5px}
#c5 .delivery-orbit{transform-origin:190px 145px;animation:delivery-orbit 30s linear infinite}
#c5 .delivery-scan{animation:delivery-scan 6s ease-in-out infinite}
#c5 .delivery-chart path{transform-box:fill-box;transform-origin:bottom;animation:delivery-chart 6s ease-in-out infinite}
#c5 .delivery-chart path:nth-child(2){animation-delay:-1.5s}
#c5 .delivery-chart path:nth-child(3){animation-delay:-3s}
#c5 .delivery-chart path:nth-child(4){animation-delay:-4.5s}
#c5 .delivery-trend{stroke-dasharray:100;animation:delivery-trend 6s ease-in-out infinite}
#c5 .deliverable:not(.is-visible) .delivery-art *{animation-play-state:paused}
@keyframes delivery-orbit{to{transform:rotate(360deg)}}
@keyframes delivery-scan{0%,100%{transform:translateY(0);opacity:.25}50%{transform:translateY(-120px);opacity:.7}}
@keyframes delivery-chart{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
@keyframes delivery-trend{0%,15%{stroke-dashoffset:100}60%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
@media(max-width:900px){#c5 .deliverable{grid-template-columns:minmax(170px,.65fr) minmax(0,1.5fr);gap:30px}#c5 .pn-ul{grid-template-columns:1fr}#c5 .operation-rule{grid-template-columns:1fr 2fr;gap:25px;padding:27px}#c5 .deliverable-title{font-size:32px}}
@media(max-width:650px){#c5.deliverables-scene{padding-top:70px;padding-bottom:70px}#c5 .section-title{font-size:36px;line-height:1.2}#c5 .flow-map{height:250px;margin:10px -12px 20px}#c5 .flow-input{left:2%;top:37%}#c5 .flow-output{right:2%;top:30%;gap:20px}#c5 .flow-map b{font-size:12px}#c5 .flow-map span{font-size:8px;letter-spacing:1px}#c5 .flow-core{width:96px;top:50%}#c5 .flow-core img{width:75px}#c5 .flow-core span{font-size:8px;letter-spacing:1.5px}#c5 .flow-map figcaption{font-size:10px;letter-spacing:0}#c5 .deliverable{grid-template-columns:1fr;gap:16px;padding:25px 0 35px}#c5 .delivery-art{position:static;max-width:300px;margin:auto}#c5 .deliverable-label{gap:16px;margin-bottom:16px}#c5 .deliverable-title{font-size:32px}#c5 .deliverable .item-number{font-size:38px}#c5 .pn-lead{font-size:15px}#c5 .pn-ul{margin-top:20px}#c5 .pn-ul li{font-size:14px;padding:16px 0}#c5 .operation-rule{grid-template-columns:1fr;gap:16px;padding:24px 22px}#c5 .operation-rule h3{font-size:27px}#c5 .operation-rule p{font-size:14px}#c5 .section-action{text-align:left}#c5 .section-action a{width:100%}}
@media(prefers-reduced-motion:reduce){#c5 .delivery-art *{animation:none!important}#c5 .delivery-scan{opacity:.35}}

/* Exemplo cinético de uma atualização real de status, sem dados de clientes. */
#c5 .delivery-explanation{font:400 16px/1.8 var(--body);color:#c0d4c7;max-width:740px;margin:24px 0 0}
#c5 .dispatch-demo{max-width:1040px;margin:45px auto 55px;--status-line:34px}
#c5 .dispatch-kicker{display:block;font:500 10px/1.5 var(--body);letter-spacing:1.8px;color:var(--green-mint)}
#c5 .dispatch-origin{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(100%,570px);margin:auto;padding:20px 24px;border-bottom:1px solid #9cf3c84d;background:linear-gradient(110deg,#b6ef6810,#9cf3c805)}
#c5 .dispatch-origin b{display:block;font:500 16px/1.6 var(--body);color:#edf7ef;margin-top:7px}
#c5 .dispatch-origin-status{display:flex;align-items:center;gap:12px;min-width:115px;color:var(--green-lime)}
#c5 .dispatch-status{display:block;height:var(--status-line);overflow:hidden;font:400 26px/var(--status-line) var(--display);white-space:nowrap}
#c5 .dispatch-status-track{display:block;animation:dispatch-status-change 8s cubic-bezier(.65,0,.35,1) infinite}
#c5 .dispatch-status-track>span{display:block;height:var(--status-line)}
#c5 .dispatch-status-track>span:last-child{color:var(--green-mint)}
#c5 .dispatch-origin-status .dispatch-status-track{animation-name:dispatch-source-change}
#c5 .dispatch-origin-check{font-size:20px;animation:dispatch-source-check 8s ease infinite}
#c5 .dispatch-transfer{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 0 20px;color:var(--green-mint)}
#c5 .dispatch-transfer>i{display:block;width:1px;height:24px;background:#9cf3c83b;position:relative;overflow:hidden}
#c5 .dispatch-transfer>i:after{content:"";position:absolute;inset:0;background:var(--green-mint);animation:dispatch-packet 8s linear infinite}
#c5 .dispatch-transfer>i:last-child:after{animation-delay:.65s}
#c5 .dispatch-transfer>span{font:500 9px/1.5 var(--body);letter-spacing:2px}
#c5 .dispatch-views{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
#c5 .dispatch-view-heading{margin-bottom:24px}
#c5 .dispatch-view-heading h3{font:400 39px/1.25 var(--display);letter-spacing:-.6px;color:#edf7ef;margin:10px 0 0}
#c5 .dispatch-client .dispatch-kicker{color:var(--green-lime)}
#c5 .dispatch-ticket{--status-line:67px;min-height:222px;padding:26px 30px;background:linear-gradient(110deg,#b6ef6818,#10291b88);border:1px solid #b6ef6844;border-left:3px solid var(--green-lime);position:relative;overflow:hidden}
#c5 .dispatch-ticket:before,#c5 .dispatch-updated-row:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#9cf3c825,transparent);transform:translateX(-110%);animation:dispatch-update-sweep 8s ease infinite;pointer-events:none}
#c5 .dispatch-ticket-label{font:500 9px/1.5 var(--body);letter-spacing:1.5px;color:#b2c8b9}
#c5 .dispatch-ticket .dispatch-status{font-size:54px;color:var(--green-lime);margin:13px 0 22px}
#c5 .dispatch-ticket-corner{position:absolute;top:22px;right:24px;color:var(--green-lime);font-size:22px}
#c5 .dispatch-journey{display:flex;justify-content:space-between;position:relative;font:400 11px/1.5 var(--body);color:#b7cdbd;padding-top:13px}
#c5 .dispatch-journey-line{position:absolute;left:0;right:0;top:0;height:2px;background:#9cf3c827}
#c5 .dispatch-journey-line i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--green-lime),var(--green-mint));transform-origin:left;animation:dispatch-delivery-progress 8s ease infinite}
#c5 .dispatch-overview{display:flex;flex-direction:column;gap:12px;min-height:222px}
#c5 .dispatch-operation-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px;padding:14px 22px;background:#10291b88;border:1px solid #9cf3c829;position:relative;overflow:hidden;font:500 14px/1.5 var(--body);color:#c0d5c7}
#c5 .dispatch-updated-row{border-color:#9cf3c85b;color:#e6f5e9;--status-line:34px}
#c5 .dispatch-updated-row .dispatch-status{margin-left:auto;font-size:25px}
#c5 .dispatch-row-check{font-style:normal;color:var(--green-mint);animation:dispatch-received-check 8s ease infinite}
#c5 .dispatch-row-signal{display:flex;gap:6px;align-items:center}
#c5 .dispatch-row-signal i{display:block;width:26px;height:4px;background:#9cf3c84a}
#c5 .dispatch-row-signal i:nth-child(2){width:45px;background:#20c99477}
#c5 .dispatch-row-signal i:nth-child(3){width:14px}
#c5 .dispatch-view>p{font:400 14px/1.8 var(--body);color:#c0d4c7;margin:20px 0 0;max-width:440px}
#c5 .dispatch-demo figcaption{font:400 12px/1.7 var(--body);color:#9cb4a4;text-align:center;margin:30px 0 0}
#c5 .dispatch-demo:not(.dispatch-active) *{animation-play-state:paused!important}
@keyframes dispatch-source-change{0%,12%,92%,100%{transform:translateY(0)}23%,84%{transform:translateY(calc(-1 * var(--status-line)))}}
@keyframes dispatch-status-change{0%,30%,94%,100%{transform:translateY(0)}43%,85%{transform:translateY(calc(-1 * var(--status-line)))}}
@keyframes dispatch-source-check{0%,12%,92%,100%{opacity:0;transform:translateY(5px)}23%,84%{opacity:1;transform:translateY(0)}}
@keyframes dispatch-received-check{0%,30%,94%,100%{opacity:0;transform:translateY(5px)}43%,85%{opacity:1;transform:translateY(0)}}
@keyframes dispatch-packet{0%,18%{transform:translateY(-110%)}34%,100%{transform:translateY(110%)}}
@keyframes dispatch-update-sweep{0%,28%{transform:translateX(-110%)}48%,100%{transform:translateX(110%)}}
@keyframes dispatch-delivery-progress{0%,30%,95%,100%{transform:scaleX(.25)}44%,85%{transform:scaleX(1)}}
@media(max-width:900px){#c5 .dispatch-views{gap:30px}#c5 .dispatch-view-heading h3{font-size:32px}#c5 .dispatch-ticket{padding:25px 22px}#c5 .dispatch-operation-row{padding:14px 16px;gap:12px}#c5 .dispatch-ticket .dispatch-status{font-size:48px}}
@media(max-width:650px){#c5 .delivery-explanation{font-size:15px;margin-top:20px}#c5 .dispatch-demo{margin:30px auto 35px}#c5 .dispatch-origin{gap:16px;padding:18px 15px}#c5 .dispatch-kicker{font-size:9px;letter-spacing:1.3px}#c5 .dispatch-origin b{font-size:14px}#c5 .dispatch-origin-status{min-width:90px;gap:8px}#c5 .dispatch-origin-status .dispatch-status{font-size:23px}#c5 .dispatch-views{grid-template-columns:1fr;gap:34px}#c5 .dispatch-view-heading h3{font-size:33px}#c5 .dispatch-view-heading{margin-bottom:18px}#c5 .dispatch-ticket{min-height:215px}#c5 .dispatch-view>p{margin-top:16px}#c5 .dispatch-transfer{padding-bottom:22px}#c5 .dispatch-demo figcaption{text-align:left;margin-top:24px}}
@media(prefers-reduced-motion:reduce){#c5 .dispatch-demo *{animation:none!important}#c5 .dispatch-status-track{transform:translateY(calc(-1 * var(--status-line)))}#c5 .dispatch-transfer>i:after{display:none}#c5 .dispatch-ticket:before,#c5 .dispatch-updated-row:before{display:none}#c5 .dispatch-journey-line i{transform:scaleX(1)}}