.splash{aspect-ratio:1;-webkit-tap-highlight-color:transparent;width:100%;max-width:34rem;margin-inline:auto;position:relative}@media (width>=64rem){.splash.is-wide{width:114%;max-width:none;margin-inline:-7%}}.splash-tilt{width:100%;height:100%}.splash svg{touch-action:pan-y;width:100%;height:100%;display:block;overflow:visible}.splash .node{cursor:pointer}.splash a{outline:none}.splash a:focus-visible .node-h{stroke:#fff;stroke-width:3px}.splash a:focus-visible .node-g{opacity:.5}.splash .ln-p{opacity:0;pointer-events:none}.splash .ln.is-run .ln-p{opacity:1}.splash .spot{opacity:0;pointer-events:none;mix-blend-mode:screen}.splash-cap{color:#fff;letter-spacing:.01em;white-space:nowrap;pointer-events:none;opacity:0;background:#0b0c28e0;border:1px solid #03feff8c;border-radius:999px;margin:0;padding:.35rem .85rem;font-size:.8125rem;font-weight:600;line-height:1.2;position:absolute;top:.25rem;left:.25rem}.splash-cap.is-on{opacity:1}.splash .ln-g,.splash .node-g{opacity:0}.splash .ln.is-lit .ln-g{opacity:.16}.splash .ln.is-lit .ln-s{stroke:#03feff;stroke-width:1.9px}.splash .ln.is-lit .ln-n,.splash .node.is-lit .node-h{stroke:#03feff}.splash .node.is-lit .node-g{opacity:.14}.splash .ln.is-on .ln-g{opacity:.3}.splash .ln.is-on .ln-s{stroke:#03feff;stroke-width:2.6px}.splash .ln.is-on .ln-n{stroke:#03feff}.splash .node.is-on .node-g{opacity:.32}.splash .node.is-on .node-h{stroke:#03feff;fill:#1f2585}.splash.has-active .ln:not(.is-on),.splash.has-active .node:not(.is-on):not(.node-core),.splash.has-active .tip,.splash.has-active .acc{opacity:.38}.splash .node,.splash .ln,.splash .tip,.splash .acc{transition:opacity .25s}.splash .ln-s,.splash .ln-g,.splash .node-h,.splash .node-g{transition:stroke .25s,stroke-width .25s,opacity .25s,fill .25s}.splash[data-splash=stack].has-active .fl:not(.is-on){opacity:.45}.splash[data-splash=stack] .fl.is-on .fl-edge{stroke-width:2.8px}.splash[data-splash=stack] .fl.is-on .fl-edge-g{stroke-opacity:.4}.splash[data-splash=stack] .fl.is-on .fl-plate{fill-opacity:1}.splash[data-splash=stack] .ln .tr-s{stroke-dasharray:1}.splash[data-comb] .cell{pointer-events:all;transition:fill 1.5s,fill-opacity 1.5s,stroke 1.5s,stroke-opacity 1.5s}.splash[data-comb] .cell:hover{fill:#00aeef;fill-opacity:.5;stroke:#03feff;stroke-opacity:1;transition-duration:0s}.splash[data-comb].is-in .spot{opacity:1}@media (prefers-reduced-motion:no-preference){.splash .spot{transition:opacity .3s}.splash-cap{transition:opacity .2s,transform .2s;transform:translateY(4px)}.splash-cap.is-on{transform:none}.splash .node{transform-box:fill-box;transform-origin:50%;transition:opacity .25s,transform .25s cubic-bezier(.2,.7,.2,1),translate .3s cubic-bezier(.2,.7,.2,1)}.splash[data-splash=core] .node.is-on:not(.node-core),.splash[data-comb] .node.is-on:not(.node-core),.splash[data-live] .node.is-on:not(.node-core){transform:scale(1.1)}.splash .node-core.is-on,.splash .node-core:active{transform:scale(1.04)}.splash[data-splash=stack] .fl{transform-box:view-box;transform-origin:0 0;transition:opacity .25s,translate .3s cubic-bezier(.2,.7,.2,1)}.splash[data-splash=stack] .fl.is-on{translate:0 -9px}.splash[data-splash=stack] .riser{transform-box:fill-box;transform-origin:50% 100%}.splash[data-comb].is-wave .cell,.splash[data-comb].is-wave .node:not(.node-core) .node-h{animation:.9s ease-out both sp-wave;animation-delay:calc(var(--w,0) * 1ms)}.js .splash:not(.is-live) [data-depth]>*,.js .splash:not(.is-live) .sp-floors>*{opacity:0}.js .splash.is-live .sp-back>*{animation:1.2s ease-out both sp-fade}.js .splash[data-splash=core].is-live .node-core{animation:.7s cubic-bezier(.2,.9,.3,1.2) both sp-pop}.js .splash[data-splash=core].is-live .ring{animation:.9s ease-out .25s both sp-fade}.js .splash[data-splash=core].is-live .ln{animation:.3s ease-out both sp-fade;animation-delay:calc(.55s + var(--i) * 70ms)}.js .splash[data-splash=core].is-live .ln-s{stroke-dasharray:1;animation:.75s ease-out both sp-draw;animation-delay:calc(.55s + var(--i) * 70ms)}.js .splash[data-splash=core].is-live .node:not(.node-core){animation:.5s cubic-bezier(.2,.9,.3,1.3) both sp-pop;animation-delay:calc(1.2s + var(--i) * 70ms)}.js .splash[data-splash=core].is-live .tip{animation:.5s ease-out 1.9s both sp-fade}.js .splash[data-splash=stack].is-live .fl{animation:.8s cubic-bezier(.2,.8,.2,1) both sp-rise;animation-delay:calc(.15s + var(--f) * .3s)}.js .splash[data-splash=stack].is-live .riser{animation:1.2s cubic-bezier(.3,0,.2,1) .5s both sp-climb}.js .splash[data-splash=stack].is-live .tr-s{animation:.7s ease-out both sp-draw;animation-delay:calc(.9s + var(--f,0) * .3s)}.js .splash[data-comb].is-live .node-core,.js .splash[data-live].is-live .node-core{animation:.7s cubic-bezier(.2,.9,.3,1.2) both sp-pop}.js .splash[data-comb].is-live .cell{animation:.7s ease-out both sp-cell;animation-delay:calc(.25s + var(--d) * .13s)}.js .splash[data-comb].is-live .node:not(.node-core),.js .splash[data-live].is-live .node:not(.node-core){animation:.5s cubic-bezier(.2,.9,.3,1.3) both sp-pop;animation-delay:calc(.45s + var(--d) * .13s)}.js .splash.is-settled *,.js .splash.is-settled{animation:none!important}.js .splash[data-comb].is-settled.is-wave .cell,.js .splash[data-comb].is-settled.is-wave .node:not(.node-core) .node-h{animation:.9s ease-out both sp-wave!important;animation-delay:calc(var(--w,0) * 1ms)!important}}@keyframes sp-fade{0%{opacity:0}to{opacity:1}}@keyframes sp-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes sp-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes sp-rise{0%{opacity:0;translate:0 44px}to{opacity:1;translate:0}}@keyframes sp-climb{0%{opacity:0;transform:scaleY(0)}10%{opacity:1}to{opacity:1;transform:scaleY(1)}}@keyframes sp-cell{0%{opacity:0}45%{opacity:1;fill:#03feff;fill-opacity:.45;stroke:#03feff;stroke-opacity:1}to{opacity:1}}@keyframes sp-wave{35%{fill:#03feff;fill-opacity:.55;stroke:#03feff;stroke-opacity:1}}.splash .live{opacity:0;pointer-events:none}.splash.has-live .live{opacity:1}.splash.has-live .ln:not(.is-on){opacity:.32}@media (prefers-reduced-motion:no-preference){.splash .live{transition:opacity .25s}.js .splash[data-splash=livecomb].is-live .ln,.js .splash[data-live].is-live .ln{animation:.3s ease-out both sp-fade;animation-delay:calc(1s + var(--i) * 90ms)}.js .splash[data-splash=livecomb].is-live .ln-s,.js .splash[data-live].is-live .ln-s{stroke-dasharray:1;animation:.7s ease-out both sp-draw;animation-delay:calc(1s + var(--i) * 90ms)}.js .splash[data-live].is-live .tex{animation:1.1s ease-out .5s both sp-fade}.js .splash[data-live].is-live .acc{animation:.6s ease-out both sp-fade;animation-delay:calc(1.7s + var(--i,0) * 80ms)}}.splash-field{pointer-events:none;position:absolute;inset:0;overflow:hidden}.splash-field canvas{width:100%;height:100%;display:block;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.js .splash-field canvas{opacity:0;transition:opacity .9s ease-out}.js .splash-field.is-live canvas{opacity:1}}.splash[data-flat] .splash-tilt,.splash[data-flat] [data-depth]{transition:none!important;transform:none!important}.splash-switch{color:#fffc;background:#15173f;border-bottom:1px solid #ffffff1f;font-size:.875rem}.splash-switch .wrap{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding-block:.6rem;display:flex}.splash-switch a{color:#fff;border:1px solid #ffffff40;border-radius:999px;align-items:center;min-height:2.25rem;padding:.25rem .8rem;font-weight:600;text-decoration:none;display:inline-flex}.splash-switch a:hover{border-color:#03feff}.splash-switch a[aria-current=page]{color:#0b0c28;background:#03feff;border-color:#03feff}.splash-switch .how{color:#ffffffa6;flex-basis:100%;margin:0}