.roadmap{width:100%;position:relative}.roadmap__line{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.roadmap__path{fill:none;stroke-width:4px;stroke-linecap:round}.roadmap__path--soon{stroke:var(--color-neutral-700);stroke-width:2px;stroke-dasharray:4 8}.roadmap__list{flex-direction:column;gap:96px;margin:0;padding:0;list-style:none;display:flex;position:relative}.roadmap__item{align-items:center;gap:24px;width:50%;margin-left:15%;display:flex}.roadmap__item[data-side=right]{text-align:right;flex-direction:row-reverse;margin-left:35%}.roadmap__dot{flex:none;width:64px;height:64px;display:grid}.roadmap__item[data-reached] .roadmap__dot{animation:.45s cubic-bezier(.34,1.56,.64,1) roadmap-plop}@keyframes roadmap-plop{40%{transform:scale(1.25)}}.roadmap__marker{fill:var(--color-white);filter:drop-shadow(0 0 8px var(--color-primary-300));transition:fill .25s ease-out,filter .25s ease-out}.roadmap__marker[data-soon]{fill:var(--color-neutral-700);filter:drop-shadow(0 0 8px var(--color-neutral-700))}.roadmap__when{z-index:1;pointer-events:none;opacity:0;transition:opacity .25s ease-out;position:absolute;top:0;left:0}.roadmap__when[data-visible]{opacity:1}.roadmap__when>*{width:max-content;transform:translate(-50%,calc(-100% - 20px))}@media (prefers-reduced-motion:reduce){.roadmap__item[data-reached] .roadmap__dot{animation:none}}.roadmap__body{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.roadmap__item[data-side=right] .roadmap__body{align-items:flex-end}.roadmap[data-stack] .roadmap__list{gap:48px}.roadmap[data-stack] .roadmap__item{text-align:left;flex-direction:row;align-items:flex-start;width:100%;margin-left:0}.roadmap[data-stack] .roadmap__body{align-items:flex-start}
.funnel-button{isolation:isolate;display:inline-flex;position:relative}.funnel-button__field{z-index:0;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.funnel-button__filters{width:0;height:0;position:absolute;overflow:hidden}.funnel-button__square{will-change:transform, opacity;border-radius:37.5%;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.funnel-button__plop{z-index:1;display:inline-flex;position:relative}.funnel-button__plop--active{animation:.32s cubic-bezier(.34,1.56,.64,1) funnel-button-plop}@keyframes funnel-button-plop{30%{transform:scale(var(--funnel-button-plop,1.06))}}.funnel-button__button{z-index:1;position:relative}.funnel-button__cursor{z-index:2;opacity:0;transform-origin:0 0;pointer-events:none;will-change:transform;width:40px;height:40px;position:absolute;top:0;left:0}.funnel-button__cursor-image{visibility:hidden;background-repeat:no-repeat;background-size:100% 100%;position:absolute}.funnel-button__cursor[data-kind=arrow] [data-kind=arrow],.funnel-button__cursor[data-kind=hand] [data-kind=hand]{visibility:visible}.funnel-button--hide-cursor,.funnel-button--hide-cursor *{cursor:none!important}.funnel-button__slot{grid-template-columns:minmax(0,1fr);transition:width .4s cubic-bezier(.22,1,.36,1) .1s;display:inline-grid;overflow:clip}.funnel-button__slot-item{white-space:nowrap;grid-area:1/1;justify-content:center;align-items:center;min-width:0;display:inline-flex}.funnel-button__slot-content{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.funnel-button__slot-item--in{animation:.45s cubic-bezier(.22,1,.36,1) both funnel-button-slot-in}.funnel-button__slot-item--out{animation:.45s cubic-bezier(.22,1,.36,1) forwards funnel-button-slot-out}@keyframes funnel-button-slot-in{0%{filter:blur(.08em);transform:translateY(110%)}to{filter:blur();transform:translateY(0)}}@keyframes funnel-button-slot-out{0%{filter:blur();transform:translateY(0)}to{filter:blur(.08em);transform:translateY(-110%)}}@media (prefers-reduced-motion:reduce){.funnel-button__slot{transition:none}.funnel-button__slot-item--in,.funnel-button__slot-item--out{animation-duration:1ms}}
.connection-line{background-color:color-mix(in srgb, var(--color-primary-500) 35%, transparent);pointer-events:none;transform-origin:top;border-radius:1px;width:2px;margin-left:-1px;transition:transform .6s cubic-bezier(.22,1,.36,1),background-color .4s,box-shadow .4s;position:absolute;top:100%;left:50%;overflow:hidden;transform:scaleY(0)}.connection-line[data-state=connecting],.connection-line[data-state=connected]{transform:scaleY(1)}.connection-line[data-state=connecting]:after{content:"";background:linear-gradient(to bottom, var(--color-primary-600), transparent);height:60%;animation:.9s linear infinite connection-line-flow;position:absolute;left:0;right:0}.connection-line[data-state=connected]{background-color:#0000;background-image:linear-gradient(to bottom, var(--color-primary-700), transparent)}.connection-line__pulse{background:linear-gradient(to bottom, var(--color-primary-200), transparent);border-radius:2px;height:60%;animation:.5s cubic-bezier(.22,1,.36,1) forwards connection-line-flow;position:absolute;left:0;right:0}@keyframes connection-line-flow{0%{opacity:1;transform:translateY(-100%)}to{opacity:0;transform:translateY(170%)}}@media (prefers-reduced-motion:reduce){.connection-line{transition:none}.connection-line__pulse{display:none}.connection-line[data-state=connecting]:after{opacity:.5;height:100%;animation:none;top:0}}
