:root{--glass:rgba(34,34,38,.48)}.glass{background:radial-gradient(ellipse at var(--pointer-x,20%) var(--pointer-y,0%),#ffffff0b,transparent 55%),linear-gradient(140deg,#ffffff0c,transparent 40%,#ffffff05),var(--glass);border-top-color:#ffffff40;box-shadow:inset 0 1px 1px #ffffff15,inset 0 -1px 0 #0004,0 18px 50px -25px #0009;backdrop-filter:blur(36px) saturate(0);transition:border-color .3s,box-shadow .3s,background .3s}.glass:hover{border-top-color:#ffffff65}.button,.round-button,.rail nav button,.parcel-tile,.route-step{transition:transform .25s,background .25s,box-shadow .25s}.button:active,.parcel-tile:active{transform:scale(.975)}.silver:hover{box-shadow:0 0 22px #ffffff20,inset 0 1px 1px white;transform:translateY(-2px)}.main-content>.heading,.main-content>.glass,.overview-grid>*,.work-grid>*,.mobile-content>*{animation:arrive .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--order,0)*45ms)}.ambient>svg{animation:ambient-drift 24s ease-in-out infinite alternate}.liquid-cube{animation:cube-float 7s ease-in-out infinite}.mobile-dock{view-transition-name:mobile-dock}.rail{view-transition-name:nav-rail}.command-bar{view-transition-name:commandbar}.mobile-dock button.active{box-shadow:inset 1px 2px 3px #ffffff70,inset -2px -2px 4px #ffffff0a,0 4px 15px #0003;background:linear-gradient(125deg,#ffffff48,#ffffff0c 55%,#ffffff24)}.mobile-dock button.active svg{filter:drop-shadow(0 0 7px #ffffff55)}::view-transition-old(root){animation:fade-out .18s ease both}::view-transition-new(root){animation:page-in .4s cubic-bezier(.2,.8,.2,1) both}.route-experience{padding:28px 32px;margin-top:24px;overflow:hidden}.route-heading{display:flex;align-items:center;justify-content:space-between}.route-heading h2{font-size:23px;font-weight:450;letter-spacing:-.7px;margin-top:12px}.route-caption{font-size:11px;color:#aaa;border:1px solid #ffffff20;border-radius:20px;padding:12px 16px;background:#ffffff05}.route-stages{position:relative;display:flex;justify-content:space-between;margin:28px 20px 0}.route-wire{position:absolute;left:35px;right:35px;top:28px;height:1px;background:#ffffff14}.route-wire i{display:block;width:var(--progress);height:1px;background:linear-gradient(90deg,#777,#f0f0f3);box-shadow:0 0 13px #ffffff55;transition:width .65s cubic-bezier(.2,.7,.2,1)}.route-step{position:relative;display:flex;align-items:center;flex-direction:column;min-width:74px;color:#666}.route-step>span{width:58px;height:58px;display:grid;place-items:center;border:1px solid #ffffff19;border-radius:22px;background:#242428;box-shadow:inset 0 1px 2px #ffffff12}.route-step.passed{color:#d2d2d8}.route-step.passed>span{background:linear-gradient(140deg,#64646c,#2d2d33 65%);border-color:#ffffff40;box-shadow:inset 1px 2px 3px #ffffff2b,0 10px 20px #0003}.route-step:hover{transform:translateY(-4px)}.route-step small{font-size:8px;color:#777;margin-top:12px}.route-step strong{font-size:11px;font-weight:450;margin-top:8px}.route-hint{font-size:9px;color:#777;text-align:center;margin-top:24px}.route-experience.compact{padding:20px 16px;border-radius:24px;margin-top:16px}.compact .route-heading{display:block}.compact .route-heading h2{font-size:16px;margin-top:8px}.compact .route-caption{display:block;margin-top:12px;padding:0;border:0;font-size:9px;background:none}.compact .route-stages{margin:24px 0 0}.compact .route-step{min-width:55px}.compact .route-step>span{width:42px;height:42px;border-radius:16px}.compact .route-wire{top:21px;left:26px;right:26px}.compact .route-step strong{font-size:9px}.compact .route-hint{font-size:8px;line-height:1.6}.demo-scanner{height:240px;position:relative;background:radial-gradient(ellipse,#ffffff12,#111114);border-radius:24px;display:grid;place-items:center;margin:20px 0;overflow:hidden;border:1px solid #ffffff20}.scanner-target{width:200px;display:grid;text-align:center;color:#ccc}.scanner-target small{font:10px monospace;letter-spacing:2px}.demo-scanner b{position:absolute;bottom:17px;font-size:10px;color:#888;font-weight:400}.demo-scanner>i{position:absolute;inset:25px;border:1px solid #ffffff40;border-radius:20px}.laser{position:absolute;left:20px;right:20px;height:1px;background:#eee;box-shadow:0 0 18px 4px #ffffff20;animation:laser 2s ease-in-out infinite}.recognized .laser{animation:none;top:50%;box-shadow:0 0 25px 12px #ffffff22}.recognized>i{border-color:white;box-shadow:inset 0 0 40px #ffffff15}.recognized b{color:white}.scan-result{animation:recognize 1s ease}.mobile-parcel-hero .detail-orb{animation:cube-float 7s ease-in-out infinite}.desktop-mode .route-experience{margin-bottom:20px}
@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes page-in{from{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:none}}@keyframes fade-out{to{opacity:0}}@keyframes ambient-drift{to{transform:translate(35px,-20px) scale(1.08)}}@keyframes cube-float{50%{transform:translateY(-7px) rotate(3deg)}}@keyframes laser{0%,100%{top:25%}50%{top:70%}}@keyframes recognize{50%{box-shadow:0 0 35px #ffffff30;border-color:#ffffff88}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}::view-transition-group(*){animation:none!important}}