.story-chapter{opacity:.35;transition:opacity .55s var(--ease-reveal,ease)}.story-chapter[data-active]{opacity:1}.px-frame{border:3px solid var(--color-on-background);background:var(--color-background)}.px-dim{color:color-mix(in srgb, var(--color-on-background) 22%, transparent)}@media (prefers-reduced-motion:reduce){.story-chapter{opacity:1}[data-solution-story] *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.auto-stage{--ease:var(--ease-reveal,ease)}.auto-task{--r:var(--r0);top:calc(var(--r) * 20%);transition:top .9s var(--ease), transform .9s var(--ease), opacity .6s var(--ease), border-color .4s, background-color .4s, color .4s;transition-delay:calc(var(--c) * 60ms);transform:translate(-50%)}.auto-task:after{content:"";background:var(--color-on-background);opacity:0;transition:opacity .3s;position:absolute;inset:46% 12%}.auto-loop-row{top:calc(var(--r) * 20% + 9%);opacity:0;transition:opacity .5s var(--ease);transition-delay:calc(.9s + var(--r) * .12s)}.auto-machine{opacity:0;transition:opacity .6s var(--ease), transform .8s var(--ease);transform:translateY(40%)}.auto-callout{opacity:0;transition:opacity .5s var(--ease) .4s, transform .5s var(--ease) .4s;transform:translateY(.4rem)}@keyframes auto-pulse{0%,to{background:var(--color-background);color:var(--color-on-background)}50%{background:var(--color-on-background);color:var(--color-background)}}.story-auto[data-scene="0"] .auto-task[data-kind=export],.story-auto[data-scene="1"] .auto-task[data-kind=chase]{animation:1.4s step-end infinite auto-pulse;animation-delay:calc(var(--c) * .28s)}.story-auto[data-scene="1"] .auto-task[data-forgot],.story-auto[data-scene="2"] .auto-task[data-forgot]{opacity:.35;animation:none}.story-auto[data-scene="1"] .auto-task[data-forgot]:after,.story-auto[data-scene="2"] .auto-task[data-forgot]:after{opacity:1}@keyframes auto-alarm{0%,to{background:var(--color-warning);border-color:var(--color-warning);color:var(--color-background)}50%{background:var(--color-background);border-color:var(--color-warning);color:var(--color-warning)}}.story-auto[data-scene="2"] .auto-task[data-broken]{animation:.9s step-end infinite auto-alarm}.story-auto[data-scene="2"] .auto-task:not([data-broken]):not([data-forgot]){opacity:.45}.story-auto[data-scene="3"] .auto-task,.story-auto[data-scene="4"] .auto-task{--r:var(--r1)}.story-auto[data-scene="3"] .auto-task[data-loop]{border-color:var(--color-secondary);color:var(--color-secondary)}.story-auto[data-scene="3"] .auto-task:not([data-loop]){opacity:.25}.story-auto[data-scene="3"] .auto-loop-row{opacity:1}@keyframes auto-spin{to{transform:rotate(360deg)}}@keyframes auto-blink{0%,to{opacity:1}50%{opacity:.2}}.story-auto[data-scene="4"] .auto-task[data-loop]{transform:translate(-50%, calc((5.9 - var(--r1) * 1.12) * 100%)) scale(.35);opacity:0;transition-delay:calc(var(--c) * 90ms + var(--r1) * 60ms)}.story-auto[data-scene="4"] .auto-task:not([data-loop]){--r:var(--r2);transition-delay:.7s}.story-auto[data-scene="4"] .auto-machine{opacity:1;transition-delay:.3s;transform:none}.story-auto[data-scene="4"] .auto-gear{animation:3s linear infinite auto-spin}.auto-machine-loops{opacity:0;transition:opacity .5s var(--ease)}.story-auto[data-scene="4"] .auto-machine-loops{opacity:1;transition-delay:1.2s}.story-auto[data-scene="4"] .auto-light{animation:1.6s step-end infinite auto-blink;animation-delay:calc(var(--i) * .4s)}.story-auto[data-scene="0"] .auto-callout[data-callout="0"],.story-auto[data-scene="1"] .auto-callout[data-callout="1"],.story-auto[data-scene="2"] .auto-callout[data-callout="2"],.story-auto[data-scene="3"] .auto-callout[data-callout="3"],.story-auto[data-scene="4"] .auto-callout[data-callout="4"]{opacity:1;transform:none}.soft-stage{--ease:var(--ease-reveal,ease)}.soft-tool{left:var(--x);top:var(--y);transform:translate(-50%, -50%) scale(var(--s,1));opacity:var(--o,1);transition:left .9s var(--ease), top .9s var(--ease), transform .9s var(--ease), opacity .6s var(--ease);transition-delay:calc(var(--i) * 50ms)}.soft-wires-tangle,.soft-wires-hub,.soft-ghost,.soft-person,.soft-screen,.soft-tablet,.soft-phone,.soft-callout{transition:opacity .6s var(--ease), transform .9s var(--ease)}.soft-wires-hub,.soft-ghost,.soft-person,.soft-screen,.soft-tablet,.soft-phone{opacity:0}.soft-person{transform:translate(-50%,-50%)scale(.6)}.soft-screen{transform:translate(-50%,-50%)scale(.85)}.soft-tablet,.soft-phone{transform:translateY(8%)}.soft-callout{opacity:0;transition:opacity .5s var(--ease) .4s, transform .5s var(--ease) .4s;transform:translateY(.4rem)}@keyframes soft-jitter{0%,to{translate:0}25%{translate:1px -1px}50%{translate:-1px 1px}75%{translate:1px 1px}}.story-soft[data-scene="0"] .soft-tool>div,.story-soft[data-scene="1"] .soft-tool>div{animation:1.8s step-end infinite soft-jitter;animation-delay:calc(var(--i) * -.3s)}.story-soft[data-scene="0"] .soft-tool[data-tool=sheets],.story-soft[data-scene="1"] .soft-tool[data-tool=sheets]{--x:18%;--y:26%}.story-soft[data-scene="0"] .soft-tool[data-tool=mail],.story-soft[data-scene="1"] .soft-tool[data-tool=mail]{--x:62%;--y:18%}.story-soft[data-scene="0"] .soft-tool[data-tool=chat],.story-soft[data-scene="1"] .soft-tool[data-tool=chat]{--x:84%;--y:52%}.story-soft[data-scene="0"] .soft-tool[data-tool=docs],.story-soft[data-scene="1"] .soft-tool[data-tool=docs]{--x:36%;--y:60%}.story-soft[data-scene="0"] .soft-tool[data-tool=calendar],.story-soft[data-scene="1"] .soft-tool[data-tool=calendar]{--x:70%;--y:78%}.story-soft[data-scene="0"] .soft-tool[data-tool=notes],.story-soft[data-scene="1"] .soft-tool[data-tool=notes]{--x:14%;--y:80%}.story-soft[data-scene="2"] .soft-wires-tangle,.story-soft[data-scene="3"] .soft-wires-tangle,.story-soft[data-scene="4"] .soft-wires-tangle{opacity:0}.soft-ghost{top:26%;left:18%;transform:translate(-50%,-50%)}.story-soft[data-scene="1"] .soft-ghost[data-ghost="0"]{opacity:1;transition-delay:.2s;transform:translate(30%,-50%)}.story-soft[data-scene="1"] .soft-ghost[data-ghost="1"]{opacity:1;transition-delay:.45s;transform:translate(105%,-50%)}.story-soft[data-scene="1"] .soft-tool[data-tool=sheets]{z-index:1}@keyframes soft-away{0%,55%{opacity:1}60%,to{opacity:.18}}.story-soft[data-scene="2"] .soft-tool[data-tool=sheets]{--x:22%;--y:28%}.story-soft[data-scene="2"] .soft-tool[data-tool=mail]{--x:50%;--y:12%}.story-soft[data-scene="2"] .soft-tool[data-tool=chat]{--x:78%;--y:28%}.story-soft[data-scene="2"] .soft-tool[data-tool=docs]{--x:78%;--y:72%}.story-soft[data-scene="2"] .soft-tool[data-tool=calendar]{--x:50%;--y:88%}.story-soft[data-scene="2"] .soft-tool[data-tool=notes]{--x:22%;--y:72%}.story-soft[data-scene="2"] .soft-wires-hub{opacity:1;animation:soft-away 3.2s var(--ease) forwards;transition-delay:.6s}.story-soft[data-scene="2"] .soft-person{opacity:1;animation:soft-away 3.2s var(--ease) forwards;transition-delay:.5s;transform:translate(-50%,-50%)scale(1)}.story-soft[data-scene="2"] .soft-callout[data-callout="2"]{transition-delay:2s}.story-soft[data-scene="3"] .soft-tool,.story-soft[data-scene="4"] .soft-tool{--x:50%;--y:50%;--s:.2;--o:0}.story-soft[data-scene="3"] .soft-screen,.story-soft[data-scene="4"] .soft-screen{opacity:1;transition-delay:.45s;transform:translate(-50%,-50%)scale(1)}.story-soft[data-scene="4"] .soft-screen{transition-delay:0s;transform:translate(-78%,-46%)scale(.8)}.story-soft[data-scene="4"] .soft-tablet,.story-soft[data-scene="4"] .soft-phone{opacity:1;transform:none}.story-soft[data-scene="4"] .soft-tablet{transition-delay:.35s}.story-soft[data-scene="4"] .soft-phone{transition-delay:.55s}.story-soft[data-scene="0"] .soft-callout[data-callout="0"],.story-soft[data-scene="1"] .soft-callout[data-callout="1"],.story-soft[data-scene="2"] .soft-callout[data-callout="2"],.story-soft[data-scene="3"] .soft-callout[data-callout="3"],.story-soft[data-scene="4"] .soft-callout[data-callout="4"]{opacity:1;transform:none}.web-stage{--ease:var(--ease-reveal,ease);container-type:inline-size}.web-frame{transition:width .9s var(--ease), transform .9s var(--ease)}.web-page{transform-origin:0 0;width:100cqw;transition:transform 1s var(--ease), opacity .6s var(--ease)}.web-vague,.web-fixed,.web-phone,.web-scrollbar,.web-callout{transition:opacity .5s var(--ease), transform .5s var(--ease)}.web-fixed,.web-phone,.web-scrollbar{opacity:0}.web-phone{transform:translateY(12%)}.web-callout{opacity:0;transition-delay:.35s;transform:translateY(.4rem)}.web-loadbar{width:0}@keyframes web-load{0%{width:0}55%{width:58%}to{width:66%}}.story-web[data-scene="0"] .web-page{opacity:.18}.story-web[data-scene="0"] .web-loadbar{animation:web-load 5s var(--ease) forwards}.story-web[data-scene="1"] .web-loadbar,.story-web[data-scene="2"] .web-loadbar,.story-web[data-scene="3"] .web-loadbar{width:66%}.story-web[data-scene="1"] .web-page{transform:translate(-10%,-35%)scale(1.7)}.story-web[data-scene="2"] .web-page{transform:translate(-6%,-68%)scale(1.5)}.story-web[data-scene="3"] .web-frame{width:40%;transform:translate(75%)}.story-web[data-scene="3"] .web-scrollbar{opacity:1}@keyframes web-flash{0%{opacity:.85}to{opacity:0}}@keyframes web-done{0%{opacity:1;width:66%}45%{opacity:1;width:100%}to{opacity:0;width:100%}}@keyframes web-spin{to{transform:rotate(720deg)}}.story-web[data-scene="4"] .web-flash{animation:.7s ease-out forwards web-flash}.story-web[data-scene="4"] .web-loadbar{animation:web-done 1.4s var(--ease) forwards}.story-web[data-scene="4"] .web-reload{animation:web-spin .9s var(--ease)}.story-web[data-scene="4"] .web-vague{opacity:0}.story-web[data-scene="4"] .web-fixed{opacity:1}.story-web[data-scene="4"] .web-phone{opacity:1;transition-delay:.5s;transform:none}.story-web[data-scene="4"] .web-frame{width:72%}.story-web[data-scene="4"] .web-page{width:100%;transition:width .9s var(--ease), transform 1s var(--ease), opacity .6s var(--ease)}.story-web[data-scene="0"] .web-callout[data-callout="0"],.story-web[data-scene="1"] .web-callout[data-callout="1"],.story-web[data-scene="2"] .web-callout[data-callout="2"],.story-web[data-scene="3"] .web-callout[data-callout="3"],.story-web[data-scene="4"] .web-callout[data-callout="4"]{opacity:1;transform:none}.approach-rail[data-astro-cid-qehqimnr]:before{content:"";background:var(--color-line);width:2px;position:absolute;top:.75rem;bottom:1rem;left:calc(.625rem - 1px)}@media (width>=40rem){.approach-rail[data-astro-cid-qehqimnr]:before{left:calc(.75rem - 1px)}}