.roadmap-section{position:relative;--roadmap-digit-brightness: 9}.roadmap-section__container{display:grid;gap:clamp(34px,4vw,54px)}.roadmap-section__heading{opacity:0;transform:translate3d(0,34px,0);filter:blur(8px);transition:opacity .72s ease,transform .72s cubic-bezier(.18,.9,.22,1),filter .72s ease}.roadmap-section__heading--visible{opacity:1;transform:translateZ(0);filter:blur(0)}.roadmap-stage{position:relative;isolation:isolate}.roadmap-stage__svg{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;overflow:visible}.roadmap-stage__svg--mobile{display:none}.roadmap-list{position:relative;z-index:2;display:grid;gap:clamp(58px,8vw,104px)}.roadmap-card{position:relative;z-index:2;width:min(100%,520px);height:clamp(160px,16vw,264px);padding:clamp(30px,3.2vw,38px);padding-right:clamp(150px,16vw,196px);border-radius:34px;will-change:transform,opacity,filter;transition:border-color .32s ease,box-shadow .32s ease,background .32s ease,opacity .62s ease,transform .62s cubic-bezier(.18,.9,.22,1),filter .62s ease}.roadmap-card{--roadmap-card-offset-x: 0px;--roadmap-card-offset-y: 0px;left:var(--roadmap-card-offset-x);top:var(--roadmap-card-offset-y)}.roadmap-card--left{justify-self:start}.roadmap-card--right{justify-self:end}.roadmap-card__content{position:relative;z-index:5;display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;max-width:min(100%,280px)}.roadmap-card__title{margin:0 0 14px;font-family:Manrope,sans-serif;font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:.96;letter-spacing:-.06em;color:#fffffff5}.roadmap-card__text{margin:0;font-size:clamp(1rem,1.15vw,1.12rem);line-height:1.55;color:#ffffffb3}.roadmap-card__number{position:absolute;top:-120%;right:-120%;z-index:1;display:block;width:38%;min-width:200px;max-width:250px;aspect-ratio:.8 / 1;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.92;transform-origin:right top;filter:drop-shadow(0 0 18px rgba(var(--brand-accent-rgb),.05))}.roadmap-card__number-shape{display:block;position:relative;width:110%;height:110%;background:radial-gradient(circle at 22% 24%,rgba(133,255,196,calc(.34 * var(--roadmap-digit-brightness))) 0,rgba(133,255,196,calc(.34 * var(--roadmap-digit-brightness))) .8px,transparent 1.8px),radial-gradient(circle at 68% 66%,rgba(112,255,179,calc(.26 * var(--roadmap-digit-brightness))) 0,rgba(112,255,179,calc(.26 * var(--roadmap-digit-brightness))) .9px,transparent 2px),radial-gradient(circle at 48% 38%,rgba(94,236,159,calc(.2 * var(--roadmap-digit-brightness))) 0,rgba(94,236,159,calc(.2 * var(--roadmap-digit-brightness))) 1px,transparent 2.3px),linear-gradient(120deg,#0000,rgba(112,255,179,calc(.06 * var(--roadmap-digit-brightness))) 48%,#0000);background-size:26px 26px,34px 34px,42px 42px,180% 180%;background-position:0 0,8px 14px,16px -10px,0% 50%;animation:roadmap-digit-grain 9s linear infinite;-webkit-mask-image:var(--digit-image);mask-image:var(--digit-image);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.roadmap-card__number-shape:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#5cffa429,#5cffa414 38%,#5cffa400 72%);animation:roadmap-digit-pulse 5.6s ease-in-out infinite;-webkit-mask-image:var(--digit-image);mask-image:var(--digit-image);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.roadmap-card[data-state=inactive]{opacity:.45}.roadmap-card[data-state=completed]{border-color:#84dda62e;box-shadow:inset 0 1px #ffffff29,inset 0 0 0 1px #ffffff05,0 18px 48px #0000002e}.roadmap-card[data-state=completed] .roadmap-card__number{filter:drop-shadow(0 0 16px rgba(var(--brand-accent-rgb),.04))}.roadmap-card[data-state=completed] .roadmap-card__number-shape{opacity:.82}.roadmap-card[data-state=active]{border-color:#9bffc547;background:linear-gradient(180deg,#9bffc50f,#ffffff05),rgba(var(--bg-card-rgb),.24);box-shadow:inset 0 1px #ffffff2e,inset 0 0 0 1px #9bffc508,0 0 0 1px #9bffc50a,0 28px 64px #0000003d,0 0 26px rgba(var(--brand-accent-rgb),.1)}.roadmap-card[data-state=active] .roadmap-card__number{filter:drop-shadow(0 0 20px rgba(var(--brand-accent-rgb),.07))}.roadmap-card[data-state=active] .roadmap-card__number-shape{opacity:1;filter:saturate(1.08)}.roadmap-card:hover,.roadmap-card:focus-within{border-color:#9bffc538;box-shadow:inset 0 1px #ffffff2e,inset 0 0 0 1px #ffffff05,0 22px 56px #00000038,0 0 22px rgba(var(--brand-accent-rgb),.08)}.roadmap-connector__base,.roadmap-connector__glow,.roadmap-connector__active{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.roadmap-connector__base{stroke:#b0c2b91c;stroke-width:1.1}.roadmap-connector__glow,.roadmap-connector__active{stroke-dasharray:0 1;stroke-dashoffset:0}.roadmap-connector__glow{stroke:#7cffb157;stroke-width:5.5;opacity:.82;transition:stroke-dasharray .9s cubic-bezier(.42,0,.18,1)}.roadmap-connector__active{stroke:#c9ffdfeb;stroke-width:1.55;opacity:.98;transition:stroke-dasharray .9s cubic-bezier(.42,0,.18,1)}@media(max-width:900px){.roadmap-card{width:min(100%,470px)}.roadmap-card__number{top:-126%;right:-120%;width:40%;min-width:148px;max-width:210px}}@media(min-width:641px)and (max-width:1180px){.roadmap-section__container{padding-top:33svh}}@media(min-width:641px)and (max-width:1024px){.roadmap-section{--roadmap-tablet-card-width: min(100%, 430px);--roadmap-tablet-card-height: 196px}.roadmap-card{width:var(--roadmap-tablet-card-width);height:var(--roadmap-tablet-card-height)}.roadmap-list>.roadmap-card:nth-child(1){--roadmap-card-offset-x: 10px;--roadmap-card-offset-y: 0px;width:min(100%,350px);height:196px}.roadmap-list>.roadmap-card:nth-child(2){--roadmap-card-offset-x: -10px;--roadmap-card-offset-y: 0px;width:min(100%,350px);height:196px}.roadmap-list>.roadmap-card:nth-child(3){--roadmap-card-offset-x: 10px;--roadmap-card-offset-y: 0px;width:min(100%,350px);height:196px}.roadmap-list>.roadmap-card:nth-child(4){--roadmap-card-offset-x: -10px;--roadmap-card-offset-y: 0px;width:min(100%,350px);height:196px}.roadmap-list>.roadmap-card:nth-child(5){--roadmap-card-offset-x: 10px;--roadmap-card-offset-y: 0px;width:min(100%,350px);height:196px}}@media(max-width:640px){.roadmap-section__container{padding-top:33svh}.roadmap-stage__svg--desktop{display:none}.roadmap-stage__svg--mobile{display:block}.roadmap-list{gap:250px}.roadmap-card,.roadmap-card--left,.roadmap-card--right{width:100%;justify-self:stretch}.roadmap-card{min-height:250px;padding:26px 108px 126px 24px}.roadmap-card__content{max-width:min(100%,240px)}.roadmap-card__title{font-size:clamp(1.8rem,8vw,2.5rem)}.roadmap-card__number{top:-120%;right:-90%;width:40%;min-width:170px;max-width:264px}.roadmap-connector__base{stroke-width:1.3}.roadmap-connector__glow{stroke-width:4.8}.roadmap-connector__active{stroke-width:1.75}}@keyframes roadmap-digit-grain{0%{background-position:0 0,8px 14px,16px -10px,0% 50%}50%{background-position:24px -28px,-18px 34px,34px 26px,100% 42%}to{background-position:46px -48px,-34px 52px,54px 40px,0% 50%}}@keyframes roadmap-digit-pulse{0%,to{opacity:.38;transform:scale(1)}50%{opacity:.72;transform:scale(1.035)}}@media(prefers-reduced-motion:reduce){.roadmap-section__heading,.roadmap-card,.roadmap-connector__glow,.roadmap-connector__active{transition:none}.roadmap-card__number-shape,.roadmap-card__number-shape:after{animation:none}}
