.action-section{margin-top:66px;background:#e8eef3;padding-bottom:58px}
.action-heading{margin-bottom:35px}.action-heading .eyebrow{margin-bottom:18px}.action-heading>p{max-width:400px}
.action-demo{background:#fff;border:1px solid #c5d4df;box-shadow:0 16px 42px #132c4010}
.action-topline{display:flex;justify-content:space-between;gap:15px;padding:19px 28px 15px;font-size:10px;letter-spacing:.14em;color:#536574}.action-example{color:#006fc4;font-weight:700}
.action-stories{display:grid;grid-template-columns:repeat(3,1fr);padding:0 28px;gap:22px;border-bottom:1px solid #d2dce4}
.action-stories button{border:0;border-bottom:3px solid transparent;background:none;color:#647887;text-align:left;padding:12px 0 16px;display:flex;align-items:center;gap:12px;font-size:11px;cursor:pointer}
.action-stories button span{font-size:15px;color:#304b5e}
.action-stories button[aria-pressed=true]{border-bottom-color:#006fc4;color:#006fc4}.action-stories button[aria-pressed=true] span{font-weight:bold;color:#0064b1}
.action-stage{display:grid;grid-template-columns:1fr 1fr;min-height:365px}
.action-scene{position:relative;isolation:isolate;background:#0c1c29;color:white;overflow:hidden;padding:26px 30px;display:flex;flex-direction:column;justify-content:space-between;min-height:365px}
.scene-backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0b1a2bea,#0b1a2bd9),url('assets/classic-and-gt500-white-stripes.png') center / cover}
.scene-top{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:9px;letter-spacing:.1em;color:#b3c9db}.scene-status{border:1px solid #8fa8bd66;padding:5px 8px;color:#c3e7ff;font-size:9px;white-space:nowrap}
.scene-graphic{height:190px;display:grid;place-items:center}.scene-graphic svg{width:100%;max-width:350px;height:185px;overflow:visible}
.scene-graphic .draw{stroke-dasharray:700;stroke-dashoffset:0;animation:action-draw 1.2s ease both}.scene-graphic .pop{animation:action-pop .65s ease both;transform-origin:center}.action-scene.is-paused *{animation-play-state:paused}
.scene-caption>span{font-size:9px;letter-spacing:.13em;color:#7dc5fa}.scene-caption p{font:italic 22px/1.4 Georgia,serif;max-width:390px;margin-top:10px;color:#fff;min-height:62px}
.action-response{padding:34px 38px;display:flex;flex-direction:column}.action-step-label{font-size:10px;letter-spacing:.13em;font-weight:bold;color:#006fc4;margin-bottom:15px}
.action-response h3{font-size:34px;letter-spacing:-.035em;line-height:1.15;max-width:420px;margin-bottom:16px}.action-step-copy{font-size:15px;color:#536574;line-height:1.75;min-height:80px}
.action-result{border-left:3px solid #53a6dd;background:#f0f6fa;padding:13px 16px;margin-top:22px}.action-result>span{font-size:9px;font-weight:bold;letter-spacing:.12em;color:#0064b1}.action-result p{font-size:14px;line-height:1.65;margin-top:6px}
.action-owner{display:flex;gap:12px;align-items:center;margin-top:auto;padding-top:22px;color:#536574;font-size:10px;line-height:1.6}.action-owner img{object-fit:contain}.action-owner strong{font-weight:400;color:#29495f}
.action-controls{padding:20px 28px 18px;border-top:1px solid #d2dce4}.action-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.action-steps button{border:0;background:none;padding:0 0 10px;cursor:pointer;text-align:left;color:#647887;font-size:11px}.step-track{display:block;height:3px;background:#dbe4ec;margin-bottom:10px;overflow:hidden}.step-track i{display:block;height:100%;width:0;background:#006fc4}.action-steps button[aria-pressed=true]{color:#006fc4}.step-text{display:flex;gap:8px}.step-text b{font-size:10px}
.action-playback{display:flex;align-items:center;gap:22px;justify-content:flex-end;margin-top:6px}.action-playback button{padding:7px 0;background:none;border:0;color:#536574;font-size:11px;cursor:pointer}.action-playback #action-next{margin-left:auto;color:#0064b1}.action-playback #action-play{min-width:60px;text-align:left}
.action-footnote{display:flex;justify-content:space-between;align-items:start;gap:50px;margin-top:26px}.action-footnote>p{font-size:16px;line-height:1.65;max-width:600px}.action-footnote>span{font-size:11px;color:#647887;line-height:1.7;max-width:280px}.action-footnote strong{font-weight:600}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes action-draw{from{stroke-dashoffset:700}to{stroke-dashoffset:0}}@keyframes action-pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.action-response{padding:28px}.action-scene{padding:25px}.scene-top{flex-wrap:wrap}.action-response h3{font-size:30px}}
@media(max-width:760px){.action-section{margin-top:40px;padding-bottom:40px}.action-topline{padding:16px}.action-stories{padding:0 16px;gap:12px}.action-stories button{display:block;padding:8px 0 12px;font-size:9px}.action-stories button span{display:block;font-size:12px;margin-top:3px;line-height:1.4}.action-stage{grid-template-columns:1fr}.action-scene{min-height:275px;padding:20px}.scene-graphic{height:136px}.scene-graphic svg{height:135px}.scene-caption p{font-size:20px;min-height:56px}.action-response{padding:25px;min-height:330px}.action-response h3{font-size:28px}.action-step-copy{min-height:0;font-size:14px}.action-controls{padding:18px 16px}.action-steps{gap:8px}.step-text{display:block;font-size:10px}.step-text b{display:block;margin-bottom:3px}.action-footnote{display:block}.action-footnote>span{display:block;max-width:none;margin-top:14px}.action-owner{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.scene-graphic *{animation:none!important}}

/* Illustrated scenes are the main storytelling surface. */
.action-stage{grid-template-columns:1.3fr 1fr}.action-scene{padding:24px;min-height:410px}.scene-backdrop{background:radial-gradient(ellipse at 50% 30%,#17384f,#0b1a29 75%)}.scene-graphic{height:264px;margin:8px -12px 0}.scene-graphic svg{max-width:640px;height:auto;max-height:280px}.scene-caption p{font-size:21px;min-height:58px}.action-response{padding:30px}.action-response h3{font-size:30px}
.parcel-pop,.success-pop{animation:parcel-appear .7s ease both;transform-box:fill-box;transform-origin:center}.delivery-drive{animation:van-arrives 6.5s ease-in-out both}.car-roll{animation:car-moves 6.5s ease-in-out both}.car-roll .wheel{animation:wheel-roll 2.2s linear infinite;transform-box:view-box}.route-dash{animation:route-moves 1s linear infinite}.signal,.thought-pulse{animation:signal-pulse 2.1s ease-in-out infinite}.part-float{animation:part-lift 3s ease-in-out infinite}.check-draw{stroke-dasharray:80;animation:check-mark 1s ease both}
@keyframes parcel-appear{from{opacity:0;scale:.8}to{opacity:1;scale:1}}@keyframes van-arrives{0%{transform:translateX(-115px);opacity:0}18%{opacity:1}60%,100%{transform:translateX(36px);opacity:1}}@keyframes car-moves{0%{transform:translateX(-35px)}100%{transform:translateX(32px)}}@keyframes wheel-roll{to{transform:rotate(360deg)}}@keyframes route-moves{to{stroke-dashoffset:-28}}@keyframes signal-pulse{0%,100%{opacity:.45}50%{opacity:1}}@keyframes part-lift{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes check-mark{from{stroke-dashoffset:80}to{stroke-dashoffset:0}}
@media(max-width:760px){.action-stage{grid-template-columns:1fr}.action-scene{min-height:310px;padding:20px 16px}.scene-graphic{height:auto;min-height:170px}.scene-graphic svg{height:auto;max-height:235px}.action-response{padding:24px;min-height:300px}.action-response h3{font-size:27px}.scene-caption p{font-size:19px;min-height:52px}}

.action-scene.is-paused .parcel-pop,.action-scene.is-paused .success-pop,.action-scene.is-paused .check-draw{animation:none;opacity:1;scale:1;stroke-dashoffset:0}
.action-scene.is-paused .delivery-drive,.action-scene.is-paused .car-roll,.action-scene.is-paused .part-float{animation:none;transform:none;opacity:1}