.onflow-landing-frame{--onflow-logo-h:2rem;--mui-onflow-wave-y:60rem;--mui-onflow-wave-h:22rem;--onflow-water-tilt:5deg}@media (prefers-reduced-motion:no-preference){.onflow-landing-frame>.mui-onflow-atmosphere{--onflow-water-rise:calc(var(--onflow-water-distance,100svh) + var(--mui-onflow-wave-h) * .1 + 3rem)}.onflow-landing-frame>.mui-onflow-atmosphere:before,.onflow-landing-frame>.mui-onflow-atmosphere:after{animation-name:onflow-example-near;animation-duration:16s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-play-state:paused;animation-delay:2.9s;animation-fill-mode:both;bottom:-7.5rem;left:-24%;right:-24%}.onflow-landing-frame>.mui-onflow-atmosphere:after{animation-name:onflow-example-far;animation-duration:22s;animation-delay:2.7s}.onflow-landing-frame>.mui-onflow-atmosphere[data-onflow-water-entered=true]:before,.onflow-landing-frame>.mui-onflow-atmosphere[data-onflow-water-entered=true]:after{animation-composition:replace,replace,add;animation-name:onflow-example-near,onflow-example-rise-near,onflow-example-sway-near;animation-duration:16s,3.2s,3.6s;animation-timing-function:ease-in-out,cubic-bezier(.3,.5,.35,1),ease-in-out;animation-iteration-count:infinite,1,1;animation-direction:alternate,normal,normal;animation-delay:2.9s,.2s,.2s;animation-fill-mode:both,both,both}.onflow-landing-frame>.mui-onflow-atmosphere[data-onflow-water-entered=true]:after{animation-name:onflow-example-far,onflow-example-rise-far,onflow-example-sway-far;animation-duration:22s,3.2s,3.6s;animation-delay:2.7s,0s,0s}.onflow-landing-frame>.mui-onflow-atmosphere[data-onflow-ambient=on]:before,.onflow-landing-frame>.mui-onflow-atmosphere[data-onflow-ambient=on]:after{animation-play-state:running,running,running}.onflow-landing-frame>.mui-onflow-atmosphere[data-onflow-ambient=paused]:before,.onflow-landing-frame>.mui-onflow-atmosphere[data-onflow-ambient=paused]:after{animation-play-state:paused,paused,paused}@media (scripting:enabled){.onflow-landing-frame>.mui-onflow-atmosphere:not([data-onflow-water-entered]):before,.onflow-landing-frame>.mui-onflow-atmosphere:not([data-onflow-water-entered]):after{opacity:0;animation-name:none}}.onflow-landing-frame>.mui-onflow-atmosphere[data-interaction=none]:before,.onflow-landing-frame>.mui-onflow-atmosphere[data-interaction=none]:after,[data-interaction=none] .onflow-landing-frame>.mui-onflow-atmosphere:before,[data-interaction=none] .onflow-landing-frame>.mui-onflow-atmosphere:after{opacity:1;animation:none}.mui-onflow-atmosphere[data-onflow-water-entered=true]>.onflow-water-reflection[data-wave=near]{animation-composition:replace,replace,add,replace;animation:16s ease-in-out 2.9s both onflow-example-near,3.2s cubic-bezier(.3,.5,.35,1) .2s both onflow-example-rise-near,3.6s ease-in-out .2s both onflow-example-sway-near,.9s ease-in-out 2.6s both onflow-water-reflection-out;display:block}.mui-onflow-atmosphere[data-onflow-water-entered=true]>.onflow-water-reflection[data-wave=far]{animation-composition:replace,replace,add,replace;animation:22s ease-in-out 2.7s both onflow-example-far,3.2s cubic-bezier(.3,.5,.35,1) both onflow-example-rise-far,3.6s ease-in-out both onflow-example-sway-far,.9s ease-in-out 2.4s both onflow-water-reflection-out;display:block}.mui-onflow-atmosphere[data-onflow-ambient=paused]>.onflow-water-reflection{animation-play-state:paused}.mui-onflow-atmosphere[data-interaction=none]>.onflow-water-reflection,[data-interaction=none] .mui-onflow-atmosphere>.onflow-water-reflection{display:none}}.onflow-water-trigger{top:var(--mui-onflow-wave-y);pointer-events:none;width:1px;position:absolute;bottom:0;left:0}.onflow-water-reflection{z-index:-1;width:148%;height:var(--mui-onflow-wave-h);pointer-events:none;display:none;position:absolute;left:-24%;overflow:visible}.onflow-water-reflection[data-wave=near]{top:var(--mui-onflow-wave-y)}.onflow-water-reflection[data-wave=far]{top:calc(var(--mui-onflow-wave-y) - var(--mui-onflow-wave-h) * .17)}.onflow-water-reflection path{fill:none;vector-effect:non-scaling-stroke}.onflow-water-reflection-line{stroke:#ffffff8c;stroke:lab(100% 0 0/.55);stroke-width:2px;translate:0 5px}.onflow-water-reflection-soft{stroke:#fff3;stroke:lab(100% 0 0/.2);stroke-width:9px;translate:0 11px}@keyframes onflow-example-near{0%{translate:calc(var(--mui-interaction-motion,1) * 15%) calc(var(--mui-interaction-motion,1) * 2.25rem)}to{translate:calc(var(--mui-interaction-motion,1) * -15%) calc(var(--mui-interaction-motion,1) * -3.75rem)}}@keyframes onflow-example-far{0%{translate:calc(var(--mui-interaction-motion,1) * -13.5%) calc(var(--mui-interaction-motion,1) * -2.25rem)}to{translate:calc(var(--mui-interaction-motion,1) * 13.5%) calc(var(--mui-interaction-motion,1) * 3rem)}}@keyframes onflow-example-rise-near{0%{transform:translate(-3%, var(--onflow-water-rise,100svh))}to{transform:none}}@keyframes onflow-example-rise-far{0%{transform:translate(3%, var(--onflow-water-rise,100svh))}to{transform:none}}@keyframes onflow-example-sway-near{0%{transform:skewY(var(--onflow-water-tilt))}28%{transform:skewY(calc(var(--onflow-water-tilt) * -.75))}54%{transform:skewY(calc(var(--onflow-water-tilt) * .5))}78%{transform:skewY(calc(var(--onflow-water-tilt) * -.22))}to{transform:skewY(0)}}@keyframes onflow-example-sway-far{0%{transform:skewY(calc(var(--onflow-water-tilt) * -.85))}24%{transform:skewY(calc(var(--onflow-water-tilt) * .7))}50%{transform:skewY(calc(var(--onflow-water-tilt) * -.45))}74%{transform:skewY(calc(var(--onflow-water-tilt) * .2))}to{transform:skewY(0)}}@keyframes onflow-water-reflection-out{0%{opacity:1}to{opacity:0;visibility:hidden}}@media (min-width:40rem){.onflow-landing-frame{--onflow-logo-h:2.5rem;--mui-onflow-wave-y:56rem;--mui-onflow-wave-h:28rem}}@media (min-width:64rem){.onflow-landing-frame{--mui-onflow-wave-y:56rem;--mui-onflow-wave-h:36rem;--onflow-water-tilt:3deg}}.onflow-landing-logo{align-items:center;gap:calc(var(--onflow-logo-h) * .35);width:max-content;height:var(--onflow-logo-h);display:flex}.onflow-landing-logo-isotype{width:var(--onflow-logo-h);height:var(--onflow-logo-h);flex:none;display:block;position:relative;overflow:hidden}.onflow-landing-logo-isotype>img{width:auto;max-width:none;top:calc(var(--onflow-logo-h) * -.0492);left:calc(var(--onflow-logo-h) * -.0779);height:calc(var(--onflow-logo-h) * 1.0787);position:absolute}.onflow-landing-logo-wordmark{font-family:var(--mui-onflow-font-display);font-size:calc(var(--onflow-logo-h) * .66);letter-spacing:-.02em;white-space:nowrap;color:#0b1f33;flex:none;font-weight:700;line-height:1}.onflow-landing-logo-wordmark>span{color:#2ec5ff}.onflow-landing-stage{perspective:1800px}.onflow-landing-tilt{transform-origin:30%}@media (min-width:64rem){.onflow-landing-tilt{transform:rotateY(-14deg)rotateX(6deg)rotate(.8deg)}}