.demo-tag{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #b4f0e44d;color:#b4f0e4;background:#0c0d0e66;font-size:8px;letter-spacing:1.4px;margin-bottom:24px;border-radius:4px}.delivery-target{display:flex;flex-direction:column;gap:9px;border-left:2px solid #58f6d3;padding-left:14px;margin:28px 0 32px}.delivery-target>span{font-size:8px;letter-spacing:2px;color:#a6acad}.delivery-target strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.delivery-meter{display:flex;justify-content:space-between;align-items:end;font-family:'Space Grotesk',sans-serif}.delivery-meter>div{font-size:64px;line-height:1;color:#b4f0e4;letter-spacing:-3px}.delivery-total{font-size:28px;color:#8d9394;letter-spacing:-1px}#delivery-percentage{font-size:15px;color:#b4f0e4;padding-bottom:5px}.delivery-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#a8aeaf;margin:16px 0}#delivery-indicator{color:#58f6d3}.delivery-track{height:5px;background:#b4f0e420;overflow:hidden;border-radius:3px}#delivery-fill{height:100%;width:0;background:linear-gradient(90deg,#58f6d3,#b4f0e4);transition:width .7s cubic-bezier(.2,.8,.2,1);position:relative}#delivery-fill:after{content:'';position:absolute;right:0;top:-3px;height:11px;width:3px;background:#f3f9fa}.boost-units{display:grid;grid-template-columns:repeat(14,1fr);gap:6px;margin:14px 0 26px}.boost-units span{height:18px;border:1px solid #b4f0e426;background:transparent;transform:skewX(-15deg);transition:background .4s,transform .4s}.boost-units .filled{background:#58f6d399;border-color:#58f6d3;animation:boost-enter .6s cubic-bezier(.16,1,.3,1)}.delivery-stages{list-style:none;padding:0;margin:0}.delivery-stages li{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #b4f0e41c;color:#868c8d;transition:color .4s}.stage-icon{display:grid;place-items:center;width:26px;height:26px;border:1px solid #b4f0e42b;border-radius:50%;font-size:9px;flex-shrink:0;position:relative}.delivery-stages strong{display:block;font-size:12px;font-weight:500}.delivery-stages small{display:block;margin-top:6px;font-size:10px;color:#969c9d}.stage-state{margin-left:auto;font-size:9px;white-space:nowrap}.delivery-stages .current{color:#b4f0e4}.current .stage-icon:after{content:'';position:absolute;inset:-4px;border:1px solid transparent;border-top-color:#58f6d3;border-right-color:#58f6d3;border-radius:50%;animation:delivery-spin 1.3s linear infinite}.delivery-stages .done{color:#b4f0e4}.done .stage-icon{background:#58f6d319;border-color:#58f6d377;color:#58f6d3}.done .stage-state{color:#58f6d3}.delivery-event{min-height:36px;font-size:11px;line-height:1.8;color:#b4f0e4;margin:22px 0 0}.delivery-controls{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.delivery-controls .back{margin:0;padding:10px 0}.delivery-complete .delivery-meter{animation:boost-enter .8s ease}.delivery-complete #delivery-indicator{color:#b4f0e4}.delivery-complete #delivery-fill{background:#b4f0e4}.delivery-preview-link{display:block;margin:16px auto 0;padding:8px;background:transparent;border:0;color:#b4f0e4;font:11px 'DM Sans',sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:5px}@keyframes boost-enter{from{opacity:.3;transform:translateY(7px) skewX(-15deg)}to{opacity:1;transform:translateY(0) skewX(-15deg)}}@keyframes delivery-spin{to{transform:rotate(360deg)}}@media(max-width:420px){.delivery-meter>div{font-size:54px}.stage-state{font-size:8px}.delivery-stages{font-size:11px}.boost-units{gap:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.delivery-followup{margin:24px 0;padding:20px 0;border-block:1px solid #b4f0e42c}.delivery-followup[hidden]{display:none}.delivery-followup h3{font-size:17px;font-weight:500;color:#e9f5f2;margin:0 0 9px}.delivery-followup p{font-size:12px;line-height:1.7;color:#aebbb7;margin:0 0 16px}.followup-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.followup-links a{font-size:11px;color:#b4f0e4;text-decoration:none;padding:10px 0}.followup-links .followup-review{background:#58f6d3;color:#05241d;padding:12px 17px;border-radius:6px}.followup-links a:hover{filter:brightness(1.12)}.followup-links a:focus-visible{outline:2px solid #58f6d3;outline-offset:4px}