/* Shared, dependency-free delivery illustration. All movement stops together. */
.delivery-scene{--delivery-duration:14s;position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid #54765b66;border-radius:16px;background:radial-gradient(ellipse at 45% 50%,#214b36 0%,#123528 55%,#0c2b23 100%);color:#eef1db;isolation:isolate}
.delivery-scene-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px 0;font-size:9px;line-height:1.5;letter-spacing:.14em;color:#c1ceaa}
.delivery-scene-top>span:first-child{display:flex;align-items:center;gap:9px}.delivery-scene-top>span:last-child{font-size:9px;letter-spacing:0;color:#91ac97;white-space:nowrap}.delivery-scene-top i{width:5px;height:5px;border-radius:50%;background:#d5c58b;box-shadow:0 0 12px #cfcc9370}
.delivery-art{display:block;width:100%;height:auto;overflow:visible;direction:ltr;margin:-6px 0 -9px}
.delivery-scene-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 24px;padding-bottom:20px}
.delivery-stage{position:relative;display:flex;align-items:center;gap:9px;border-top:1px solid #496953;padding-top:13px;color:#90ab92;animation:delivery-stage-dim var(--delivery-duration) linear infinite}.delivery-stage::before{position:absolute;content:'';height:1px;background:#d4dfa7;top:-1px;inset-inline-start:0;width:100%;transform:scaleX(0);transform-origin:left;animation:delivery-stage-line var(--delivery-duration) linear infinite}.delivery-stage span{font-size:9px;color:#d9c58e;font-variant-numeric:tabular-nums}.delivery-stage b{font-size:12px;font-weight:500;line-height:1.5}.delivery-stage-1,.delivery-stage-1::before{animation-delay:-9.8s}.delivery-stage-2,.delivery-stage-2::before{animation-delay:-5.6s}
.delivery-scene-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 24px;padding:13px 0 16px;border-top:1px solid #335842;font-size:11px;line-height:1.5}.delivery-scene-bottom a{display:flex;align-items:center;gap:16px;color:#d7e7bf;text-decoration:none}.delivery-scene-bottom a:hover{color:#fff}.delivery-motion-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:5px 9px;border:1px solid #587660;border-radius:5px;background:transparent;color:#d0dec3;font:inherit;cursor:pointer}.delivery-motion-toggle:hover{background:#2c5038}.delivery-motion-toggle:focus-visible{outline:2px solid #e6d69b;outline-offset:4px}.delivery-scene [hidden]{display:none!important}.delivery-resume-icon,.delivery-resume-text{display:none}.delivery-scene[data-paused=true] .delivery-resume-icon,.delivery-scene[data-paused=true] .delivery-resume-text{display:inline}.delivery-scene[data-paused=true] .delivery-pause-icon,.delivery-scene[data-paused=true] .delivery-pause-text{display:none}
.delivery-truck{animation:delivery-drive var(--delivery-duration) cubic-bezier(.45,0,.25,1) infinite;will-change:transform}.delivery-parcel{animation:delivery-load var(--delivery-duration) ease-in-out infinite}.delivery-shutter{animation:delivery-bay var(--delivery-duration) ease-in-out infinite}.delivery-scan{animation:delivery-scan var(--delivery-duration) ease-in-out infinite}.delivery-route,.delivery-phone-progress{stroke-dasharray:1;animation:delivery-route var(--delivery-duration) ease-in-out infinite}.delivery-beacon{animation:delivery-beacon var(--delivery-duration) linear infinite}.delivery-map-pulse{transform-origin:111px 96px;animation:delivery-ping var(--delivery-duration) linear infinite}.delivery-confirm{transform-origin:685px 95px;animation:delivery-confirm var(--delivery-duration) ease-in-out infinite}.delivery-status-0{animation:delivery-status-0 var(--delivery-duration) linear infinite}.delivery-status-1{animation:delivery-status-1 var(--delivery-duration) linear infinite}.delivery-status-2{animation:delivery-status-2 var(--delivery-duration) linear infinite}.delivery-signal{animation:delivery-signal var(--delivery-duration) linear infinite}
.delivery-scene[data-playing=false] *, .delivery-scene[data-playing=false] *::before{animation-play-state:paused!important}
@keyframes delivery-drive{0%,24%{transform:translate(0,0);opacity:1}64%,86%{transform:translate(326px,0);opacity:1}93%{transform:translate(342px,0);opacity:0}94%{transform:translate(0,0);opacity:0}100%{transform:translate(0,0);opacity:1}}
@keyframes delivery-load{0%,10%{transform:translate(0,0);opacity:1}20%{transform:translate(-19px,25px);opacity:1}24%,93%{transform:translate(-34px,34px);opacity:0}94%{transform:translate(0,0);opacity:0}100%{transform:translate(0,0);opacity:1}}
@keyframes delivery-bay{0%,3%,90%,100%{transform:translateY(0)}12%,78%{transform:translateY(-56px)}}
@keyframes delivery-scan{0%,5%,28%,100%{opacity:0}12%,22%{opacity:.8}}
@keyframes delivery-route{0%,22%{stroke-dashoffset:1}66%,88%{stroke-dashoffset:0;opacity:1}93%{stroke-dashoffset:0;opacity:0}94%,100%{stroke-dashoffset:1;opacity:1}}
@keyframes delivery-confirm{0%,62%{opacity:0;transform:scale(.7)}68%,88%{opacity:1;transform:scale(1)}96%,100%{opacity:0;transform:scale(.7)}}
@keyframes delivery-status-0{0%,25%,96%,100%{opacity:1}26%,95%{opacity:0}}
@keyframes delivery-status-1{0%,25%,65%,100%{opacity:0}26%,64%{opacity:1}}
@keyframes delivery-status-2{0%,64%,96%,100%{opacity:0}65%,95%{opacity:1}}
@keyframes delivery-stage-dim{0%,29%{color:#eef1d6}30%,99%{color:#90ab92}100%{color:#eef1d6}}
@keyframes delivery-stage-line{0%{transform:scaleX(0);opacity:1}29%{transform:scaleX(1);opacity:1}30%,99%{transform:scaleX(1);opacity:0}100%{transform:scaleX(0);opacity:1}}
@keyframes delivery-ping{0%,60%,85%,100%{opacity:0;transform:scale(.5)}65%,75%{opacity:.8;transform:scale(1)}70%,80%{opacity:0;transform:scale(1.8)}}
@keyframes delivery-beacon{0%,6%,16%,26%,100%{opacity:.4}11%,21%,70%{opacity:1}}
@keyframes delivery-signal{0%,24%{transform:translate(0,0);opacity:0}30%{transform:translate(0,0);opacity:1}55%{transform:translate(158px,-24px);opacity:1}60%,100%{transform:translate(158px,-24px);opacity:0}}
.sd-site .delivery-edit{background:#123729;padding:54px 0}.sd-site .delivery-layout{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:54px}.sd-site .delivery-copy h2{font-size:clamp(32px,3.3vw,46px)}.sd-site .delivery-copy .delivery-company-label{display:block;border-top:1px solid #52705680;padding-top:18px;margin:22px 0 0;font-size:14px;font-weight:550;color:#d9e6ce;line-height:1.6}.sd-site .delivery-copy .delivery-video{border:0;padding:0;margin-top:19px;max-width:350px}.sd-site .delivery-copy .delivery-video summary{font-size:12px;color:#c6d8ba}
@media(max-width:1050px){.sd-site .delivery-layout{gap:28px;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr)}.delivery-stage b{font-size:11px}.delivery-scene-top{padding-inline:18px;letter-spacing:.08em}.delivery-scene-top>span:last-child{display:none}.delivery-scene-stages,.delivery-scene-bottom{margin-inline:18px}}
@media(max-width:760px){.sd-site .delivery-layout{grid-template-columns:1fr;gap:25px}.sd-site .delivery-edit{padding:35px 0}.delivery-scene{border-radius:10px}.delivery-scene-top{padding:17px 15px 0;font-size:8px}.delivery-scene-stages{margin-inline:15px;gap:10px;padding-bottom:14px}.delivery-stage{gap:6px;padding-top:10px}.delivery-stage b{font-size:10px}.delivery-stage span{font-size:8px}.delivery-scene-bottom{margin-inline:15px;font-size:10px;padding-block:10px}.delivery-motion-toggle{font-size:10px;min-height:34px}.sd-site .delivery-copy .delivery-company-label{font-size:13px}.delivery-art{margin-top:0}}
@media(prefers-reduced-motion:reduce){.delivery-scene *, .delivery-scene *::before{animation:none!important;transition:none!important}.delivery-truck{transform:translate(170px,0)}.delivery-shutter{transform:translateY(-56px)}.delivery-status-0,.delivery-status-1,.delivery-scan,.delivery-signal,.delivery-map-pulse{opacity:0}.delivery-status-2,.delivery-confirm{opacity:1}.delivery-route,.delivery-phone-progress{stroke-dashoffset:0}.delivery-stage{color:#eef1d6}.delivery-motion-toggle{display:none!important}}