.onb-ring{--onb-ring-grow:calc(1 + (var(--k) - 1) * var(--onb-ring-spread));width:calc(var(--onb-card-w) * var(--onb-ring-grow));height:calc(var(--onb-card-h) * var(--onb-ring-grow));transform:rotate(var(--a));will-change:transform;animation:onb-ring-sway var(--run) ease-in-out var(--onb-ring-sway-at) infinite alternate;display:block}.onb-ring__shape{box-sizing:border-box;border-radius:calc(var(--onb-card-r) * var(--onb-ring-grow));background:conic-gradient(from var(--onb-ring-from), var(--onb-ring-hot) 0deg, var(--onb-ring-cool) 70deg, var(--onb-ring-faint) 160deg, var(--onb-ring-cool) 250deg, var(--onb-ring-hot) 360deg);-webkit-mask-composite:xor;width:100%;height:100%;animation:onb-ring-open 1.5s var(--interlude-soft) both;animation-delay:calc(var(--onb-ring-at) + var(--i) * .12s);padding:1px;display:block;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.onb-ring:first-child{--onb-ring-from:300deg;--onb-ring-hot:var(--onb-ring-hot-1);--onb-ring-cool:var(--white-14);--onb-ring-faint:var(--white-04)}.onb-ring:nth-child(2){--onb-ring-from:120deg;--onb-ring-hot:var(--onb-ring-hot-2);--onb-ring-cool:var(--white-08);--onb-ring-faint:var(--white-03)}.onb-ring:nth-child(3){--onb-ring-from:20deg;--onb-ring-hot:var(--onb-ring-hot-3);--onb-ring-cool:var(--white-05);--onb-ring-faint:transparent}.onb-motes{z-index:1;pointer-events:none;width:100%;height:100%;position:relative}.onb-mote{left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:var(--onb-mote);box-shadow:0 0 .375rem var(--onb-mote-glow);opacity:0;animation:onb-mote var(--run) linear var(--delay) infinite;border-radius:50%;position:absolute}.onb-mote.is-warm{background:var(--accent-orange);box-shadow:0 0 .5rem var(--accent-orange-40)}@keyframes onb-ring-open{0%{opacity:0;transform:rotate(calc(var(--a) * -1))}to{opacity:1;transform:none}}@keyframes onb-ring-sway{0%{transform:rotate(var(--a))}to{transform:rotate(calc(var(--a) + var(--sway)))}}@keyframes onb-mote{0%{opacity:0;transform:translate(0,0)}15%{opacity:.9}70%{opacity:.45}to{opacity:0;transform:translate(.5rem,-4.5rem)}}
.onb-sph{--onb-sph-path:var(--white-08);--onb-sph-arc:#e9e9ee;--onb-sph-arc-glow:#fff4e852;--onb-sph-rim:var(--white-12);--onb-sph-lit-rim:var(--white-25);--onb-sph-wave:var(--white-60);--onb-sph-icon:var(--white-35);--onb-sph-icon-next:var(--white-85);--onb-sph-icon-done:var(--text-0);width:min(100%, var(--interlude-h), 22rem);aspect-ratio:1;display:grid;position:relative}.onb-sph>*{grid-area:1/1}.onb-sph__aura{background:radial-gradient(closest-side, var(--white-04), transparent);pointer-events:none;border-radius:50%;place-self:center;width:150%;height:150%;animation:1s .1s backwards onb-sph-fade}.onb-sph__art{width:100%;height:100%;display:block;overflow:visible}.onb-sph__path,.onb-sph__arc,.onb-sph__shimmer,.onb-sph__head{transform-box:view-box;transform-origin:50%}.onb-sph__path{fill:none;stroke:var(--onb-sph-path);stroke-width:1.5px;rotate:var(--start)}.onb-sph.is-first .onb-sph__path{stroke-dasharray:1;stroke-dashoffset:1px;animation:onb-sph-draw var(--draw-ms) linear var(--draw-delay) forwards}.onb-sph__arcs{filter:drop-shadow(0 0 .375rem var(--onb-sph-arc-glow))}.onb-sph__arc{fill:none;stroke:var(--onb-sph-arc);stroke-width:3px;stroke-linecap:round;stroke-dasharray:var(--len) 1;rotate:var(--start)}.onb-sph__arc.is-fresh{stroke-dashoffset:var(--len);animation:onb-sph-fill var(--travel-ms) var(--travel-ease) var(--travel-delay) forwards}.onb-sph__shimmer{fill:none;stroke:var(--white-90);stroke-width:3px;stroke-linecap:round;stroke-dasharray:.035 2;stroke-dashoffset:.035px;opacity:0;rotate:var(--start);animation:onb-sph-shimmer 5s ease-in-out var(--rest) infinite}.onb-sph__head{rotate:var(--to)}.onb-sph.is-first .onb-sph__head{animation:onb-sph-fade .6s var(--interlude-soft) var(--draw-delay) backwards}.onb-sph.is-progress .onb-sph__head{animation:onb-sph-travel var(--travel-ms) var(--travel-ease) var(--travel-delay) both}.onb-sph__head-glow{transform-box:fill-box;transform-origin:50%;animation:onb-sph-breathe 2.4s ease-in-out var(--rest) infinite}.onb-sph__head-core{fill:var(--accent-orange)}.onb-sph__core{animation:onb-sph-core-breathe 6s ease-in-out var(--rest) infinite alternate}.onb-sph__core-light,.onb-sph__core-dot{transform-box:fill-box;transform-origin:50%;opacity:var(--core-to);scale:calc(.7 + var(--core-to) * .3)}.onb-sph.is-first .onb-sph__core-light,.onb-sph.is-first .onb-sph__core-dot{animation:1.2s .3s backwards onb-sph-fade}.onb-sph.is-progress .onb-sph__core-light,.onb-sph.is-progress .onb-sph__core-dot{animation:onb-sph-core var(--travel-ms) ease-in-out var(--travel-delay) both}.onb-sph__core-dot{fill:var(--white-90)}.onb-sph__beam{stroke-width:1.5px;stroke-linecap:round}.onb-sph__beam.is-fresh{stroke-dasharray:1;stroke-dashoffset:1px;animation:onb-sph-draw .7s var(--interlude-soft) var(--fire) forwards}.onb-sph.is-first .onb-sph__tile{animation:onb-sph-fade .5s var(--interlude-soft) var(--appear) backwards}.onb-sph__base{fill:var(--bg-0)}.onb-sph__glass{stroke:var(--onb-sph-rim);stroke-width:1px;vector-effect:non-scaling-stroke}.onb-sph__lit{stroke:var(--onb-sph-lit-rim);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:0}.onb-sph__tile.is-done .onb-sph__lit{opacity:.62}.onb-sph__tile.is-fresh .onb-sph__lit{animation:onb-sph-lit .9s var(--interlude-soft) var(--fire) both}.onb-sph__wave{fill:none;stroke:var(--onb-sph-wave);stroke-width:1.5px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:onb-sph-wave .75s var(--interlude-soft) var(--fire) forwards}.onb-sph__icon{color:var(--onb-sph-icon)}.onb-sph__tile.is-next .onb-sph__icon{color:var(--onb-sph-icon-next)}.onb-sph__tile.is-done .onb-sph__icon,.onb-sph__tile.is-fresh .onb-sph__icon{color:var(--onb-sph-icon-done)}.onb-sph__tile.is-fresh .onb-sph__icon{animation:onb-sph-icon .5s var(--interlude-soft) var(--fire) both}.onb-sph__check{transform-box:fill-box;transform-origin:50%}.onb-sph__tile.is-fresh .onb-sph__check{animation:onb-sph-check .5s var(--interlude-settle) calc(var(--fire) + .1s) both}.onb-sph__check circle{fill:var(--accent-orange);stroke:var(--bg-0);stroke-width:2px}.onb-sph__check path{fill:none;stroke:var(--accent-orange-ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.onb-sph__halo{opacity:0;transform-box:fill-box;transform-origin:50%}.onb-sph__tile.is-done .onb-sph__halo{opacity:.55}.onb-sph__tile.is-fresh .onb-sph__halo{animation:onb-sph-halo .9s ease var(--fire) both}.onb-sph__tile.is-next .onb-sph__halo{animation:onb-sph-attention 2.8s ease-in-out var(--rest) infinite}.onb-sph.is-still .onb-sph__shimmer,.onb-sph.is-still .onb-sph__head-glow,.onb-sph.is-still .onb-sph__core,.onb-sph.is-still .onb-sph__tile.is-next .onb-sph__halo{animation:none}.onb-sph.is-still .onb-sph__tile.is-next .onb-sph__halo{opacity:.5}.onb-sph.is-settled .onb-sph__aura,.onb-sph.is-settled .onb-sph__path,.onb-sph.is-settled .onb-sph__arc,.onb-sph.is-settled .onb-sph__head,.onb-sph.is-settled .onb-sph__core-light,.onb-sph.is-settled .onb-sph__core-dot,.onb-sph.is-settled .onb-sph__beam,.onb-sph.is-settled .onb-sph__tile,.onb-sph.is-settled .onb-sph__lit,.onb-sph.is-settled .onb-sph__wave,.onb-sph.is-settled .onb-sph__icon,.onb-sph.is-settled .onb-sph__check,.onb-sph.is-settled .onb-sph__tile.is-fresh .onb-sph__halo{animation-delay:-60s}@keyframes onb-sph-fade{0%{opacity:0}}@keyframes onb-sph-draw{to{stroke-dashoffset:0}}@keyframes onb-sph-fill{to{stroke-dashoffset:0}}@keyframes onb-sph-travel{0%{rotate:var(--from)}to{rotate:var(--to)}}@keyframes onb-sph-core{0%{opacity:var(--core-from);scale:calc(.7 + var(--core-from) * .3)}to{opacity:var(--core-to);scale:calc(.7 + var(--core-to) * .3)}}@keyframes onb-sph-core-breathe{0%{opacity:1}to{opacity:.78}}@keyframes onb-sph-breathe{0%,to{opacity:1;scale:1}50%{opacity:.7;scale:.86}}@keyframes onb-sph-lit{0%{opacity:0}20%{opacity:1}to{opacity:.62}}@keyframes onb-sph-wave{0%{opacity:.9;scale:1}to{opacity:0;scale:1.32}}@keyframes onb-sph-icon{0%{color:var(--onb-sph-icon-next)}to{color:var(--onb-sph-icon-done)}}@keyframes onb-sph-check{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}@keyframes onb-sph-halo{0%{opacity:0}30%{opacity:1}to{opacity:.55}}@keyframes onb-sph-attention{0%,to{opacity:.2;scale:.9}50%{opacity:.75;scale:1.04}}@keyframes onb-sph-shimmer{0%{stroke-dashoffset:.035px;opacity:0}12%{opacity:.85}62%{stroke-dashoffset:calc(.035 - var(--len));opacity:.85}72%,to{stroke-dashoffset:calc(.035 - var(--len));opacity:0}}
.onb-flow-interlude .interlude-floor{translate:0 -8.5%}.onb-flow-interlude .interlude-floor__svg .interlude-floor__rail{display:none}.onb-flow-interlude .interlude-floor__svg.is-near{-webkit-mask-image:linear-gradient(#0000 34%,#000 66% 85%,#0000 88.5%);mask-image:linear-gradient(#0000 34%,#000 66% 85%,#0000 88.5%)}.onb-flow-interlude .onb-start{--onb-start-rails-h:117%}.onb-start__rails.is-near{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(#0000 29.06%,#000 56.41% 94.322%,#0000),linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(#0000 29.06%,#000 56.41% 94.322%,#0000),linear-gradient(90deg,#0000,#000 8% 92%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.onb-start__rails.is-far{-webkit-mask-image:linear-gradient(#0000 3.419%,#000 34.188%,#0000 59.829%);mask-image:linear-gradient(#0000 3.419%,#000 34.188%,#0000 59.829%)}
.onb-flow-interlude .onboarding-step-description--lead{text-wrap:pretty}.onb-flow-interlude[data-interlude=bridge]{--onb-lead-lines:3}@media not (min-width:48rem){.onb-flow-interlude[data-interlude=bridge]{--onb-lead-lines:4}}.onb-flow-interlude{--onb-start-paint:#fff5ea99;--onb-start-glow:#ffba7c47}.onb-start{z-index:1;pointer-events:none;position:absolute;inset:0}.onb-start__rails,.onb-start__word{width:100%;height:var(--onb-start-rails-h);display:block;position:absolute;top:0;left:0}.onb-start__rails{--interlude-lag:0s}.onb-start__rails.is-far{--interlude-lag:.13s;filter:blur(1.6px)}.onb-start__word{fill:var(--onb-start-paint);filter:drop-shadow(0 0 .1875rem var(--onb-start-glow));animation:interlude-fade .9s var(--interlude-soft) 1.15s both;overflow:visible}.interlude-stage.is-settled .onb-start__word{animation:none}.onb-flow-interlude.is-spheres .onboarding-step-heading--hero:before{background:radial-gradient(ellipse at center, var(--white-04), transparent 65%)}