/* All motion belongs to the drawn components. No pointer/scroll offsets. */
.life-ready .life-illustration { overflow:visible; isolation:isolate; }
.life-ready .life-illustration [data-life-entry],
.life-ready .life-illustration [data-life-part] { transform-box:fill-box; transform-origin:center; }
.life-ready [data-life-seen=true] [data-life-entry] { animation:part-arrive .85s cubic-bezier(.2,.7,.2,1) var(--entry-delay,0s) both; }
.life-ready .life-outline { stroke-dasharray:1; stroke-dashoffset:0; }
.life-ready [data-life-seen=true] .life-outline { animation:part-outline 1.8s ease var(--entry-delay,0s) both; }
.life-ready [data-life-part] { animation-delay:var(--part-phase,0s); animation-iteration-count:infinite; animation-timing-function:ease-in-out; }
.life-ready [data-life-part=eyes] { animation-name:part-blink; animation-duration:5.8s; }
.life-ready [data-life-part=arm] { transform-origin:15% 80%; animation-name:part-wave; animation-duration:7.2s; }
.life-ready [data-life-part=leaf] { transform-origin:50% 100%; animation-name:part-leaf; animation-duration:5.4s; }
.life-ready [data-life-part=pencil] { animation-name:part-pencil; animation-duration:6.7s; }
.life-ready [data-life-part=page] { transform-origin:left center; animation-name:part-page; animation-duration:7.4s; }
.life-ready [data-life-part=calendar] { transform-origin:center top; animation-name:part-calendar; animation-duration:8.6s; }
.life-ready [data-life-part=plane] { animation-name:part-plane; animation-duration:6.8s; }
.life-ready [data-life-part=wheel] { animation-name:part-wheel; animation-duration:13s; animation-timing-function:linear; }
.life-ready [data-life-part=dial] { transform-origin:50% 67%; animation-name:part-wheel; animation-duration:20s; animation-timing-function:linear; }
.life-ready [data-life-part=keys] { animation-name:part-key; animation-duration:3.8s; }
.life-ready [data-life-part=receipt] { animation-name:part-receipt; animation-duration:7s; }
.life-ready [data-life-part=cursor] { animation-name:part-cursor; animation-duration:6s; }
.life-ready [data-life-part=screen] { animation-name:part-screen; animation-duration:6.2s; }
.life-ready [data-life-part=signal] { animation-name:part-signal; animation-duration:2.8s; }
.life-ready [data-life-part=cable] { animation-name:part-cable; animation-duration:8s; }
.life-ready [data-life-part=spark] { animation-name:part-spark; animation-duration:5s; }
.life-ready [data-life-part=check] .life-check-stroke { stroke-dasharray:1; animation:part-check 6s ease-in-out var(--part-phase,0s) infinite; }
.life-ready [data-life-part=cable] [stroke-dasharray],
.life-ready [data-life-part=signal] [stroke-dasharray]:not([pathLength]) { animation:part-flow 7s linear var(--part-phase,0s) infinite; }
.life-ready [data-life-part=signal] [pathLength="100"] { animation:part-chart 6.2s ease-in-out var(--part-phase,0s) infinite; }
/* Small engineering drawings keep their silhouettes steady and details legible. */
.life-ready .life-illustration[data-scene=pen] [data-life-part=design-pencil] { transform-origin:15% 90%; animation-name:part-design-pencil; animation-duration:6.8s; animation-delay:0s; }
.life-ready .life-illustration[data-scene=pen] [data-life-part=design-ink] path[pathLength="100"] { stroke-dasharray:100; animation:part-design-ink 6.8s ease-in-out infinite; }
.life-ready .life-illustration[data-scene=shield] [data-life-part=shield-mark] { animation-name:part-shield-mark; animation-duration:7.4s; }
.life-ready .life-illustration[data-scene=shield] [data-life-part=shield-glint] { animation-name:part-shield-glint; animation-duration:7.4s; }
.life-ready .life-illustration[data-scene=launch] [data-life-part=rocket-flame] { transform-origin:50% 0%; animation-name:part-rocket-flame; animation-duration:1.9s; }
.life-ready .life-illustration[data-scene=launch] [data-life-part=rocket-window] { animation-name:part-rocket-window; animation-duration:6.3s; }
.life-ready .life-illustration[data-scene=launch] [data-life-part=rocket-spark] { animation-name:part-rocket-spark; animation-duration:4.8s; }
/* Each little teammate has a job, with a short gesture and a generous rest. */
.life-ready [data-mascot] { --mascot-duration:7.6s; }
.life-ready [data-mascot] [data-life-part^="mascot-"] { animation-duration:var(--mascot-duration); }
.life-ready [data-mascot] [data-life-part=mascot-eyes] { animation-name:part-blink; animation-duration:6.3s; animation-delay:var(--mascot-blink-phase,0s); }
.life-ready [data-mascot=code] { --mascot-duration:7.4s; }
.life-ready [data-mascot=code] [data-life-part=mascot-body] { animation-name:mascot-code-lean; }
.life-ready [data-mascot=code] [data-life-part=mascot-left] { animation-name:mascot-type-left; }
.life-ready [data-mascot=code] [data-life-part=mascot-right] { animation-name:mascot-type-right; }
.life-ready [data-mascot=code] [data-life-part=mascot-detail] { animation-name:mascot-code-lines; }
.life-ready [data-mascot=tap] { --mascot-duration:7s; }
.life-ready [data-mascot=tap] [data-life-part=mascot-body],
.life-ready [data-mascot=watch] [data-life-part=mascot-body] { animation-name:mascot-attentive; }
.life-ready [data-mascot=tap] [data-life-part=mascot-right],
.life-ready [data-mascot=watch] [data-life-part=mascot-right] { animation-name:mascot-tap; }
.life-ready [data-mascot=tap] [data-life-part=mascot-detail],
.life-ready [data-mascot=watch] [data-life-part=mascot-detail] { animation-name:mascot-notification; }
.life-ready [data-mascot=stack] { --mascot-duration:8.2s; }
.life-ready [data-mascot=stack] [data-life-part=mascot-body] { animation-name:mascot-lift; }
.life-ready [data-mascot=stack] [data-life-part=mascot-left] { animation-name:mascot-grip-left; }
.life-ready [data-mascot=stack] [data-life-part=mascot-right] { animation-name:mascot-grip-right; }
.life-ready [data-mascot=stack] [data-life-part=mascot-shadow] { animation-name:mascot-lift-shadow; }
.life-ready [data-mascot=receipt] [data-life-part=mascot-left] { animation-name:mascot-receipt; }
.life-ready [data-mascot=receipt] [data-life-part=mascot-right] { animation-name:mascot-approve; }
.life-ready [data-mascot=receipt] [data-life-part=mascot-detail] { animation-name:mascot-approval-mark; }
.life-ready [data-mascot=connect] { --mascot-duration:8.4s; }
.life-ready [data-mascot=connect] [data-life-part=mascot-left] { animation-name:mascot-connect-left; }
.life-ready [data-mascot=connect] [data-life-part=mascot-right] { animation-name:mascot-connect-right; }
.life-ready [data-mascot=connect] [data-life-part=mascot-spark],
.life-ready [data-mascot=connect] [data-life-part=mascot-detail] { animation-name:mascot-connected; }
.life-ready [data-mascot=idea] { --mascot-duration:8.8s; }
.life-ready [data-mascot=idea] [data-life-part=mascot-body] { animation-name:mascot-idea-tilt; }
.life-ready [data-mascot=idea] [data-life-part=mascot-right] { animation-name:mascot-chin; }
.life-ready [data-mascot=idea] [data-life-part=mascot-prop] { animation-name:mascot-lightbulb; }
.life-ready [data-mascot=idea] [data-life-part=mascot-spark] { animation-name:mascot-bright-idea; }
.life-ready [data-mascot=watch] { --mascot-duration:7.8s; }
.life-ready [data-mascot=sketch] { --mascot-duration:8s; }
.life-ready [data-mascot=sketch] [data-life-part=mascot-right] { animation-name:mascot-sketch; }
.life-ready [data-mascot=sketch] [data-life-part=mascot-detail] { animation-name:mascot-ink; }
.life-ready [data-mascot=celebrate] { --mascot-duration:8.6s; }
.life-ready [data-mascot=celebrate] [data-life-part=mascot-body] { animation-name:mascot-hop; }
.life-ready [data-mascot=celebrate] [data-life-part=mascot-left] { animation-name:mascot-cheer-left; }
.life-ready [data-mascot=celebrate] [data-life-part=mascot-right] { animation-name:mascot-cheer-right; }
.life-ready [data-mascot=celebrate] [data-life-part=mascot-shadow] { animation-name:mascot-hop-shadow; }
.life-ready [data-mascot=celebrate] [data-life-part=mascot-spark] { animation-name:mascot-confetti; }
.life-ready [data-mascot=plan] { --mascot-duration:8.2s; }
.life-ready [data-mascot=plan] [data-life-part=mascot-right] { animation-name:mascot-point; }
.life-ready [data-mascot=plan] [data-life-part=mascot-detail] { animation-name:mascot-blueprint; }
.life-ready [data-mascot=think] { --mascot-duration:8.8s; }
.life-ready [data-mascot=think] [data-life-part=mascot-body] { animation-name:mascot-think; }
.life-ready [data-mascot=think] [data-life-part=mascot-left] { animation-name:mascot-chin; }
.life-ready [data-mascot=think] [data-life-part=mascot-right] { animation-name:mascot-wonder; }
.life-ready [data-mascot=think] [data-life-part=mascot-eyes] { animation-name:mascot-thought-eyes; animation-duration:var(--mascot-duration); animation-delay:var(--mascot-phase,0s); }
.life-ready [data-mascot=think] [data-life-part=mascot-prop] { animation-name:mascot-thought-dots; }
.life-ready [data-mascot=send] { --mascot-duration:8.6s; }
.life-ready [data-mascot=send] [data-life-part=mascot-right] { animation-name:mascot-send-hand; }
.life-ready [data-mascot=send] [data-life-part=mascot-prop] { animation-name:mascot-send-plane; }
/* Each delivery drawing completes its first gesture, then leaves the work on show.
   Only small signals and the teammate continue; the illustration frame never moves. */
.life-ready .life-illustration[data-scene^="stage-"] { --stage-duration:8.4s; }
.life-ready .life-illustration[data-scene^="stage-"] [data-life-entry=stage] { animation:none; }
.life-ready .life-illustration[data-scene^="stage-"] [data-mascot] { --mascot-duration:var(--stage-duration); }
.life-ready .life-illustration[data-scene^="stage-"] [data-life-part^="stage-"] {
  animation-duration:var(--stage-duration);
  animation-delay:calc(var(--stage-beat,0) * .24s);
  animation-iteration-count:1;
  animation-fill-mode:both;
}
.life-ready [data-life-part=stage-pencil] { animation-name:stage-pencil; }
.life-ready .life-illustration[data-scene=stage-scope] [data-life-part=stage-pencil] { animation-name:stage-scope-pencil; animation-timing-function:linear; }
.life-ready [data-life-part=stage-tile] { animation-name:stage-tile; }
.life-ready [data-life-part=stage-confetti] { animation-name:stage-confetti; }
.life-ready [data-life-part=stage-ink] [pathLength="100"],
.life-ready [data-life-part=stage-check] [pathLength="100"] {
  stroke-dasharray:100;
  animation:stage-ink var(--stage-duration,8.4s) ease-in-out calc(var(--stage-beat,0) * .24s) both;
}
.life-ready [data-life-part=stage-check] [pathLength="100"] { animation-name:stage-check; }
.life-ready .life-illustration[data-scene^="stage-"] :is([data-life-part=stage-link],[data-life-part=stage-packet],[data-life-part=stage-screen]) { animation-iteration-count:infinite; }
.life-ready [data-life-part=stage-link] { animation-name:stage-link; }
.life-ready [data-life-part=stage-packet] { animation-name:stage-packet; }
.life-ready [data-life-part=stage-screen] { animation-name:stage-screen; }
.life-ready .life-illustration [data-wire], .life-ready .life-illustration [data-node] { transition:opacity .3s ease,filter .3s ease; }
.life-ready #connections .life-illustration [data-active=false] { opacity:.18; filter:grayscale(1); }
.life-ready .life-illustration [data-active=false] * { animation-play-state:paused!important; }
/* Stop animation clocks outside the visible section or hidden document. */
.life-ready [data-life-scene][data-life-visible=false] *,
.life-ready[data-life-hidden=true] .life-illustration * { animation-play-state:paused!important; }
/* Pause and reduced motion both display a finished, readable drawing. */
.life-ready[data-life-static=true] .life-illustration * { animation:none!important; transition:none!important; translate:none!important; rotate:none!important; scale:1!important; stroke-dashoffset:0!important; }
.life-ready .capability-panel.swap-in,
.life-ready .delivery-panel.swap-in { animation:none; }
.life-ready .capability-panel.swap-in .capability-copy,
.life-ready .delivery-panel.swap-in .stage-copy { animation:part-copy .3s ease both; }
.life-ready[data-life-static=true] :is(.stage-copy,.capability-copy,.capability-panel .life-illustration) { animation:none!important; transition:none!important; }
.life-ready .capability-panel.swap-in .life-illustration { animation:part-crossfade .45s ease both; }
.life-ready :is(.capability-tabs button,.delivery-tabs button,.connection-options label,.brief-services label>span) { transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s; }
.life-ready .faq-list summary>span { transition:rotate .25s ease; }
.life-ready .faq-list details[open] summary>span { transform:none; rotate:45deg; }
.life-ready .faq-list details[open]>p { animation:part-copy .25s ease both; }
@keyframes part-arrive { from { opacity:.35; scale:.985; } to { opacity:1; scale:1; } }
@keyframes part-outline { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
@keyframes part-blink { 0%,42%,47%,100%{scale:1 1} 44%,45%{scale:1 .12} }
@keyframes part-wave { 0%,25%,55%,100%{rotate:0deg} 34%,46%{rotate:-9deg} 40%,50%{rotate:2deg} }
@keyframes part-leaf { 0%,100%{rotate:-1.8deg} 50%{rotate:2.4deg} }
@keyframes part-pencil { 0%,15%,80%,100%{translate:0 0;rotate:0deg} 32%{translate:4px -2px;rotate:-2deg} 45%{translate:1px 1px;rotate:1deg} 60%{translate:6px -1px;rotate:-1deg} }
@keyframes part-page { 0%,20%,80%,100%{rotate:0deg;scale:1 1} 45%,55%{rotate:-.8deg;scale:.982 1} }
@keyframes part-calendar { 0%,30%,70%,100%{scale:1 1} 48%{scale:1 .96} 56%{scale:1 1.01} }
@keyframes part-plane { 0%,100%{translate:0 0;rotate:0deg} 45%{translate:6px -7px;rotate:-2deg} 70%{translate:2px -3px;rotate:1deg} }
@keyframes part-wheel { to{rotate:360deg} }
@keyframes part-key { 0%,20%,31%,55%,66%,100%{translate:0 0;opacity:1} 24%,27%,59%,62%{translate:0 1.5px;opacity:.65} }
@keyframes part-receipt { 0%,20%,85%,100%{translate:0 0} 40%,70%{translate:0 5px} }
@keyframes part-cursor { 0%,15%,100%{translate:0 0} 38%,54%{translate:9px -5px} 42%{scale:.91} 60%,78%{translate:4px 5px} }
@keyframes part-screen { 0%,23%,38%,100%{opacity:1} 28%,32%{opacity:.74} }
@keyframes part-signal { 0%,100%{opacity:.35} 40%,65%{opacity:1} }
@keyframes part-cable { 0%,100%{translate:0 0} 50%{translate:0 1px} }
@keyframes part-spark { 0%,20%,80%,100%{scale:.9;opacity:.7} 45%,60%{scale:1.07;opacity:1} }
@keyframes part-check { 0%,15%{stroke-dashoffset:1} 38%,88%{stroke-dashoffset:0} 100%{stroke-dashoffset:1} }
@keyframes part-flow { to{stroke-dashoffset:-152} }
@keyframes part-chart { 0%,8%{stroke-dashoffset:100} 45%,88%{stroke-dashoffset:0} 100%{stroke-dashoffset:100} }
@keyframes part-design-pencil { 0%,14%,76%,100%{translate:0 0;rotate:0deg} 29%{translate:1.5px -.6px;rotate:-1.5deg} 43%{translate:.5px .6px;rotate:.7deg} 58%{translate:2px -.5px;rotate:-1deg} }
@keyframes part-design-ink { 0%,14%,100%{stroke-dashoffset:12;opacity:.82} 58%,80%{stroke-dashoffset:0;opacity:1} }
@keyframes part-shield-mark { 0%,24%,70%,100%{scale:1;opacity:1} 46%{scale:1.025;opacity:.94} }
@keyframes part-shield-glint { 0%,20%,78%,100%{opacity:.58} 43%,52%{opacity:1} }
@keyframes part-rocket-flame { 0%,100%{scale:1 .9;opacity:.94} 32%{scale:.96 1.07;opacity:1} 65%{scale:1.03 .84;opacity:.88} }
@keyframes part-rocket-window { 0%,18%,78%,100%{opacity:1} 42%,54%{opacity:.88} }
@keyframes part-rocket-spark { 0%,18%,82%,100%{scale:.94;opacity:.58} 44%,56%{scale:1.03;opacity:1} }
@keyframes mascot-code-lean { 0%,12%,70%,100%{rotate:0deg} 24%,54%{rotate:1.2deg} }
@keyframes mascot-type-left { 0%,16%,25%,37%,49%,62%,100%{translate:0 0;rotate:0deg} 20%,32%,44%{translate:0 1.6px;rotate:-2deg} }
@keyframes mascot-type-right { 0%,22%,31%,43%,55%,65%,100%{translate:0 0;rotate:0deg} 26%,38%,50%{translate:0 1.6px;rotate:2deg} }
@keyframes mascot-code-lines { 0%,14%,70%,100%{opacity:1} 20%,32%,44%{opacity:.6} 26%,38%,54%{opacity:1} }
@keyframes mascot-attentive { 0%,12%,66%,100%{rotate:0deg} 24%,48%{rotate:1.4deg} }
@keyframes mascot-tap { 0%,15%,34%,52%,70%,100%{translate:0 0;rotate:0deg} 26%,44%{translate:-2px 1px;rotate:-5deg} }
@keyframes mascot-notification { 0%,20%,62%,100%{scale:1;opacity:.85} 29%,47%{scale:1.08;opacity:1} 37%{scale:1;opacity:.9} }
@keyframes mascot-lift { 0%,18%,72%,100%{translate:0 0;rotate:0deg} 28%{translate:0 1.5px;rotate:-1deg} 39%,56%{translate:0 -3px;rotate:1deg} }
@keyframes mascot-grip-left { 0%,18%,72%,100%{rotate:0deg} 30%,58%{rotate:2.5deg} }
@keyframes mascot-grip-right { 0%,18%,72%,100%{rotate:0deg} 30%,58%{rotate:-2.5deg} }
@keyframes mascot-lift-shadow { 0%,18%,72%,100%{scale:1 1} 28%{scale:1.04 1} 39%,56%{scale:.92 1} }
@keyframes mascot-receipt { 0%,16%,74%,100%{rotate:0deg} 30%,56%{rotate:-3deg} }
@keyframes mascot-approve { 0%,22%,75%,100%{translate:0 0;rotate:0deg} 35%,55%{translate:0 -2px;rotate:-5deg} 43%{translate:0 -1px;rotate:-2deg} }
@keyframes mascot-approval-mark { 0%,20%,78%,100%{scale:1;opacity:.75} 38%,62%{scale:1.07;opacity:1} }
@keyframes mascot-connect-left { 0%,15%,78%,100%{translate:0 0} 34%,57%{translate:3px 0} }
@keyframes mascot-connect-right { 0%,15%,78%,100%{translate:0 0} 34%,57%{translate:-3px 0} }
@keyframes mascot-connected { 0%,24%,74%,100%{scale:.8;opacity:.28} 37%,54%{scale:1.06;opacity:1} 44%{scale:.97;opacity:.8} }
@keyframes mascot-idea-tilt { 0%,12%,75%,100%{rotate:0deg} 28%{rotate:-2deg} 43%,57%{rotate:1deg} }
@keyframes mascot-chin { 0%,15%,75%,100%{rotate:0deg} 30%,45%{rotate:3deg} }
@keyframes mascot-lightbulb { 0%,18%,78%,100%{translate:0 0;scale:1;opacity:.82} 42%,58%{translate:0 -2px;scale:1.035;opacity:1} }
@keyframes mascot-bright-idea { 0%,22%,80%,100%{scale:.84;opacity:.35} 43%,60%{scale:1.08;opacity:1} }
@keyframes mascot-sketch { 0%,14%,75%,100%{translate:0 0;rotate:0deg} 24%{translate:2px -.8px;rotate:-3deg} 33%{translate:.5px .7px;rotate:1deg} 43%{translate:3px -.7px;rotate:-2deg} 52%{translate:1px .5px;rotate:1deg} 61%{translate:3.5px -.5px;rotate:-2deg} }
@keyframes mascot-ink { 0%,15%,88%,100%{opacity:.65} 28%{opacity:.78} 46%{opacity:.88} 62%,78%{opacity:1} }
@keyframes mascot-hop { 0%,18%,64%,100%{translate:0 0;scale:1 1} 25%{translate:0 1px;scale:1.015 .985} 35%,40%{translate:0 -5px;scale:.99 1.015} 51%{translate:0 .7px;scale:1.015 .99} }
@keyframes mascot-cheer-left { 0%,20%,68%,100%{rotate:0deg} 34%,43%{rotate:-7deg} 54%{rotate:-2deg} }
@keyframes mascot-cheer-right { 0%,20%,68%,100%{rotate:0deg} 34%,43%{rotate:7deg} 54%{rotate:2deg} }
@keyframes mascot-hop-shadow { 0%,18%,64%,100%{scale:1 1;opacity:1} 25%{scale:1.05 1;opacity:1} 35%,40%{scale:.8 1;opacity:.75} 51%{scale:1.03 1;opacity:1} }
@keyframes mascot-confetti { 0%,22%,76%,100%{translate:0 0;scale:.94;opacity:.62} 37%{translate:0 -4px;scale:1.1;opacity:1} 56%{translate:0 1px;scale:1.06;opacity:.85} }
@keyframes mascot-point { 0%,16%,77%,100%{translate:0 0;rotate:0deg} 34%,55%{translate:-2px -2px;rotate:-4deg} 43%{translate:-1px -1px;rotate:-2deg} }
@keyframes mascot-blueprint { 0%,20%,78%,100%{opacity:.65} 38%,61%{opacity:1} }
@keyframes mascot-think { 0%,12%,77%,100%{rotate:0deg} 30%,54%{rotate:-2deg} }
@keyframes mascot-wonder { 0%,18%,78%,100%{rotate:0deg;translate:0 0} 37%,55%{rotate:-6deg;translate:0 -1.5px} }
@keyframes mascot-thought-eyes { 0%,15%,76%,100%{translate:0 0;scale:1 1} 30%,49%{translate:1.5px -1px;scale:1 1} 51%,53%{translate:1.5px -1px;scale:1 .12} 55%,60%{translate:1.5px -1px;scale:1 1} }
@keyframes mascot-thought-dots { 0%,18%,80%,100%{translate:0 0;opacity:.72} 40%,58%{translate:0 -2px;opacity:1} }
@keyframes mascot-send-hand { 0%,15%,80%,100%{rotate:0deg;translate:0 0} 32%,47%{rotate:-4deg;translate:2px -1px} 65%{rotate:-1deg;translate:1px 0} }
@keyframes mascot-send-plane { 0%,16%,88%,100%{translate:0 0;rotate:0deg} 35%{translate:7px -4px;rotate:-3deg} 52%{translate:11px -7px;rotate:-4deg} 70%{translate:5px -3px;rotate:-1deg} }
@keyframes stage-pencil {
  0%{translate:-4px -3px;rotate:-3deg}
  8%{translate:0 0;rotate:0deg}
  15%{translate:7px -1px;rotate:-2deg}
  21%{translate:2px 4px;rotate:1deg}
  28%{translate:9px 2px;rotate:-1.5deg}
  36%,100%{translate:0 0;rotate:0deg}
}
@keyframes stage-scope-pencil {
  0%,5%{translate:-56.95px -50.37px}
  7.5%{translate:-55.42px -49.9px}
  10%{translate:-50.7px -48.24px}
  12.5%{translate:-42.97px -44.6px}
  15%{translate:-33.68px -37.57px}
  17.5%{translate:-26.39px -26.22px}
  20%{translate:-20.86px -13.86px}
  22.5%{translate:-12.53px -5.78px}
  25%{translate:-4.91px -1.93px}
  27.5%{translate:-.14px -.43px}
  30%{translate:1.41px -.05px}
  36%,100%{translate:0 0}
}
@keyframes stage-ink { 0%,5%{stroke-dashoffset:100} 30%,100%{stroke-dashoffset:0} }
@keyframes stage-tile { 0%{translate:0 -12px;opacity:0} 10%{translate:0 1px;opacity:1} 15%,100%{translate:0 0;opacity:1} }
@keyframes stage-check { 0%,14%{stroke-dashoffset:100} 32%,100%{stroke-dashoffset:0} }
@keyframes stage-confetti {
  0%,21%{translate:0 4px;rotate:-5deg;opacity:.35}
  34%{translate:0 -8px;rotate:5deg;opacity:1}
  52%{translate:0 2px;rotate:-2deg;opacity:1}
  66%,100%{translate:0 0;rotate:0deg;opacity:1}
}
@keyframes stage-link { 0%,10%,58%,100%{opacity:.76} 24%,43%{opacity:1} }
@keyframes stage-packet {
  0%,15%{translate:0 0;opacity:0}
  19%{translate:0 0;opacity:1}
  43%{translate:36px 0;opacity:1}
  48%,100%{translate:36px 0;opacity:0}
}
@keyframes stage-screen { 0%,12%,72%,100%{opacity:.86} 30%,56%{opacity:1} }
@keyframes part-copy { from{opacity:.55} to{opacity:1} }
@keyframes part-crossfade { from{opacity:.2} to{opacity:1} }
@media(prefers-reduced-motion:reduce) {
  .life-ready .life-illustration *,.life-ready .swap-in,.life-ready .capability-copy,.life-ready .stage-copy { animation:none!important;transition:none!important;translate:none!important;rotate:none!important;scale:1!important;stroke-dashoffset:0!important; }
}