:root{--mainFont:'WorkSans', sans-serif;--white:#fff;--black:#000;--default-transition:all .45s ease-in;--color-transition:color .45s ease-in;--white-100:#fff;--white-60:rgba(255,255,255,0.6);--yellow:#fa0;--hud-cyan:#5bd6e8;--hud-cyan-dim:#99c7d5;--dark-blue:#031e33;--dark-purple:#3c4499;--purple:#4e73ff;--font-family:"WorkSans", sans-serif;--second-family:"Inter", sans-serif;--third-family:"IBMPlexSans", sans-serif;--font3:"UbuntuMono", sans-serif}.roadmap.bg{background-image:url('../images/roadmap/main-bg.webp');background-size:cover;background-position:top center;background-attachment:fixed}.roadmap main{min-height:100vh;padding:8rem 0 4rem}@media (max-width:768px){.roadmap main{padding:5.75rem 0 5rem}}.roadmap .title{color:#fff;margin-bottom:2.75rem}@media (max-width:768px){.roadmap .title{margin-bottom:2.5rem}}.roadmap .step{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:3rem;height:3rem;opacity:1}@media (max-width:768px){.roadmap .step{width:4.5rem;height:4.5rem}}.roadmap .step:not(.active) .inner{border:.125rem solid #99c7d5}.roadmap .step:hover .text{background:#1e1f21}@media (hover:hover){.roadmap .step:hover:not(.active) .inner{border:.125rem solid #fa0}}.roadmap .text{z-index:8}.roadmap .inner{z-index:9;border-color:#99c7d500;-webkit-transition:border-color .5s ease;transition:border-color .5s ease}@media (max-width:768px){.roadmap .inner{width:3rem;height:3rem}}.roadmap .bg{backdrop-filter:blur(8px)}@media (max-width:768px){.roadmap .roadmap-details-container .step:not(.active) .inner{background:rgba(5,23,45,0)}.roadmap .roadmap-details-container .step:not(.active) .bg{background:rgba(5,23,45,0.4)}}@media (max-width:768px){.roadmap .roadmap-details-container .step{width:2.375rem;height:2.375rem}.roadmap .roadmap-details-container .step .inner{border:none}}@media (max-width:768px){.roadmap .roadmap-details-container .inner{width:1.875rem;height:1.875rem}}.dots{position:absolute;left:0;top:1.375rem;width:100%;height:.25rem;z-index:0;display:grid;grid-template-columns:repeat(3, 1fr);gap:3rem;padding:0 calc((100% / 8) + 1.4rem)}.line{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.625rem}@media (max-width:768px){.line{display:none}}.line::before{content:'';position:absolute;top:50%;left:0;width:100%;height:.25rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-image:repeating-linear-gradient(to right, var(--dot-color, #99C7D5) 0, var(--dot-color, #99C7D5) .25rem, transparent .25rem, transparent .875rem);-webkit-transition:background-image .3s ease;transition:background-image .3s ease}.line[data-segment="1"]{--dot-color:#FEA900}.line[data-segment="1"]::before{background-image:repeating-linear-gradient(to right, #99C7D5 0, #99C7D5 .25rem, transparent .25rem, transparent .875rem)}.line[data-segment="1"]::after{content:'';position:absolute;top:50%;left:0;width:var(--fill-progress, 0%);height:.25rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-image:repeating-linear-gradient(to right, #FEA900 0, #FEA900 .25rem, transparent .25rem, transparent .875rem)}.grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(17.5rem, 1fr));gap:1.25rem;position:relative}@media (max-width:768px){.grid{grid-template-columns:1fr;gap:3.5rem}}.grid>div:nth-child(1) .card{background:rgba(30,31,33,0.8)}.grid>div:nth-child(2) .card{background:rgba(31,20,54,0.6)}.grid>div:nth-child(3) .card{background:rgba(0,32,36,0.6)}.grid>div:nth-child(4) .card{background:rgba(39,18,3,0.6)}.grid .step-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.grid .card{display:block;cursor:pointer;margin-top:1.75rem;padding:1.5rem;backdrop-filter:blur(10px);clip-path:polygon(2.25rem 0, calc(100% - 2.25rem) 0, 100% 2.25rem, 100% calc(100% - 2.25rem), calc(100% - 2.25rem) 100%, 2.25rem 100%, 0 calc(100% - 2.25rem), 0 2.25rem);border-radius:2.75rem;text-align:center}@media (max-width:768px){.grid .card{clip-path:polygon(1.5rem 0, calc(100% - 1.5rem) 0, 100% 1.5rem, 100% calc(100% - 1.5rem), calc(100% - 1.5rem) 100%, 1.5rem 100%, 0 calc(100% - 1.5rem), 0 1.5rem);border-radius:1.75rem;margin-top:1.25rem}}.grid .card>*:not(:last-child){margin-bottom:1rem}.grid .card:hover h3{color:#fa0}.grid .card img{width:100%;height:12.4375rem;clip-path:polygon(1.5rem 0, calc(100% - 1.5rem) 0, 100% 1.5rem, 100% calc(100% - 1.5rem), calc(100% - 1.5rem) 100%, 1.5rem 100%, 0 calc(100% - 1.5rem), 0 1.5rem);border-radius:1.875rem}.grid .card h2{font-weight:700;font-size:1.25rem;line-height:120%;color:#fa0}.grid .card h3{font-weight:900;font-size:2rem;line-height:100%;letter-spacing:-0.03em;text-transform:uppercase;color:#fff;-webkit-transition:color .5s ease;transition:color .5s ease}.grid .card p{font-weight:400;font-size:1rem;line-height:138%;color:#99c7d5}.grid .card button{margin-top:1.25rem;min-width:50%;margin-inline:auto;padding-block:.75rem;text-transform:uppercase;font-weight:700;font-size:.935rem;line-height:147%;border-radius:1rem .75rem}@media (min-width:1025px){.grid .card button{display:none}}@media (max-width:480px){.grid .card button{width:100%}}.roadmap-details-container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.25rem;position:relative}.sticky-panel{position:sticky;top:8rem;-ms-flex-item-align:start;align-self:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2rem;width:20rem;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}@media (max-width:768px){.sticky-panel{position:fixed;top:unset;bottom:1rem;left:1rem;z-index:1;gap:0;width:auto}}.sticky-panel .arrow{position:absolute;top:0;left:0;border-radius:.375rem;width:3rem;height:3rem;background:rgba(30,31,33,0.4);backdrop-filter:blur(8px);rotate:-45deg;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:.125rem solid transparent;-webkit-transition:background-color .3s ease,border-color .5s ease,left .625s ease;transition:background-color .3s ease,border-color .5s ease,left .625s ease;cursor:pointer}.sticky-panel .arrow:hover{background-color:rgba(30,31,33,0.6);border-color:#99c7d5}.sticky-panel .arrow.slide-right{left:calc(100% - 4rem);border-color:#99c7d5}.sticky-panel .arrow.slide-right:hover{border-color:#fa0}.sticky-panel .arrow svg{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.arrow-container{position:relative;height:3rem;margin-bottom:2rem}@media (max-width:768px){.arrow-container{display:none}}.stages-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.25rem}.roadmap-stage{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5rem;padding:1.5rem 1.5rem 3.75rem;background:rgba(30,31,33,0.8);backdrop-filter:blur(20px);clip-path:polygon(2rem 0, calc(100% - 2rem) 0, 100% 2rem, 100% calc(100% - 2rem), calc(100% - 2rem) 100%, 2rem 100%, 0 calc(100% - 2rem), 0 2rem);border-radius:2.5rem}@media (max-width:768px){.roadmap-stage{clip-path:polygon(1.5rem 0, calc(100% - 1.5rem) 0, 100% 1.5rem, 100% calc(100% - 1.5rem), calc(100% - 1.5rem) 100%, 1.5rem 100%, 0 calc(100% - 1.5rem), 0 1.5rem);border-radius:1.75rem;padding:1.25rem 1rem 2.5rem;gap:3.75rem}}.roadmap-stage:nth-child(1){background:rgba(30,31,33,0.8)}.roadmap-stage:nth-child(2){background:rgba(31,20,54,0.8)}.roadmap-stage:nth-child(3){background:rgba(0,32,36,0.8)}.roadmap-stage:nth-child(4){background:rgba(39,18,3,0.8)}.roadmap-stage h3{font-weight:900;font-size:3.75rem;line-height:100%;letter-spacing:-0.03em;text-transform:uppercase;color:#fff;margin-bottom:1.25rem;margin-inline:2.25rem}@media (max-width:768px){.roadmap-stage h3{font-size:clamp(2rem, 7.4549rem, 3.75rem);margin-inline:unset}}.roadmap-stage p{font-weight:400;font-size:1.125rem;line-height:133%;color:#99c7d5;margin-inline:2.25rem}@media (max-width:768px){.roadmap-stage p{font-size:clamp(1rem, 1.3896rem, 1.125rem);margin-inline:unset}}.roadmap-stage a{margin-inline:2.25rem}@media (max-width:768px){.roadmap-stage a{height:2.75rem;padding-block:.5rem;font-size:.935rem;margin-inline:unset}.roadmap-stage a img{width:1.75rem}}@media (max-width:480px){.roadmap-stage a{width:100%}}.accent-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;margin-top:2rem;height:4rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;border-radius:1rem .75rem 1rem .75rem;padding-block:.875rem;padding-inline:1rem;font-weight:700;font-size:1.25rem;line-height:160%;text-transform:uppercase;color:#fff;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.image-wrapper{position:relative;width:100%;margin-bottom:2rem;clip-path:polygon(1.5rem 0, calc(100% - 1.5rem) 0, 100% 1.5rem, 100% calc(100% - 1.5rem), calc(100% - 1.5rem) 100%, 1.5rem 100%, 0 calc(100% - 1.5rem), 0 1.5rem)}@media (max-width:480px){.image-wrapper:not(.cover){aspect-ratio:1 / 1}}.image-wrapper.cover img{clip-path:polygon(1.5rem 0, 40% 0, 40% 1.75rem, calc(40% + 1.625rem) 3.25rem, calc(60% - 1.625rem) 3.25rem, 60% 1.75rem, 60% 0, calc(100% - 1.5rem) 0, 100% 1.5rem, 100% calc(100% - 1.5rem), calc(100% - 1.5rem) 100%, 1.5rem 100%, 0 calc(100% - 1.5rem), 0 1.5rem);height:20rem}@media (max-width:480px){.image-wrapper.cover img{clip-path:polygon(1.5rem 0, 25% 0, 25% 1.75rem, calc(25% + 1.625rem) 3.25rem, calc(75% - 1.625rem) 3.25rem, 75% 1.75rem, 75% 0, calc(100% - 1.5rem) 0, 100% 1.5rem, 100% calc(100% - 1.5rem), calc(100% - 1.5rem) 100%, 1.5rem 100%, 0 calc(100% - 1.5rem), 0 1.5rem);height:12.4375rem}}.image-wrapper:hover .badge,.image-wrapper:focus .badge,.image-wrapper:focus-within .badge{max-width:100%}@media (max-width:768px){.image-wrapper:hover .badge.completed,.image-wrapper:focus .badge.completed,.image-wrapper:focus-within .badge.completed{width:11rem}.image-wrapper:hover .badge.planned,.image-wrapper:focus .badge.planned,.image-wrapper:focus-within .badge.planned{width:9.325rem}.image-wrapper:hover .badge.canceled,.image-wrapper:focus .badge.canceled,.image-wrapper:focus-within .badge.canceled{width:10rem}.image-wrapper:hover .badge.coming,.image-wrapper:focus .badge.coming,.image-wrapper:focus-within .badge.coming{width:8.75rem}}.image-wrapper:hover .text,.image-wrapper:focus .text,.image-wrapper:focus-within .text{max-width:100%}.image-wrapper img{-o-object-fit:cover;object-fit:cover;max-width:100%;height:100%}.image-wrapper h2{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:2.875rem;width:11rem;font-weight:700;font-size:1.25rem;line-height:120%;text-align:center;color:#fa0}@media (max-width:768px){.image-wrapper h2{font-size:1rem}}.image-wrapper .badge{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;top:0;right:0;height:5rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:5rem;max-width:5rem;padding:1.25rem;-webkit-transition:all .5s ease;transition:all .5s ease;clip-path:polygon(0 0, 100% 0, 100% 100%, 1.25rem 100%, 0 calc(100% - 1.25rem));border-radius:0 0 0 1rem;font-weight:800;font-size:1.5rem;line-height:100%;text-transform:uppercase}@media (max-width:768px){.image-wrapper .badge{min-width:4.25rem;max-width:4.25rem;font-size:1rem;width:8.75rem;height:4.125rem;gap:.25rem;padding:1.125rem}}.image-wrapper .badge.completed{background:rgba(30,31,33,0.6);backdrop-filter:blur(60px);color:#fa0}.image-wrapper .badge.coming{background:#4e73ff;color:#fff}.image-wrapper .badge.planned{background:#fff;color:#4e73ff}.image-wrapper .badge.canceled{background:#fb046f;color:#fff}.image-wrapper .badge img{width:2.5rem;height:2.5rem}@media (max-width:768px){.image-wrapper .badge img{width:2rem;height:2rem}}.image-wrapper .badge .text{max-width:0;overflow:hidden;-webkit-transition:max-width .5s ease;transition:max-width .5s ease}.block{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4rem}@media (min-width:769px){.block{padding-inline:2.25rem}}@media (max-width:768px){.block{gap:1.5rem;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.block:nth-child(odd){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (max-width:768px){.block:nth-child(odd){-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.block:nth-child(odd) .image-wrapper .badge{right:unset;left:0;clip-path:polygon(0 0, 100% 0, 100% 100%, 100% calc(100% - 1.25rem), calc(100% - 1.25rem) 100%, 0 100%);border-radius:0 0 1rem 0}@media (min-width:769px){.block>div{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}}.block h2{font-weight:900;font-size:2rem;line-height:113%;letter-spacing:-0.03em;text-transform:uppercase;color:#fff;margin-bottom:2rem}@media (max-width:768px){.block h2{font-size:clamp(1.5rem, 3.0585rem, 2rem);margin-bottom:1rem}}.block ul{list-style:none;padding-left:0}.block ul li{font-weight:400;font-size:1rem;line-height:138%;color:#99c7d5;position:relative;padding-left:1.5rem}.block ul li:not(:last-child){margin-bottom:1rem}.block ul li::before{content:'';position:absolute;left:0;top:.375rem;width:.625rem;height:.625rem;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0L10 5L5 10L0 5L5 0Z' fill='%23FFAA00'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.block ul li span{color:#fa0}.block .image-wrapper{margin-bottom:0}