/* Animation rig: complete body plate + isolated arm, no sliced body image. */
.mascot-dimensional{isolation:isolate;overflow:visible;cursor:pointer;animation:none!important}
.mascot-dimensional .mascot-rig{position:absolute;inset:0;display:block;transform-origin:52% 70%;animation:rig-idle 5.2s ease-in-out infinite;will-change:transform}
.mascot-dimensional .mascot-rig>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill;max-width:none;clip-path:none!important;mask:none!important;filter:none!important;pointer-events:none}
.mascot-dimensional .mascot-body{z-index:2;transform:none!important;animation:none!important}
.mascot-dimensional .mascot-wave{z-index:1;transform-origin:34.2% 44.5%!important;animation:shoulder-wave 4.6s ease-in-out infinite!important}
.mascot-dimensional .mascot-floor{display:none}
.mascot-dimensional.is-greeting .mascot-wave{animation:shoulder-greeting 1.5s ease-in-out!important}
.mascot-dimensional.is-greeting .mascot-rig{animation:rig-greeting 1.5s ease-in-out!important}
.mascot-thinking .mascot-rig{animation:rig-think 4s ease-in-out infinite}
.mascot-thinking .mascot-wave{animation:none!important;transform:rotate(-17deg)}
.mascot-packing .mascot-rig{animation:rig-pack 3.2s ease-in-out infinite}
.mascot-packing .mascot-wave{animation:packing-arm 3.2s ease-in-out infinite!important}
.mascot-celebrate .mascot-rig{animation:rig-greeting 3.2s ease-in-out infinite}
.mascot-dimensional .thought{z-index:5}
@keyframes shoulder-wave{0%,12%,70%,100%{transform:rotate(0deg)}22%,42%,62%{transform:rotate(13deg)}32%,52%{transform:rotate(-12deg)}}
@keyframes shoulder-greeting{0%,100%{transform:rotate(0deg)}15%,45%,75%{transform:rotate(16deg)}30%,60%,90%{transform:rotate(-13deg)}}
@keyframes rig-idle{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}
@keyframes rig-greeting{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-5px) rotate(-3deg)}65%{transform:translateY(-2px) rotate(2deg)}}
@keyframes rig-think{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(2deg)}}
@keyframes rig-pack{0%,100%{transform:translateY(0)}50%{transform:translateY(7px) rotate(3deg)}}
@keyframes packing-arm{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(-28deg)}}
/* Faithful box/van asset: compact cab, stationery cargo, teal wheel arches. */
.brand-van-scene{width:320px;height:260px;position:relative;margin:auto;isolation:isolate;perspective:700px}
.van-travel-rig{position:absolute;inset:0;animation:van-arrive 1.3s cubic-bezier(.2,.75,.2,1) both;transform-origin:50% 85%}
.van-chassis{position:absolute;left:0;bottom:0;width:100%;aspect-ratio:1.5;z-index:3;animation:van-suspension 2.8s ease-in-out infinite;transform-origin:50% 80%;pointer-events:none}
.brand-van-art{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 8px #08253926)}
.brand-van-scene .mascot-dimensional{position:absolute;width:150px;height:225px;left:51px;top:-9px;bottom:auto;z-index:2;transform:none!important;animation:none!important}
.brand-van-scene .mascot-dimensional .mascot-rig{animation:van-passenger 2.8s ease-in-out infinite}
.brand-van-scene .mascot-body{clip-path:none!important}
.wheel-spin{position:absolute;display:block;width:5.15%;height:9.1%;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0 75deg,#fff8 76deg 90deg);border:1px solid #e3f0db60;animation:hub-spin 1.4s linear infinite;mix-blend-mode:screen;opacity:.8}
.rear-wheel{left:24.7%;top:74.4%}.front-wheel{left:61.4%;top:76.3%}
.van-road{position:absolute;left:14%;right:5%;bottom:13px;height:5px;border-radius:100%;background:#08273920;z-index:0;filter:blur(2px);overflow:hidden}
.van-road i{position:absolute;top:1px;left:0;width:25%;height:1px;background:#e2f5de;animation:road-dash 1.8s linear infinite}.van-road i:nth-child(2){animation-delay:-.6s}.van-road i:nth-child(3){animation-delay:-1.2s}
@keyframes van-arrive{from{transform:translate3d(-55px,5px,0) rotateY(-8deg);opacity:0}65%{transform:translate3d(5px,0,0) rotateY(2deg);opacity:1}to{transform:translate3d(0,0,0) rotateY(0);opacity:1}}
@keyframes van-suspension{0%,100%{transform:translateY(0) rotate(-.4deg)}30%{transform:translateY(-2px) rotate(.5deg)}60%{transform:translateY(1px) rotate(-.3deg)}}
@keyframes van-passenger{0%,100%{transform:translateY(0) rotate(-1deg)}30%{transform:translateY(-3px) rotate(1deg)}60%{transform:translateY(1px) rotate(-1deg)}}
@keyframes hub-spin{to{rotate:360deg}}
@keyframes road-dash{from{transform:translateX(440%)}to{transform:translateX(-120%)}}
/* A hinged dimensional packing box, matching the orange cargo palette. */
.box-scene{perspective:500px;transform-style:preserve-3d}
.box-scene .orange-box{background:linear-gradient(105deg,#ffac63,#f07a35 50%,#d65329);border:2px solid #153a50;box-shadow:7px 9px 0 #0b263718,inset -18px 0 0 #d9502520;z-index:4}
.box-scene .box-flap{transform-origin:50% 100%;transform-style:preserve-3d;animation:carton-flap 3.2s ease-in-out infinite;z-index:3}
.box-scene .flap-right{animation-delay:-.22s}
.box-brand{background:#fff3d7!important;border:1px solid #173e50!important;color:#123a50!important;border-radius:4px;font-family:var(--rounded)!important}
.box-tape{position:absolute;top:0;bottom:0;right:17px;width:12px;background:#ffcc7a70;border-inline:1px solid #ffdc9b60}
@keyframes carton-flap{0%,100%{rotate:x 0deg}45%{rotate:x -28deg}65%{rotate:x -12deg}}
/* Give the brand scene room; text and waving hand never share a column. */
.welcome{min-height:438px;padding:23px 23px 22px;overflow:hidden}
.welcome h1{max-width:none!important;font-size:35px!important;line-height:1.1;letter-spacing:-1.2px;margin-bottom:9px}
.welcome h1 em{font-size:36px!important;white-space:nowrap}
.welcome>p{font-size:11px;max-width:none!important;line-height:1.5}
.welcome>p br{display:none}.welcome>p br:after{content:' '}
.welcome-art{width:100%!important;height:253px!important;left:0!important;right:auto!important;bottom:13px!important;transform:none!important;z-index:3}
.welcome-art .brand-van-scene{width:320px;height:260px;max-width:100%}
.welcome .hero-bottom{font-size:6px;bottom:14px;left:0;right:0;text-align:center;z-index:5;letter-spacing:1px}
.welcome .paper-tag{margin-bottom:13px;font-size:6px}
.delivery-illustration .brand-van-scene{height:250px;width:300px;max-width:100%}
.delivery-illustration{min-height:280px;position:relative}
.delivery-illustration>.scribble{position:relative;display:block;text-align:center;bottom:auto;right:auto;margin-top:-8px}
@media(max-width:760px){.welcome{min-height:438px}.welcome h1{font-size:33px!important}.welcome h1 em{font-size:34px!important}.welcome-art .brand-van-scene{width:310px}.welcome-art .mascot-dimensional{width:145px;height:217.5px;left:50px;top:-2px}.app-header{min-height:103px}.original-logo{height:94px}.original-logo img{width:240px;left:-72px;top:-17px}}
@media(max-width:370px){.welcome{padding-inline:18px;min-height:420px}.welcome h1{font-size:29px!important}.welcome h1 em{font-size:30px!important}.welcome-art{height:242px!important}.welcome-art .brand-van-scene{width:285px;height:250px}.welcome-art .mascot-dimensional{width:134px;height:201px;left:45px;top:4px}.welcome>p{font-size:10px}.hero-bottom{font-size:5.3px!important}}
@media(prefers-reduced-motion:reduce){.mascot-dimensional .mascot-rig,.mascot-dimensional .mascot-wave,.mascot-dimensional.is-greeting .mascot-rig,.mascot-dimensional.is-greeting .mascot-wave,.van-travel-rig,.van-chassis,.wheel-spin,.van-road i,.box-scene .box-flap{animation:none!important}.van-travel-rig{opacity:1;transform:none}}
.replay-van{position:absolute;right:9px;top:35px;z-index:7;width:36px;height:36px;border-radius:50%;border:1px solid #ffffff35;background:#14394ac9;color:#fff3d7;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 4px 12px #0b263715}
.brand-van-scene.is-driving .van-travel-rig{animation:van-replay 2.5s cubic-bezier(.25,.65,.3,1) both}
.brand-van-scene.is-driving .wheel-spin{animation-duration:.45s}
@keyframes van-replay{0%,100%{transform:translateX(0) rotateY(0)}15%{transform:translateX(-13px) rotateY(-5deg)}55%{transform:translateX(17px) rotateY(4deg)}80%{transform:translateX(-3px) rotateY(-1deg)}}
@media(prefers-reduced-motion:reduce){.brand-van-scene.is-driving .van-travel-rig{animation:none!important}.replay-van{display:none}}
/* Keep the pencil behind the carton face while its flap hinges animate. */
.box-scene{transform-style:flat}
.box-scene>.mascot-dimensional{z-index:2!important}
.box-scene>.orange-box{z-index:6!important}
.box-scene>.box-flap{z-index:7!important}
.delivery-illustration{height:auto!important;min-height:0;padding:20px 12px 24px;display:block}
.delivery-illustration>.scribble{margin-top:6px;line-height:1.2}
/* The logo's defining pose: the pencil always emerges from an open box. */
.boxed-helper{position:relative;width:130px;height:150px;flex:none;margin-inline:auto}
.boxed-helper>.box-scene{width:190px;height:220px;transform:scale(.68);transform-origin:top left}
.boxed-helper .box-scene>.mascot-dimensional{width:120px!important;height:180px!important;left:37px!important;bottom:58px!important;top:auto!important;transform:none!important}
.quote-title>.boxed-helper{width:112px;height:130px;margin:0}
.quote-title>.boxed-helper>.box-scene{transform:scale(.59)}
.scan-helper>.boxed-helper{width:100px;height:115px}
.scan-helper>.boxed-helper>.box-scene{transform:scale(.52)}
.box-scene>.orange-box{transform:rotate(-4deg)!important;z-index:6!important}
.box-scene>.box-flap{z-index:7!important}
.brand-van-scene .mascot-dimensional{z-index:2!important}
.brand-van-scene .van-chassis{z-index:4!important}
/* Reuse the same dimensional logo vehicle throughout, including quote helpers. */
.box-van-stage{width:240px!important;height:230px!important;perspective:none;transform-style:flat}
.box-van-stage>.brand-van-scene{position:absolute;width:300px;height:260px;left:0;bottom:0;transform:scale(.8);transform-origin:bottom left}
.boxed-helper>.brand-van-scene{position:absolute;left:0;top:8px;width:300px;height:260px;transform:scale(.43);transform-origin:top left}
.quote-title>.boxed-helper>.brand-van-scene{transform:scale(.37)}
.scan-helper>.boxed-helper>.brand-van-scene{transform:scale(.34)}
.boxed-helper .replay-van{display:none}
.boxed-helper .brand-van-scene .mascot-dimensional{width:150px!important;height:225px!important;left:51px!important;top:-9px!important;bottom:auto!important;transform:none!important}
.success-scene .box-van-stage{margin:auto;left:auto;top:auto}
.box-van-stage .brand-van-scene .mascot-dimensional{width:150px!important;height:225px!important;left:51px!important;top:-9px!important;bottom:auto!important;transform:none!important}