/* Activity is the primary delivery surface; progress stays compact beneath it. */
#delivery .activity-section{margin:25px 0 28px}
.activity-heading h3{font-family:'Space Grotesk',sans-serif;font-size:21px;letter-spacing:-.4px;color:#b4f0e4;font-weight:500}
.activity-heading>span{font-size:8px}
#activity-feed{min-height:310px;max-height:390px;padding:10px 19px;border-color:#b4f0e43b;background:#0708096e;border-radius:10px}
#activity-feed li{grid-template-columns:58px 7px 1fr;gap:12px;padding:14px 0}
#activity-feed time{font-size:10px}
#activity-feed .event-text{font-size:12px;line-height:1.8}
#activity-feed .event-ref{font-size:9px;margin-top:3px}
#activity-feed li:first-child .event-dot{animation:event-mark .6s ease}
#delivery .delivery-target{margin:18px 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:0;padding:0;gap:18px}
#delivery .delivery-target strong{font-size:11px;text-align:right}
#delivery .delivery-meter>div{font-size:42px}
#delivery .delivery-total{font-size:22px}
#delivery .delivery-caption{margin:12px 0}
#delivery .boost-units{margin:12px 0 20px}
#delivery .boost-units span{height:10px}
#delivery .tracker-stats{margin:18px 0 0}
#delivery .delivery-event{margin:14px 0 0;font-size:10px;min-height:20px}
#delivery .intro{margin-bottom:0}
#delivery .demo-tag{margin-bottom:19px}
/* Structural motion around readable, stationary copy. */
.console{position:relative}
.console-top{animation:header-arrive .7s cubic-bezier(.16,1,.3,1) both}
.console-top:after{width:125px;animation:panel-runner 4s cubic-bezier(.65,0,.35,1) infinite}
.pill{position:relative;overflow:hidden;background:#58f6d307;animation:badge-outline 5s ease-in-out infinite}
.pill:after{content:'';position:absolute;bottom:0;left:0;width:22px;height:1px;background:#b4f0e4;animation:badge-travel 4s linear infinite}
.panel:not([hidden]){animation:panel-slide .8s cubic-bezier(.16,1,.3,1) both}
.panel:not([hidden])>.eyebrow{animation:letter-enter .85s .05s both}
.panel:not([hidden])>h2{animation:title-arrive .85s .1s both}
.panel:not([hidden])>.intro{animation:item-arrive .8s .18s both}
.panel:not([hidden])>.notice-box{animation:item-arrive .85s .24s both;position:relative}
.notice-box:before{content:'';position:absolute;left:-3px;top:0;width:3px;height:24px;background:#b4f0e4;animation:notice-trace 5s ease-in-out infinite}
.panel:not([hidden])>.accept{animation:item-arrive .85s .32s both}
.panel:not([hidden])>.primary{animation:item-arrive .85s .4s both}
.primary:enabled{background:linear-gradient(110deg,#58f6d3,#b4f0e4,#58f6d3);background-size:220% 100%;animation:button-colors 5s ease-in-out infinite}
.primary:enabled span:last-child{animation:arrow-travel 2s ease-in-out infinite}
.accept input{transition:transform .25s}
.accept input:checked{animation:check-snap .4s ease}
.steps .active b{animation:step-settle .6s cubic-bezier(.16,1,.3,1)}
.field{position:relative}
.field:after{content:'';height:1px;background:#58f6d3;position:absolute;bottom:0;left:0;width:0;transition:width .4s cubic-bezier(.2,.8,.2,1)}
.field:focus-within:after{width:100%}
#delivery:not([hidden]) .activity-section{animation:item-arrive .85s .16s both}
#delivery:not([hidden]) .tracker-stats>div{animation:item-arrive .7s both}
#delivery:not([hidden]) .tracker-stats>div:nth-child(2){animation-delay:.08s}
#delivery:not([hidden]) .tracker-stats>div:nth-child(3){animation-delay:.16s}
#delivery:not([hidden]) .tracker-stats>div:nth-child(4){animation-delay:.24s}
.delivery-track{position:relative}
#delivery:not(.delivery-complete) .delivery-track:after{content:'';position:absolute;inset:0;width:35%;background:#b4f0e42b;animation:track-flow 2s linear infinite}
.delivery-complete #activity-feed{border-color:#58f6d366;transition:border-color .6s}
@keyframes event-mark{50%{transform:scale(1.8)}}
@keyframes header-arrive{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@keyframes panel-slide{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes title-arrive{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@keyframes letter-enter{from{opacity:0;letter-spacing:4px;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes badge-outline{50%{border-color:#58f6d37d}}
@keyframes badge-travel{from{left:-22px}to{left:100%}}
@keyframes notice-trace{0%,100%{top:0;opacity:.5}50%{top:calc(100% - 24px);opacity:1}}
@keyframes button-colors{50%{background-position:100% 50%}}
@keyframes check-snap{50%{transform:scale(1.2)}}
@keyframes track-flow{from{transform:translateX(-100%)}to{transform:translateX(400%)}}
@media(max-width:720px){.activity-heading h3{font-size:23px}#activity-feed{min-height:300px;max-height:380px;padding:8px 13px}#activity-feed li{grid-template-columns:51px 5px 1fr;gap:8px}#activity-feed .event-text{font-size:11px}.activity-heading>span{font-size:6px}#delivery .delivery-target{flex-direction:column;align-items:flex-start;gap:8px}#delivery .delivery-target strong{text-align:left}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}