.js .reveal .draw{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1s var(--ease-brand) calc(var(--d,0s) + .15s + var(--dd,0s))}.js .reveal.is-in .draw,.js.reveal-all .reveal .draw{stroke-dashoffset:0}.cp-steps{--row:4.25rem}.cp-step{z-index:1;min-height:var(--row);transition:background-color .4s ease, translate .5s var(--ease-brand);border-radius:1rem;align-items:center;gap:1rem;margin-inline:-.75rem;padding:.5rem .75rem;display:flex;position:relative}.cp-step:hover{background:#ffffff0a;translate:3px}.cp-node{color:#ffffffbf;width:2.75rem;height:2.75rem;animation:4.5s ease-in-out infinite cp-node;animation-delay:calc(var(--i) * 1.5s);background:#161927;border:1px solid #ffffff29;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}@keyframes cp-node{0%,22%,to{color:#ffffffbf;box-shadow:none;border-color:#ffffff29}8%,16%{color:#fff;border-color:#0ae0edcc;box-shadow:0 0 0 4px #0ae0ed1f,0 0 22px #2e53e199}}.cp-rail{top:calc(var(--row) / 2);bottom:calc(var(--row) / 2);background:#ffffff1f;width:1px;position:absolute;left:calc(1.375rem - .5px);overflow:hidden}.cp-rail:after{content:"";background:linear-gradient(180deg, transparent, var(--color-brand-cyan), transparent);height:45%;animation:4.5s linear infinite cp-rail;position:absolute;inset:0 0 auto}@keyframes cp-rail{0%{transform:translateY(-100%)}to{transform:translateY(240%)}}html.lite .cp-node,html.lite .cp-rail:after{animation:none}.pflow{--py:1.75rem;--node:2.75rem;--T:8s}.pflow-stage{padding:var(--py) 1.5rem 0 0;position:relative}.pflow-node{z-index:1;width:var(--node);height:var(--node);background:var(--color-night);color:var(--color-brand-cyan);border:1px solid #ffffff29;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.pflow-node:after{content:"";border-radius:inherit;opacity:0;animation:pflow-ring var(--T) ease-in-out infinite;animation-delay:calc(var(--i) * 2.2s);border:1px solid #0ae0edd9;position:absolute;inset:-1px;box-shadow:0 0 0 4px #0ae0ed1f,0 0 22px #2e53e199}@keyframes pflow-ring{0%,26%,to{opacity:0}4%,16%{opacity:1}}.pflow-track,.pflow-packet{top:calc(var(--py) + var(--node) / 2);pointer-events:none;width:100%;height:1px;display:none;position:absolute;left:0}.pflow-track:before,.pflow-track:after{content:"";top:0;left:calc(var(--node) / 2);width:75%;height:1px;position:absolute}.pflow-track:before{background:#ffffff24}.pflow-track:after{background:linear-gradient(90deg, #2e53e1b3, var(--color-brand-cyan));transform-origin:0;animation:pflow-fill var(--T) cubic-bezier(.65, 0, .35, 1) infinite}.pflow-packet:before{content:"";top:-4px;left:calc(var(--node) / 2 - 4px);width:8px;height:8px;box-shadow:0 0 0 3px #0ae0ed40, 0 0 16px 3px var(--color-brand-cyan);background:#fff;border-radius:50%;position:absolute}.pflow-packet{animation:pflow-move var(--T) cubic-bezier(.65, 0, .35, 1) infinite}@keyframes pflow-move{0%{opacity:0;translate:0}4%{opacity:1}15%{translate:0}27.5%,42.5%{translate:25%}55%,70%{translate:50%}82.5%,95%{opacity:1;translate:75%}to{opacity:0;translate:75%}}@keyframes pflow-fill{0%,15%{opacity:1;scale:0 1}27.5%,42.5%{scale:.3333 1}55%,70%{scale:.6667 1}82.5%,95%{opacity:1;scale:1}to{opacity:0;scale:1}}@media (max-width:1023px){.pflow{--py:1.25rem}.pflow-stage{grid-template-columns:var(--node) 1fr;padding:var(--py) 0;align-content:center;column-gap:1rem;display:grid}.pflow-stage+.pflow-stage{border-top:1px solid #ffffff14}.pflow-node{grid-row:span 2}.pflow-stage:not(:last-child):after{content:"";top:calc(var(--py) + var(--node));bottom:calc(var(--py) * -1);left:calc(var(--node) / 2 - .5px);background:#ffffff1f;width:1px;position:absolute}}@media (min-width:1024px){.pflow-track,.pflow-packet{display:block}}html.lite .pflow-packet,html.lite .pflow-node:after,html.lite .pflow-track:after{animation:none}html.lite .pflow-packet{opacity:0}.why-card{background-color:var(--color-surface-pale);height:100%;transition:translate .5s var(--ease-brand), box-shadow .5s var(--ease-brand);border-radius:1.25rem;flex-direction:column;padding:1.75rem;display:flex;position:relative;overflow:hidden}.why-card:hover{translate:0 -4px;box-shadow:0 22px 40px -22px #2e53e159}.why-bar{background:linear-gradient(90deg, var(--color-brand-blue), var(--color-brand-cyan));transform-origin:0;height:3px;animation:8s cubic-bezier(.65,0,.35,1) infinite why-bar;animation-delay:calc(var(--i) * 2s);position:absolute;inset:0 0 auto;scale:0 1}@keyframes why-bar{0%{opacity:1;scale:0 1}14%,24%{opacity:1;scale:1}32%,to{opacity:0;scale:1}}.why-card:hover .why-bar{opacity:1;transition:scale .5s var(--ease-brand);animation:none;scale:1}.why-tile{width:3.5rem;height:3.5rem;color:var(--color-brand-blue);background:#fff;border-radius:1rem;place-items:center;transition:background-color .4s,color .4s;display:grid;position:relative;box-shadow:0 10px 22px -12px #2e53e159,inset 0 0 0 1px #2e53e114}.why-tile:after{content:"";border-radius:inherit;opacity:0;animation:8s ease-in-out infinite why-ring;animation-delay:calc(var(--i) * 2s);position:absolute;inset:-1px;box-shadow:0 0 0 1px #2e53e199,0 0 0 5px #2e53e11a,0 10px 26px -6px #2e53e173}@keyframes why-ring{0%,30%,to{opacity:0}8%,20%{opacity:1}}.why-card:hover .why-tile{background-color:var(--color-brand-blue);color:#fff}.why-key{color:var(--color-brand-blue);border-top:1px solid #2e53e11f;align-items:center;gap:.5rem;margin:auto 0 0;padding-top:1.25rem;font-size:.875rem;font-weight:600;display:flex}html.lite .why-bar,html.lite .why-tile:after{animation:none}html.lite .cp-node,html.lite .cp-rail:after,html.lite .pflow-node:after,html.lite .pflow-track:after,html.lite .pflow-packet,html.lite .why-bar,html.lite .why-tile:after{animation:none!important}@media (prefers-reduced-motion:reduce){.js .reveal .draw{opacity:1;filter:none;transform:none;stroke-dashoffset:0!important;transition:none!important;animation:none!important}.cp-node,.cp-rail:after,.pflow-packet,.pflow-node:after,.pflow-track:after,.why-bar,.why-tile:after{animation:none!important}.pflow-packet{opacity:0}}