*{box-sizing:border-box;padding:0;margin:0;font-family:Raleway,sans-serif;font-optical-sizing:auto;font-style:normal}html{scroll-behavior:smooth}body{background-color:#eeeeeecb}a{text-decoration:none;color:inherit}.navbar{background-color:#ffffffe6;padding:1.3rem .5rem;position:sticky;position:-webkit-sticky;top:0;z-index:9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:#0000001a 0 10px 50px}.nav-brand{gap:.7rem}.nav-brand img{background-color:#eee;width:3rem;height:3rem;border-radius:50%}.nav-brand h2{font-weight:600;font-size:1.7rem;white-space:nowrap}.nav-brand h2 span{color:#6aa6b7;font-weight:700;border-bottom:3px solid #6aa6b7}.navbar .nav-right{gap:2rem}.navbar .nav-right ul{list-style-type:none;gap:1.2rem}.navbar .nav-right ul li a{padding:.4rem 1rem;color:#2222227e}.navbar .nav-right ul li a:hover{color:#000}.navbar .nav-right ul li a.active{border-bottom:2px solid #000;color:#000;font-weight:500}.navbar .nav-right .socials{gap:1rem;border-left:1px solid #bbb;padding-left:1.8rem}.navbar .nav-right .socials>a{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background-color:#ddd;border-radius:50%}.navbar .menu-btn{all:unset;cursor:pointer}.nav-md{position:fixed;top:0;left:0;right:0;height:100dvh;background-color:#fff;animation-name:fromTop;-webkit-animation-name:fromTop;animation-duration:.4s;-webkit-animation-duration:.4s;z-index:99}@keyframes fromTop{0%{top:-300px}to{top:0}}.nav-md .main{padding:3rem 1rem;display:flex;flex-direction:column;justify-content:space-between;height:100dvh}.nav-md .main .close{all:unset;position:absolute;right:2rem;top:3rem;cursor:pointer}.nav-md .main ul{padding-top:4rem;list-style-type:none;gap:3.5rem;font-size:1.5rem}.nav-md .main ul li a{color:#888}.nav-md .main ul li a.active{color:#000;font-weight:600;border-bottom:2px solid #000;padding:.2rem}.nav-md .main .socials{gap:1rem}.nav-md .main .socials>a{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background-color:#ddd;border-radius:50%}.hero{background-image:linear-gradient(to top,#6aa6b7,#7ebdd0,#84c7d8);gap:1rem;padding-top:4.5rem}.hero img{width:70%;max-width:29rem;height:auto}.hero .hero-text{width:85%;max-width:38rem;text-align:center}.hero .hero-text h1{font-size:calc(1vw + 3rem);font-weight:500;margin-bottom:1rem;line-height:140%}.hero .hero-text h1 span{font-weight:800}.hero .hero-text p{font-size:1.15rem;line-height:195%;margin-bottom:2.5rem;opacity:.6}.hero .hero-text button{cursor:pointer;border:none;background-color:#1e90ff;color:#fff;padding:1.2rem 2.5rem;font-size:1.05rem;font-weight:600;border-radius:100px;display:flex;align-items:center;justify-content:center;gap:.7rem;margin:0% auto}.coming-soon{padding:3rem 1rem}.coming-soon .title{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;margin-bottom:3rem}.coming-soon .title h3{font-size:2rem;font-weight:600}.coming-soon .title p{font-size:1.1rem;opacity:.4;line-height:180%}.coming-soon .timer{display:flex;align-items:center;justify-content:center;text-align:center;gap:1.6rem;width:max-content;margin:0% auto}.coming-soon .timer span{font-size:calc(1vw + 2rem);opacity:1;font-weight:300;color:#0000004d}.coming-soon .timer>div{display:flex;flex-direction:column-reverse;gap:.5rem}.coming-soon .timer>div p{font-size:.7rem;opacity:.4}.coming-soon .timer>div h4{font-size:calc(1vw + 2.2rem);font-weight:600}.roadmap{padding:5rem 1rem}.roadmap .title{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;margin-bottom:3rem}.roadmap .title h3{font-size:2rem;font-weight:600}.roadmap .title p{font-size:1.1rem;opacity:.4;width:100%;line-height:180%;max-width:33rem}.roadmap .roadmap-container{display:flex;flex-direction:column;gap:2.6rem}.roadmap .roadmap-single{display:flex;gap:1.6rem;width:100%;max-width:34rem;position:relative}.roadmap .roadmap-single:after{content:"";position:absolute;top:-2rem;left:1.3rem;z-index:-2;display:block;width:3px;border-radius:100px;height:19rem;background-color:#6aa6b7}.roadmap .roadmap-container .roadmap-single:last-child:after{height:16.8rem}.roadmap .roadmap-single>div:first-child{display:flex;align-items:center;justify-content:center}.roadmap .roadmap-single>div:first-child>div{background-color:#fff;width:2.7rem;height:2.7rem;border-radius:100%;display:flex;align-items:center;justify-content:center;font-weight:600;position:relative;font-size:1.1rem;color:#6aa6b7}.roadmap .roadmap-single>div:first-child:before{width:3.1rem;height:3.1rem;background-color:#6aa6b7;content:"";border-radius:50%;position:absolute;z-index:-1}.roadmap .roadmap-single>div:last-child{width:100%;display:flex;flex-direction:column;gap:.3rem}.roadmap .roadmap-single>div:last-child h3{font-weight:500;font-size:1.25rem;line-height:175%}.roadmap .roadmap-single>div:last-child p{font-size:.95rem;color:#888;line-height:220%}.tokenomics{padding:5rem 1rem}.tokenomics .title{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;margin-bottom:3rem}.tokenomics .title h3{font-size:2rem;font-weight:600}.tokenomics .title p{font-size:1.1rem;opacity:.4;width:100%;line-height:180%;max-width:25rem}.tokenomics .token-info{border:1px solid #ddd;text-align:center;padding:2rem 0rem;border-radius:20px;display:flex;flex-direction:column;gap:.9rem}.tokenomics .token-info p{font-weight:600;color:#555;font-size:1.2rem;margin-bottom:.5rem}.tokenomics .token-info ul{padding:0 1rem;line-height:180%;font-size:.98rem;color:#888;margin-bottom:1rem;display:flex;flex-direction:column;gap:.8rem;list-style-type:none}.tokenomics .token-info a{width:max-content;display:block;margin:0% auto}.tokenomics .token-info button{all:unset;border:1.5px solid dodgerblue;border-radius:10px;color:#1e90ff;font-size:.85rem;font-weight:600;padding:1.1rem 1.8rem;display:flex;align-items:center;justify-content:center}.tokenomics .legends{gap:2rem}.tokenomics .legends>div{display:flex;align-items:center;gap:.8rem}.tokenomics .legends>div span{width:1.1rem;height:1.1rem;border-radius:5px}.tokenomics .legends>div p{font-size:.9rem;font-weight:400;color:#555}.cta{padding:.8rem .6rem;background-color:#f9d35b}.cta .cta-box{text-align:center;padding:3rem 2.5rem;border-radius:20px;gap:3.5rem}@media screen and (min-width: 768px){.cta .cta-box{text-align:start;padding:3rem 1rem}}@media screen and (min-width: 992){.cta .cta-box{text-align:start;padding:3rem 3.5rem}}.cta .cta-box h1{font-size:2rem;font-weight:700;text-transform:uppercase;line-height:170%;width:100%;max-width:24rem}.cta .cta-box h1 span{border-bottom:4px solid #000}.cta .cta-box>div{display:flex;align-items:center;justify-content:center;gap:1rem}.cta .cta-box>div a{background-color:#000;color:#fff;width:3.3rem;height:3.3rem;display:flex;align-items:center;justify-content:center;border-radius:50%}footer{padding:2rem 1rem;text-align:center;font-weight:600}