.top-bar{overflow:hidden!important;margin-top:0!important}
.top-bar .scroller,.top-bar .track{width:100%!important;overflow:hidden!important}
.top-bar .track .content{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;will-change:transform;animation:maxi-presale-ticker 24s linear infinite!important}
.top-bar .track .content>*{flex:0 0 auto!important;white-space:nowrap!important}
@keyframes maxi-presale-ticker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(prefers-reduced-motion:reduce){.top-bar .track .content{animation-duration:60s!important}}
.widget_frame app-widget-v2{display:block;width:100%;height:auto}
.system-buyform{width:700px;max-width:none;margin:0 auto;transform-origin:center bottom;zoom:.96}
.system-buyform>div{width:100%;padding:0}
.system-buyform [id=walletBox]{max-width:100%}
@media (max-width:1600px) and (min-width:1200px){.system-buyform{zoom:.92}}
@media (max-width:1199px) and (min-width:768px){.system-buyform{width:680px;zoom:.84}}
@media (max-width:767px){.system-buyform{width:112%;zoom:.89;margin-inline:-6%}}
@media (max-width:420px){.system-buyform{width:117.647%;zoom:.85;margin-inline:-8.823%}}

/* Trusted-by belt: duplicate content is injected by App.js for a seamless loop. */
.trusted-by-container{overflow:hidden!important;direction:ltr!important}
.trusted-by-container .scroller{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:18px!important;width:max-content!important;margin-left:0!important;will-change:transform;animation:maxi-trusted-scroll 22s linear infinite!important}
.trusted-by-container .scroller img{flex:0 0 auto!important;object-fit:contain}
@keyframes maxi-trusted-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* Tokenomics: align every copy block with its illustrated panel. */
.tokenomics .right-section{isolation:isolate}
.tokenomics .right-section .content-wrapper{
  z-index:3;
  top:20px;
  left:50%;
  width:100%;
  transform:translateX(-50%);
  pointer-events:none;
  text-align:center;
  display:grid;
  grid-template-rows:48px repeat(3,61px);
  row-gap:10px;
  align-items:stretch;
  justify-items:center;
}
.tokenomics .right-section .content-wrapper h4{
  width:100%;
  height:48px;
  margin:0!important;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.tokenomics .right-section .content-wrapper p{
  display:flex!important;
  width:95%;
  max-width:375px;
  height:61px;
  margin:0!important;
  padding:0 25px;
  box-sizing:border-box;
  align-items:center;
  justify-content:flex-start;
  overflow-wrap:break-word;
  white-space:normal;
  text-align:left;
  line-height:1.2;
  opacity:1!important;
  visibility:visible!important;
}
.tokenomics .right-section .pizza-chart{z-index:1}
@media(min-width:1025px) and (max-width:1519px){
  .tokenomics .right-section .content-wrapper{
    top:1.35vw;
    grid-template-rows:3.15vw repeat(3,4.05vw);
    row-gap:.66vw;
  }
  .tokenomics .right-section .content-wrapper h4{height:3.15vw}
  .tokenomics .right-section .content-wrapper p{
    height:4.05vw;
    padding-right:1.4vw;
    padding-left:1.4vw;
  }
}
.tokenomics .left-section .points-wrapper .panel-open .panel-collapse.show{
  display:block!important;
  height:auto!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
}
.tokenomics .left-section .points-wrapper .card .card-body .para{
  display:block!important;
  width:100%;
  color:#000!important;
  overflow-wrap:break-word;
  white-space:normal;
  opacity:1!important;
  visibility:visible!important;
}

/* Roadmap component styles were scoped in Angular and are restored here. */
.roadmap{position:relative;min-height:500px;overflow:hidden;background:linear-gradient(180deg,#718f82 0 59%,#4aa49b 59% 100%);font-family:Monaco,sans-serif}
.roadmap:before{content:"";position:absolute;z-index:0;left:-4%;right:-4%;top:54%;height:100px;background:#4aa49b;border-radius:50% 50% 0 0/36% 36% 0 0;transform:rotate(-.3deg)}
.roadmap>.container{position:relative;z-index:1;width:min(920px,100%);max-width:920px;height:500px;margin:0 auto!important;padding:0!important}
.roadmap-wrapper{position:relative;width:100%;height:100%}
.roadmap .title-bg{position:absolute;z-index:5;left:10px;top:25px;width:435px;height:52px;display:flex;align-items:center;justify-content:center;background:#d5a039;border-radius:3px;transform:rotate(-.35deg);box-shadow:inset 0 0 0 2px #d9b35e}
.roadmap .title-bg:before,.roadmap .title-bg:after{content:"";position:absolute;width:7px;height:4px;background:#ece8cb;border-radius:50%;left:4px;top:5px;box-shadow:0 39px #ece8cb}
.roadmap .title-bg:after{left:auto;right:4px}
.roadmap .section-title{margin:0!important;color:#fff;font:38px/1 Monaco,sans-serif;text-shadow:3px 3px 0 #57432e;-webkit-text-stroke:1px #57432e;white-space:nowrap}
.roadmap-img-wrap{position:absolute;left:0;top:78px;width:920px;height:390px}
.roadmap-img{display:block;width:880px!important;max-width:none!important;height:auto;margin:0 auto}
.roadmap-img-wrap>.door-container{position:absolute!important;z-index:4;display:block!important;left:180px;top:36px;width:150px;height:300px;padding:18px 10px 10px;background:#fff;border:4px solid #111;border-radius:10px 8px 5px 8px;transform:rotate(2deg);overflow:hidden;color:#111}
.roadmap .door-container .content{font-family:Monaco,sans-serif}
.roadmap .door-container .title{margin:0 0 10px;padding:6px 2px;color:#ef3353;font:13px/1.1 Monaco,sans-serif;border-block:1px solid #111;text-align:center;text-transform:uppercase}
.roadmap .door-container ul{margin:0;padding-left:15px}
.roadmap .door-container li{font:8px/1.35 Monaco,sans-serif;margin-bottom:7px;text-transform:uppercase}
.roadmap .sub-title{position:absolute;z-index:6;left:38px;top:106px;width:132px;margin:0;color:#111;font:12px/1 Monaco,sans-serif;text-align:center;text-transform:uppercase;transform:rotate(-1deg)}
.roadmap .box-no{position:absolute;z-index:7;left:43px;top:142px;width:126px;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.roadmap .box-no p{width:42px;height:38px;margin:0;display:grid;place-items:center;color:#fff;background:#313450;border:2px solid #111;border-radius:5px;font:28px/1 Monaco,sans-serif;cursor:pointer;box-shadow:inset 0 0 0 3px #4b4d6b}
.roadmap .box-no p.active{color:#fff;background:#42325d;transform:scale(1.08)}
.roadmap .maxi-title{position:absolute;z-index:5;left:634px;top:323px;width:96px;margin:0;color:#111;font:20px/1 Monaco,sans-serif;text-align:center;text-transform:uppercase;transform:rotate(-1deg)}
.roadmap .door-scroll-container,.roadmap .dots-container,.roadmap-mobile-characters{display:none!important}

@media(max-width:991px){
  .roadmap{min-height:auto;padding:34px 0 0;background:linear-gradient(180deg,#718f82 0 47%,#4aa49b 47% 100%)}
  .roadmap:before{top:42%}
  .roadmap>.container{width:100%;height:auto}
  .roadmap-wrapper{height:auto;padding-bottom:24px}
  .roadmap .title-bg{position:relative;left:auto;top:auto;width:min(86%,435px);height:auto;min-height:50px;margin:0 auto 18px}
  .roadmap .section-title{font-size:clamp(25px,7vw,36px);white-space:normal;text-align:center}
  .roadmap-img-wrap{position:relative;left:auto;top:auto;width:100%;height:auto}
  .roadmap-img{width:94%!important;max-width:760px!important;margin:auto}
  .roadmap-img-wrap>.door-container,.roadmap .sub-title,.roadmap .box-no,.roadmap .maxi-title{display:none!important}
  .roadmap .dots-container{display:flex!important;gap:8px;margin:10px 0}
  .roadmap .dots-container .dot{width:10px;height:10px;border:2px solid #111;border-radius:50%;background:#fff}
  .roadmap .dots-container .dot.active{background:#59f405}
  .roadmap .door-scroll-container{display:flex!important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 7vw 18px;scrollbar-width:none}
  .roadmap .door-scroll-container::-webkit-scrollbar{display:none}
  .roadmap .door-scroll-container>.door-container{display:block!important;flex:0 0 min(84vw,330px);min-height:285px;padding:20px 18px;background:#fff;border:4px solid #111;border-radius:11px;scroll-snap-align:center;color:#111}
  .roadmap .door-scroll-container .title{font-size:16px}
  .roadmap .door-scroll-container li{font-size:11px;line-height:1.45;margin-bottom:9px}
  .roadmap-mobile-characters{display:block!important;position:relative;width:min(92%,600px);margin:-30px auto 0}
}
@media(max-width:576px){
  .roadmap{padding-top:24px}
  .roadmap .title-bg{min-height:44px;margin-bottom:10px}
  .roadmap .section-title{font-size:24px}
  .roadmap-img{width:110%!important;margin-left:-5%}
  .roadmap .door-scroll-container>.door-container{flex-basis:86vw;min-height:265px}
}

/* Full-size desktop roadmap: source scene is designed around a 1450px stage. */
@media(min-width:1500px){
  .roadmap{min-height:795px}
  .roadmap:before{top:58%;height:155px}
  .roadmap>.container{width:1450px;max-width:1450px;height:795px}
  .roadmap .title-bg{left:10px;top:34px;width:692px;height:80px}
  .roadmap .title-bg:before,.roadmap .title-bg:after{width:10px;height:6px;left:7px;top:8px;box-shadow:0 58px #ece8cb}
  .roadmap .title-bg:after{left:auto;right:7px}
  .roadmap .section-title{font-size:56px;text-shadow:4px 4px 0 #57432e;-webkit-text-stroke:1.5px #57432e}
  .roadmap-img-wrap{left:0;top:82px;width:1450px;height:700px}
  .roadmap-img{width:1435px!important}
  .roadmap-img-wrap>.door-container{left:285px;top:94px;width:238px;height:444px;padding:28px 16px 16px;border-width:5px;border-radius:14px 11px 8px 12px}
  .roadmap .door-container .title{margin-bottom:14px;padding:9px 3px;font-size:20px}
  .roadmap .door-container ul{padding-left:22px}
  .roadmap .door-container li{font-size:12px;line-height:1.35;margin-bottom:11px}
  .roadmap .sub-title{left:82px;top:176px;width:210px;font-size:19px}
  .roadmap .box-no{left:91px;top:241px;width:198px;gap:20px 28px}
  .roadmap .box-no p{width:66px;height:60px;border-width:3px;border-radius:7px;font-size:43px;box-shadow:inset 0 0 0 4px #4b4d6b}
  .roadmap .maxi-title{left:995px;top:552px;width:150px;font-size:31px}
}

@media(min-width:992px) and (max-width:1499px){
  .roadmap{min-height:54.83vw;max-height:795px}
  .roadmap>.container{width:100%;max-width:100%;height:54.83vw}
  .roadmap .title-bg{left:calc((100vw - 100%) / 2 + .7vw);top:2.35vw;width:47.72vw;height:5.52vw}
  .roadmap .section-title{font-size:3.86vw}
  .roadmap-img-wrap{top:5.65vw;width:100%;height:48.3vw}
  .roadmap-img{width:98.97vw!important}
  .roadmap-img-wrap>.door-container{left:19.65vw;top:6.48vw;width:16.41vw;height:30.62vw;padding:1.93vw 1.1vw 1.1vw}
  .roadmap .door-container .title{font-size:1.38vw;margin-bottom:.96vw;padding:.62vw .2vw}
  .roadmap .door-container ul{padding-left:1.52vw}
  .roadmap .door-container li{font-size:.83vw;margin-bottom:.76vw}
  .roadmap .sub-title{left:5.65vw;top:12.14vw;width:14.48vw;font-size:1.31vw}
  .roadmap .box-no{left:6.28vw;top:16.62vw;width:13.65vw;gap:1.38vw 1.93vw}
  .roadmap .box-no p{width:4.55vw;height:4.14vw;font-size:2.97vw}
  .roadmap .maxi-title{left:69.65vw;top:37.8vw;width:10.35vw;font-size:2.14vw}
}

/* FAQ: accordion content changes must not re-center or move the character. */
@media(min-width:577px){
  .faq>.container>.d-sm-flex{
    position:relative;
    align-items:flex-start!important;
  }
  .faq .leftSection{
    flex:0 0 60%;
    align-self:flex-start;
  }
  .faq .rightSection{
    position:relative;
    flex:0 0 40%;
    align-self:flex-start;
  }
  .faq .rightSection .right{
    top:-1px;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    max-height:800px;
    object-fit:contain;
    object-position:left top;
  }
}
@media(min-width:577px) and (max-width:1519px){
  .faq .rightSection .right{max-height:52vw}
}
.faq .leftSection .faq-wrapper .panel-open>.card>.panel-collapse.show{
  display:block!important;
  height:auto!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
}
.faq .leftSection .faq-wrapper .card .card-body{
  display:block;
  opacity:1;
  visibility:visible;
}
.faq .leftSection .faq-wrapper .card .card-body .para{
  display:block!important;
  width:100%;
  height:auto;
  color:#000!important;
  white-space:normal;
  overflow-wrap:break-word;
  opacity:1!important;
  visibility:visible!important;
}