:root { --delivery-green: #057d52; --delivery-deep: #034d35; --delivery-leaf: #a9df32; --delivery-ease: cubic-bezier(.16,1,.3,1); }

.delivery-intro { position: fixed; inset: 0; z-index: 100; overflow: hidden; color: #fff; background: var(--delivery-deep); isolation: isolate; clip-path: inset(0); transition: clip-path .9s var(--delivery-ease), visibility 0s .9s; }
.delivery-intro[hidden] { display: none; }
.delivery-intro.is-leaving { clip-path: inset(0 0 0 100%); visibility: hidden; }
.delivery-intro__grid { position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 8vw 8vw; mask-image: linear-gradient(to bottom,#000,transparent 78%); }
.delivery-intro__halo { position: absolute; left: 50%; top: 50%; width: 78vw; height: 78vw; border-radius: 50%; border: 1px solid rgba(7,95,60,.16); transform: translate(-50%,-56%); box-shadow: 0 0 150px rgba(184,232,61,.13), inset 0 0 140px rgba(7,95,60,.05); }
.delivery-intro__halo::before,.delivery-intro__halo::after { content:""; position:absolute; border-radius:inherit; border:1px solid rgba(7,95,60,.06); }
.delivery-intro__halo::before { inset:12%; }.delivery-intro__halo::after { inset:26%; }
.delivery-intro__header { position:absolute; z-index:20; top:4vh; left:5vw; right:5vw; display:flex; align-items:center; justify-content:space-between; }
.delivery-brand { display:flex; flex-direction:column; color:#fff; font-size:clamp(26px,2.6vw,44px); font-weight:900; letter-spacing:-.08em; line-height:.9; }
.delivery-brand small { margin-top:7px; color:var(--delivery-leaf); font-size:8px; letter-spacing:.16em; }
#delivery-skip { border:1px solid rgba(255,255,255,.22); border-radius:999px; padding:10px 16px; color:#fff; background:rgba(0,0,0,.18); cursor:pointer; }
#delivery-skip span { margin-left:10px; color:var(--delivery-leaf); }
.delivery-intro__copy { position:absolute; z-index:2; top:16vh; left:6vw; display:flex; flex-direction:column; gap:12px; pointer-events:none; }
.delivery-intro__copy span { color:var(--delivery-leaf); font-size:10px; font-weight:800; letter-spacing:.27em; }
.delivery-intro__copy strong { color:rgba(255,255,255,.075); font-size:clamp(56px,8.2vw,132px); line-height:.88; letter-spacing:-.09em; }
.delivery-index { position:absolute; z-index:3; top:18vh; right:6vw; color:#7f978d; font-size:11px; letter-spacing:.22em; }
.delivery-index span { margin:0 7px; color:var(--delivery-green); }

.delivery-truck { position:absolute; z-index:10; left:50%; bottom:-18vh; width:min(82vw,1080px); transform:translateX(calc(-50% - 125vw)); will-change:transform; }
.delivery-truck__suspension { position:relative; width:100%; will-change:transform; }
.delivery-truck__suspension>img { display:block; width:100%; height:auto; user-select:none; pointer-events:none; }
.delivery-cargo-skin { position:absolute; z-index:1; left:6.25%; top:22.3%; width:62.95%; height:38.7%; overflow:hidden; background:#003e2c; box-shadow:inset 0 1px rgba(255,255,255,.025),inset 0 -1px rgba(0,0,0,.08); pointer-events:none; }
.delivery-cargo-skin::after { content:""; position:absolute; top:-5%; right:2%; width:4.4%; height:110%; background:linear-gradient(160deg,#b8e83d,#8fcb22); transform:skewX(-8deg); }
.delivery-cab-livery { position:absolute; z-index:6; left:78%; top:50.6%; width:10.3%; height:8.2%; display:flex; align-items:center; overflow:visible; transform:skewY(-2.4deg); transform-origin:left center; }
.delivery-cab-livery img { position:relative; z-index:2; display:block; width:94%; height:auto; }
.delivery-cab-livery::after { content:""; position:absolute; z-index:1; left:3%; right:-4%; bottom:13%; height:clamp(2px,.24vw,4px); border-radius:999px; background:linear-gradient(90deg,#003e2c 0 58%,#b8e83d 58% 84%,transparent); transform:skewX(-16deg); }
.delivery-cargo-load { position:absolute; z-index:2; left:27.7%; top:22.3%; width:25.2%; height:37.4%; overflow:hidden; background:linear-gradient(145deg,#102a21,#25483a); border:1px solid rgba(184,232,61,.2); }
.delivery-cargo-product { position:absolute; bottom:4%; width:28%; aspect-ratio:1.15; transform-origin:center bottom; filter:saturate(.95) brightness(.9); }
.delivery-cargo-product img { width:100%; height:100%; object-fit:contain; }
.delivery-cargo-product--1 { left:2%; width:31%; z-index:1; }.delivery-cargo-product--2 { left:25%; width:27%; z-index:2; }.delivery-cargo-product--3 { left:47%; width:28%; z-index:3; }.delivery-cargo-product--4 { left:73%; width:17%; bottom:5%; z-index:4; }.delivery-cargo-product--5 { left:10%; width:25%; bottom:25%; z-index:5; }.delivery-cargo-product--6 { left:39%; width:16%; bottom:22%; z-index:6; }.delivery-cargo-product--7 { left:61%; width:26%; bottom:21%; z-index:7; }
.delivery-cargo-product--parcel { aspect-ratio:1.12; border-radius:3px; background:linear-gradient(145deg,#c98039,#70401e 72%); border:1px solid #dda05e; box-shadow:inset -8px -6px 11px rgba(0,0,0,.28); mix-blend-mode:normal; }
.delivery-cargo-product--parcel::before { content:""; position:absolute; left:44%; top:0; bottom:0; width:16%; background:#edc182; opacity:.78; }
.delivery-cargo-frame { position:absolute; z-index:9; left:27.35%; top:21.85%; width:25.9%; height:38.4%; pointer-events:none; border:clamp(1px,.2vw,3px) solid rgba(190,207,199,.82); border-radius:1px; box-shadow:inset 0 0 0 2px rgba(1,35,23,.72),0 1px 4px rgba(0,0,0,.2); }
.delivery-cargo-frame::before { content:""; position:absolute; z-index:3; inset:clamp(1px,.12vw,2px); border:1px solid rgba(190,224,207,.18); border-radius:1px; }
.delivery-cargo-frame::after { display:none; }
.delivery-cargo-doors { position:absolute; z-index:8; left:27.7%; top:22.3%; width:25.2%; height:37.4%; perspective:1600px; transform-style:preserve-3d; pointer-events:none; }
.delivery-door-panel { position:absolute; top:0; bottom:0; width:50.15%; overflow:hidden; transform:rotateY(0deg); backface-visibility:visible; will-change:transform,filter; background:#003e2c; border:1px solid rgba(137,169,154,.46); box-shadow:inset 0 0 0 1px rgba(255,255,255,.055),inset 0 0 14px rgba(0,0,0,.06); }
.delivery-door-panel::before { content:""; position:absolute; inset:2%; border:1px solid rgba(199,229,215,.11); border-radius:1px; }
.delivery-door-panel::after { content:""; position:absolute; left:10%; right:10%; bottom:8%; height:2px; background:linear-gradient(90deg,transparent,rgba(184,232,61,.58),transparent); }
.delivery-door-panel--left { left:0; transform-origin:left center; }
.delivery-door-panel--right { right:0; transform-origin:right center; }
.delivery-door-hinges { position:absolute; z-index:3; top:14%; bottom:14%; width:clamp(3px,.32vw,5px); display:flex; flex-direction:column; justify-content:space-between; opacity:.72; }
.delivery-door-panel--left .delivery-door-hinges { left:2.5%; }.delivery-door-panel--right .delivery-door-hinges { right:2.5%; }
.delivery-door-hinges i { display:block; width:150%; height:clamp(6px,.72vw,11px); border-radius:1px; background:linear-gradient(90deg,#586861,#aebbb5 46%,#54635c); border:1px solid rgba(49,66,58,.82); box-shadow:0 1px 2px rgba(0,0,0,.22); }
.delivery-door-panel--right .delivery-door-hinges i { transform:translateX(-35%); }
.delivery-door-lock { position:absolute; z-index:4; top:61%; width:clamp(8px,.9vw,14px); height:clamp(6px,.65vw,10px); border-radius:2px; background:linear-gradient(145deg,#d7dfdb,#69756f 72%); border:1px solid #4d5a54; box-shadow:1px 1px 2px rgba(0,0,0,.24); }
.delivery-door-panel--left .delivery-door-lock { right:3%; }.delivery-door-panel--right .delivery-door-lock { left:3%; }
.delivery-door-lock::before,.delivery-door-lock::after { display:none; }
.delivery-door-lock i { position:absolute; left:50%; top:50%; width:clamp(13px,1.45vw,23px); height:clamp(2px,.3vw,5px); border-radius:999px; transform:translateY(-50%); transform-origin:left center; background:linear-gradient(#dce3df,#65716b); border:1px solid #4e5b55; box-shadow:0 1px 2px rgba(0,0,0,.24); }
.delivery-door-brand-slice { position:absolute; z-index:2; inset:0; overflow:hidden; }
.delivery-door-brand-slice img { position:absolute; top:33%; width:150%; height:auto; filter:brightness(0) invert(1); }
.delivery-door-panel--left .delivery-door-brand-slice img { left:50%; }
.delivery-door-panel--right .delivery-door-brand-slice img { left:-50%; }
.delivery-truck__beam { position:absolute; z-index:-1; left:5%; right:3%; bottom:15%; height:9%; border-radius:50%; background:rgba(184,232,61,.25); filter:blur(18px); animation:delivery-beam 1.15s ease-in-out infinite alternate; }
.delivery-road { position:absolute; z-index:5; left:0; right:0; bottom:11.5vh; height:2px; background:linear-gradient(90deg,transparent,rgba(7,95,60,.18) 12%,rgba(7,95,60,.18) 88%,transparent); overflow:hidden; }
.delivery-road i { position:absolute; top:0; width:11vw; height:2px; background:var(--delivery-green); box-shadow:0 0 10px rgba(7,95,60,.5); animation:delivery-road-mark 1.4s linear infinite; }
.delivery-road i:nth-child(2){animation-delay:-.28s}.delivery-road i:nth-child(3){animation-delay:-.56s}.delivery-road i:nth-child(4){animation-delay:-.84s}.delivery-road i:nth-child(5){animation-delay:-1.12s}
.delivery-status { position:absolute; z-index:30; left:5vw; bottom:4vh; width:min(360px,44vw); }
.delivery-status>span { display:block; margin-bottom:10px; color:#698478; font-size:9px; font-weight:800; letter-spacing:.18em; }
.delivery-status div { height:2px; background:rgba(7,95,60,.15); }.delivery-status i { display:block; width:8%; height:100%; background:var(--delivery-green); box-shadow:0 0 12px rgba(7,95,60,.45); transition:width .45s var(--delivery-ease); }
.delivery-drop-zone { position:absolute; inset:0; z-index:14; pointer-events:none; }
.delivery-drop-item { position:absolute; left:0; top:0; width:clamp(110px,14vw,220px); aspect-ratio:1.18; opacity:0; transform-origin:center; will-change:transform,opacity; }
.delivery-drop-item img { display:block; width:100%; height:100%; object-fit:contain; }
.delivery-drop-item--2,.delivery-drop-item--5 { width:clamp(100px,13vw,200px); }.delivery-drop-item--3 { width:clamp(110px,14vw,215px); }.delivery-drop-item--7 { width:clamp(95px,12vw,190px); }
.delivery-drop-item--parcel { width:clamp(80px,9vw,135px); aspect-ratio:1.1; border-radius:5px; background:linear-gradient(145deg,#ce8b42,#7b461d 72%); border:2px solid #dda05e; box-shadow:inset -12px -10px 18px rgba(0,0,0,.24),0 12px 28px rgba(0,0,0,.2); mix-blend-mode:normal; }
.delivery-drop-item--parcel::before { content:""; position:absolute; left:45%; top:0; bottom:0; width:15%; background:#edc182; opacity:.8; }
.delivery-drop-item--parcel span { position:absolute; left:13%; right:13%; top:48%; height:2px; background:rgba(70,35,12,.42); }
body.intro-running { overflow:hidden; cursor:progress; }
body.intro-running .site-shell { opacity:0; transform:scale(1.025); }
.site-shell { transition:opacity .65s ease,transform 1.2s var(--delivery-ease); }
body:not(.intro-running) .site-shell { opacity:1; transform:scale(1); }
@keyframes delivery-road-mark { from{transform:translateX(-15vw)} to{transform:translateX(115vw)} }
@keyframes delivery-beam { to{opacity:.35;transform:scaleX(.92)} }
@media (max-width:800px){.delivery-truck{width:130vw;bottom:-5vh}.delivery-road{bottom:18vh}.delivery-intro__copy{top:17vh;left:5vw}.delivery-intro__copy strong{font-size:18vw}.delivery-status{width:58vw}.delivery-drop-item{width:24vw}.delivery-drop-item--parcel{width:17vw}}
@media (prefers-reduced-motion:reduce){.delivery-intro{display:none}body.intro-running{overflow:auto;cursor:auto}body.intro-running .site-shell{opacity:1;transform:none}}