:root{
  --page-bg:#070b1c;
  --page-light:#f8fbff;
  --focus:#72d5ff;
  --max-width:1440px;
  --design-width:864;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--page-bg)}
body{margin:0;font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:linear-gradient(180deg,#070b1c 0%,#f8fbff 18%,#f4f7ff 80%,#070b1c 100%);color:#0f172a;}
img{display:block;max-width:100%;height:auto;user-select:none;-webkit-user-drag:none;}
a{color:inherit}
.skip-link{position:fixed;left:16px;top:16px;z-index:9999;transform:translateY(-150%);background:#fff;color:#0f172a;padding:10px 14px;border-radius:999px;text-decoration:none;font-weight:700;box-shadow:0 12px 32px rgba(0,0,0,.25)}
.skip-link:focus{transform:translateY(0)}
.site-shell{width:min(100%,var(--max-width));margin:0 auto;background:#fff;box-shadow:0 0 80px rgba(0,0,0,.22);overflow:hidden;}
.mockup-section{position:relative;width:100%;line-height:0;background:#fff;}
.mockup-section>img{width:100%;height:auto;}
.section-hero{background:#060917;}
.section-youtube,.section-about,.section-token,.section-partners,.section-channels{background:#f8fbff;}
.section-ai-avatar{background:#eaf6ff;}
.section-ecosystem,.section-roadmap,.section-footer{background:#070b1c;}
.hotspot-layer{position:absolute;inset:0;z-index:4;pointer-events:none;}
.hotspot{position:absolute;display:block;border-radius:10px;text-indent:-9999px;overflow:hidden;pointer-events:auto;outline:none;background:transparent;}
.hotspot:focus-visible{box-shadow:0 0 0 2px rgba(255,255,255,.92),0 0 0 6px rgba(114,213,255,.55);background:rgba(114,213,255,.08);}
/* Hero nav approximate percentage coordinates from approved visual */
.nav-about{left:27.5%;top:3.7%;width:8%;height:7%;}
.nav-ecosystem{left:36.7%;top:3.7%;width:7%;height:7%;}
.nav-token{left:45.2%;top:3.7%;width:5.2%;height:7%;}
.nav-partners{left:51.8%;top:3.7%;width:6%;height:7%;}
.nav-roadmap{left:59.1%;top:3.7%;width:6%;height:7%;}
.nav-docs{left:67%;top:3.7%;width:4.4%;height:7%;}
.nav-community{left:72.8%;top:3.7%;width:8%;height:7%;}
.nav-whitepaper{left:82.8%;top:2.1%;width:8%;height:7.5%;}
.hero-cta-explore{left:11.0%;top:74%;width:11.8%;height:8.8%;}
.hero-cta-video{left:23.6%;top:74%;width:9.4%;height:8.8%;}
/* YouTube / intro */
.youtube-player{left:10.3%;top:6%;width:40%;height:78%;}
.youtube-cta{left:53.5%;top:72%;width:14.5%;height:10%;}
.whitepaper-cta{left:70.2%;top:72%;width:15.4%;height:10%;}
/* Token */
.bscscan-cta{left:8.2%;top:61%;width:11.2%;height:14%;}
/* Official channels */
.link-website{left:25.5%;top:18%;width:7.5%;height:68%;}
.link-youtube{left:34.2%;top:18%;width:7.5%;height:68%;}
.link-x{left:42.7%;top:18%;width:7.5%;height:68%;}
.link-telegram{left:51.0%;top:18%;width:7.5%;height:68%;}
.link-gitbook{left:59.7%;top:18%;width:7.5%;height:68%;}
.link-github{left:68.0%;top:18%;width:7.5%;height:68%;}
.link-linkedin{left:76.5%;top:18%;width:7.5%;height:68%;}
.link-email{left:84.8%;top:18%;width:7.5%;height:68%;}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.semantic-copy{display:none;}
@media (max-width:760px){
  body{background:#070b1c;}
  .site-shell{width:100%;box-shadow:none;}
  .mockup-section img{width:100%;}
  .hotspot:focus-visible{box-shadow:0 0 0 2px rgba(114,213,255,.95)}
}
@media (min-width:1441px){
  body{background:radial-gradient(circle at 50% 0%,#182b5d 0,#070b1c 38%,#070b1c 100%);}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
}

/* Real coded sticky header */
html{scroll-padding-top:82px;}
.site-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1000;
  height:70px;
  color:#fff;
  background:linear-gradient(180deg, rgba(4,8,23,.82) 0%, rgba(4,8,23,.56) 68%, rgba(4,8,23,0) 100%);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:background .28s ease, box-shadow .28s ease, height .28s ease;
}
.site-header.is-scrolled{
  height:64px;
  background:rgba(5,9,24,.86);
  box-shadow:0 16px 40px rgba(0,0,0,.22);
}
.site-header__inner{
  width:min(100%, var(--max-width));
  height:100%;
  margin:0 auto;
  padding:0 clamp(24px, 7vw, 136px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  text-decoration:none;
  font-weight:800;
  letter-spacing:.035em;
  font-size:13px;
  line-height:1;
  white-space:nowrap;
}
.brand-link img{
  width:27px;
  height:27px;
  object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(111,142,255,.35));
}
.site-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(16px, 2.2vw, 36px);
  flex:1;
}
.site-nav a{
  position:relative;
  color:rgba(255,255,255,.9);
  text-decoration:none;
  font-size:12px;
  font-weight:650;
  line-height:1;
  letter-spacing:-.01em;
  padding:10px 0;
  transition:color .2s ease;
  white-space:nowrap;
}
.site-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:3px;
  height:1px;
  background:linear-gradient(90deg,#9e6bff,#63d8ff);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .2s ease;
}
.site-nav a:hover,
.site-nav a:focus-visible{color:#fff;}
.site-nav a:hover::after,
.site-nav a:focus-visible::after{transform:scaleX(1);}
.header-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:112px;
  height:34px;
  padding:0 18px;
  border:1px solid rgba(182,206,255,.45);
  border-radius:9px;
  color:#fff;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  background:rgba(255,255,255,.04);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
.header-cta:hover,
.header-cta:focus-visible{
  background:rgba(255,255,255,.10);
  border-color:rgba(145,215,255,.75);
  transform:translateY(-1px);
}
.nav-toggle{
  display:none;
  width:40px;
  height:40px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#fff;
  padding:0;
  cursor:pointer;
}
.nav-toggle span{
  display:block;
  width:22px;
  height:2px;
  margin:5px auto;
  border-radius:99px;
  background:rgba(255,255,255,.92);
  transition:transform .2s ease, opacity .2s ease;
}
.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-open .nav-toggle span:nth-child(2){opacity:0;}
.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* Footer coded as real HTML while keeping the approved dark footer tone */
.site-footer{
  position:relative;
  background:
    radial-gradient(circle at 15% 0%, rgba(120,85,255,.20), transparent 26%),
    radial-gradient(circle at 85% 10%, rgba(78,211,255,.14), transparent 28%),
    linear-gradient(180deg,#070b1c 0%,#050815 100%);
  color:#fff;
  padding:46px clamp(24px, 7vw, 136px) 42px;
  line-height:1.45;
}
.site-footer::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(130,157,255,.46),transparent);
}
.footer-grid{
  width:100%;
  display:grid;
  grid-template-columns:1.45fr .75fr .75fr 1.05fr 1.45fr;
  gap:clamp(24px,3.2vw,54px);
  align-items:start;
}
.footer-logo{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#fff;
  text-decoration:none;
  margin-bottom:20px;
}
.footer-logo img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(137,116,255,.38));}
.footer-logo strong{font-size:14px;letter-spacing:.04em;}
.footer-brand p{
  margin:0 0 24px;
  color:rgba(255,255,255,.88);
  font-size:15px;
  font-weight:650;
}
.footer-brand small{
  display:block;
  color:rgba(255,255,255,.48);
  font-size:11px;
}
.footer-column h3,
.footer-disclaimer h3{
  margin:0 0 14px;
  color:rgba(174,195,255,.82);
  font-size:11px;
  font-weight:800;
  letter-spacing:.03em;
}
.footer-column a{
  display:block;
  width:max-content;
  max-width:100%;
  color:rgba(255,255,255,.62);
  text-decoration:none;
  font-size:12px;
  margin:0 0 8px;
  transition:color .2s ease, transform .2s ease;
}
.footer-column a:hover,
.footer-column a:focus-visible{color:#fff;transform:translateX(2px);}
.token-info dl{margin:0;}
.token-info div{margin-bottom:8px;}
.token-info dt{
  color:rgba(255,255,255,.45);
  font-size:11px;
  margin-bottom:2px;
}
.token-info dd{
  margin:0;
  color:rgba(255,255,255,.82);
  font-size:12px;
  word-break:break-word;
}
.footer-disclaimer{
  border:1px solid rgba(141,166,255,.20);
  border-radius:16px;
  padding:18px 20px;
  background:rgba(255,255,255,.03);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.footer-disclaimer p{
  margin:0;
  color:rgba(255,255,255,.62);
  font-size:12px;
}

@media (max-width:980px){
  .site-header{height:66px;background:rgba(5,9,24,.82);}
  .site-header__inner{padding:0 24px;}
  .site-nav{
    position:fixed;
    top:66px;
    left:0;
    right:0;
    display:grid;
    grid-template-columns:1fr;
    gap:0;
    padding:14px 24px 22px;
    background:rgba(5,9,24,.95);
    border-top:1px solid rgba(255,255,255,.06);
    box-shadow:0 24px 48px rgba(0,0,0,.28);
    transform:translateY(-14px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .2s ease, transform .2s ease, visibility .2s ease;
  }
  .site-header.nav-open .site-nav{
    transform:translateY(0);
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .site-nav a{
    font-size:14px;
    padding:15px 0;
    border-bottom:1px solid rgba(255,255,255,.06);
  }
  .site-nav a::after{display:none;}
  .header-cta{margin-left:auto;height:36px;min-width:106px;}
  .nav-toggle{display:block;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .footer-brand,.footer-disclaimer{grid-column:1 / -1;}
}
@media (max-width:560px){
  html{scroll-padding-top:72px;}
  .site-header{height:62px;}
  .site-header__inner{padding:0 16px;gap:14px;}
  .brand-link span{font-size:12px;}
  .brand-link img{width:25px;height:25px;}
  .header-cta{display:none;}
  .site-nav{top:62px;padding:12px 18px 18px;}
  .site-footer{padding:38px 22px 36px;}
  .footer-grid{grid-template-columns:1fr;gap:26px;}
  .footer-column a{font-size:13px;margin-bottom:10px;}
  .footer-disclaimer{border-radius:14px;}
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .site-header{background:rgba(5,9,24,.92);}
}

/* Real coded Hero Carousel — v4 */
.hero-coded{
  position:relative;
  height:clamp(430px, 35.42vw, 510px);
  min-height:430px;
  overflow:hidden;
  background:#040719;
  color:#fff;
  isolation:isolate;
  line-height:1;
}
.hero-coded::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    radial-gradient(circle at 72% 38%, rgba(121,111,255,.12), transparent 33%),
    linear-gradient(90deg, rgba(4,7,20,.84) 0%, rgba(4,7,20,.40) 42%, rgba(4,7,20,.12) 70%, rgba(4,7,20,.68) 100%),
    linear-gradient(180deg, rgba(4,7,20,.15) 0%, rgba(4,7,20,0) 46%, rgba(4,7,20,.78) 100%);
}
.hero-track,
.hero-slide,
.hero-bg{
  position:absolute;
  inset:0;
}
.hero-track{z-index:1;}
.hero-slide{
  opacity:0;
  visibility:hidden;
  transition:opacity .85s ease, visibility .85s ease;
}
.hero-slide.is-active{
  opacity:1;
  visibility:visible;
}
.hero-bg{
  background-size:cover;
  background-position:center center;
  transform:scale(1.012);
  transition:transform 6s ease;
}
.hero-slide.is-active .hero-bg{transform:scale(1.04);}
.hero-copy{
  position:relative;
  z-index:5;
  width:min(44vw, 520px);
  padding-top:clamp(112px, 8.7vw, 132px);
  margin-left:clamp(64px, 10.45vw, 151px);
}
.hero-kicker{
  margin:0 0 14px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:rgba(168,200,255,.88);
  font-size:12px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.hero-kicker::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:linear-gradient(135deg,#a66bff,#67d9ff);
  box-shadow:0 0 16px rgba(103,217,255,.68);
}
.hero-copy h1{
  margin:0;
  max-width:560px;
  color:#fff;
  font-size:clamp(48px, 4.48vw, 66px);
  line-height:1.03;
  letter-spacing:-.064em;
  font-weight:850;
  text-shadow:0 14px 38px rgba(0,0,0,.32);
}
.hero-copy h1 span{
  display:inline-block;
  background:linear-gradient(90deg,#dc5cff 0%,#9866ff 38%,#55d7ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  letter-spacing:-.07em;
}
.hero-description{
  width:min(100%, 395px);
  margin:22px 0 0;
  color:rgba(255,255,255,.86);
  font-size:14px;
  font-weight:540;
  line-height:1.6;
  letter-spacing:-.01em;
}
.hero-actions{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:28px;
}
.hero-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:46px;
  padding:0 29px;
  border-radius:10px;
  text-decoration:none;
  font-size:13px;
  font-weight:850;
  letter-spacing:-.01em;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.hero-primary{
  color:#fff;
  background:linear-gradient(100deg,#b14bff 0%,#8c62ff 46%,#39d7ff 100%);
  box-shadow:0 18px 44px rgba(98,100,255,.34), inset 0 1px 0 rgba(255,255,255,.28);
}
.hero-secondary{
  color:#fff;
  border:1px solid rgba(160,197,255,.54);
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.hero-actions a:hover,
.hero-actions a:focus-visible{
  transform:translateY(-2px);
  outline:none;
}
.hero-primary:hover,
.hero-primary:focus-visible{box-shadow:0 22px 56px rgba(98,100,255,.46), inset 0 1px 0 rgba(255,255,255,.34);}
.hero-secondary:hover,
.hero-secondary:focus-visible{background:rgba(255,255,255,.095);border-color:rgba(110,220,255,.85);}
.hero-control{
  position:absolute;
  z-index:8;
  top:49%;
  width:48px;
  height:48px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.62);
  color:#fff;
  background:rgba(255,255,255,.025);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  cursor:pointer;
  transition:transform .22s ease, background .22s ease, border-color .22s ease;
}
.hero-control span{font-size:33px;line-height:1;transform:translateY(-2px);font-weight:260;}
.hero-control--prev{left:clamp(28px, 5.55vw, 80px);}
.hero-control--next{right:clamp(28px, 5.55vw, 80px);}
.hero-control:hover,
.hero-control:focus-visible{
  transform:translateY(-1px);
  background:rgba(255,255,255,.10);
  border-color:rgba(107,215,255,.9);
  outline:none;
}
.hero-pagination{
  position:absolute;
  z-index:8;
  left:clamp(64px, 10.45vw, 151px);
  bottom:34px;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:22px;
  color:rgba(255,255,255,.72);
}
.hero-dot{
  width:7px;
  height:7px;
  border:0;
  border-radius:999px;
  padding:0;
  cursor:pointer;
  background:rgba(255,255,255,.42);
  box-shadow:none;
  transition:width .25s ease, background .25s ease, box-shadow .25s ease;
}
.hero-dot.is-active{
  width:8px;
  height:8px;
  background:linear-gradient(135deg,#ad58ff,#65dcff);
  box-shadow:0 0 16px rgba(113,218,255,.82);
}
.hero-count{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:rgba(255,255,255,.64);
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
}
.hero-count b{color:#fff;font-weight:900;}
.hero-count i{
  display:block;
  width:38px;
  height:1px;
  background:rgba(255,255,255,.54);
}
@media (max-width:980px){
  .hero-coded{height:620px;min-height:620px;}
  .hero-coded::before{
    background:
      radial-gradient(circle at 72% 22%, rgba(110,102,255,.16), transparent 32%),
      linear-gradient(180deg, rgba(4,7,20,.64) 0%, rgba(4,7,20,.36) 32%, rgba(4,7,20,.82) 100%),
      linear-gradient(90deg, rgba(4,7,20,.80) 0%, rgba(4,7,20,.30) 62%, rgba(4,7,20,.72) 100%);
  }
  .hero-bg{background-position:62% center;}
  .hero-copy{
    width:min(78vw, 570px);
    padding-top:118px;
    margin-left:40px;
  }
  .hero-copy h1{font-size:clamp(48px, 8vw, 72px);}
  .hero-description{font-size:15px;max-width:460px;}
  .hero-pagination{left:40px;bottom:34px;}
  .hero-control{top:auto;bottom:28px;width:42px;height:42px;}
  .hero-control--prev{left:auto;right:92px;}
  .hero-control--next{right:40px;}
}
@media (max-width:560px){
  .hero-coded{height:660px;min-height:660px;}
  .hero-bg{background-position:68% center;transform:scale(1.10);}
  .hero-slide.is-active .hero-bg{transform:scale(1.13);}
  .hero-copy{
    width:calc(100% - 40px);
    padding-top:112px;
    margin-left:20px;
  }
  .hero-kicker{font-size:10px;margin-bottom:12px;}
  .hero-copy h1{font-size:46px;line-height:1.04;letter-spacing:-.055em;}
  .hero-description{width:100%;font-size:14px;line-height:1.65;margin-top:20px;}
  .hero-actions{gap:10px;flex-wrap:wrap;margin-top:24px;}
  .hero-actions a{height:44px;padding:0 20px;border-radius:10px;font-size:12px;}
  .hero-pagination{left:20px;bottom:26px;gap:10px;}
  .hero-count i{width:30px;}
  .hero-control{bottom:20px;width:38px;height:38px;}
  .hero-control span{font-size:29px;}
  .hero-control--prev{right:70px;}
  .hero-control--next{right:20px;}
}
@media (prefers-reduced-motion:reduce){
  .hero-slide,.hero-bg,.hero-actions a,.hero-control,.hero-dot{transition:none!important;}
  .hero-slide.is-active .hero-bg{transform:none;}
}

/* v4 tuning: keep background treatment under the real HTML text */
.hero-coded::before{display:none;}
.hero-bg::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 72% 38%, rgba(121,111,255,.10), transparent 33%),
    linear-gradient(90deg, rgba(4,7,20,.20) 0%, rgba(4,7,20,.08) 48%, rgba(4,7,20,.22) 100%),
    linear-gradient(180deg, rgba(4,7,20,.04) 0%, rgba(4,7,20,0) 46%, rgba(4,7,20,.30) 100%);
}

/* v4 design-match tuning: the approved mockup hero starts directly with the main headline */
.hero-kicker{display:none;}
@media (max-width:980px){.hero-kicker{display:none;}}

/* v4 pagination alignment to match approved mockup: below CTA row */
.hero-pagination{bottom:16px;}
@media (max-width:980px){.hero-pagination{bottom:26px;}}
@media (max-width:560px){.hero-pagination{bottom:24px;}}

/* v5 — Real coded YouTube + Intro section */
.youtube-coded{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 34%, rgba(156,119,255,.10), transparent 24%),
    radial-gradient(circle at 78% 22%, rgba(92,210,255,.10), transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#f9fbff 52%,#f5f8ff 100%);
  padding:36px clamp(24px, 7vw, 136px) 54px;
  line-height:1.4;
}
.youtube-coded::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(129,150,255,.20),transparent);
  pointer-events:none;
}
.youtube-coded__inner{
  width:100%;
  max-width:1120px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(360px, .92fr);
  align-items:center;
  gap:48px;
}
.video-card{
  position:relative;
  overflow:hidden;
  min-height:300px;
  border-radius:12px;
  background:#050711;
  box-shadow:0 22px 56px rgba(19,25,52,.22), 0 2px 0 rgba(255,255,255,.08) inset;
  isolation:isolate;
}
.video-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.10);
  pointer-events:none;
  z-index:8;
}
.video-card__topbar,
.video-card__footer{
  position:absolute;
  left:0;
  right:0;
  z-index:7;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#fff;
  pointer-events:none;
}
.video-card__topbar{
  top:0;
  height:42px;
  padding:0 16px;
  background:linear-gradient(180deg,rgba(0,0,0,.44),rgba(0,0,0,0));
}
.video-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:11px;
  font-weight:700;
  color:rgba(255,255,255,.88);
}
.video-badge img{width:18px;height:18px;object-fit:contain;}
.video-share{font-size:16px;color:rgba(255,255,255,.9);}
.video-stage{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  background:#050711;
}
.video-poster,
.video-iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.video-poster{
  object-fit:cover;
  z-index:1;
  filter:saturate(1.05) contrast(1.02);
}
.video-iframe{
  z-index:5;
  opacity:0;
  pointer-events:none;
  transition:opacity .35s ease;
  background:#000;
}
.video-card.is-loaded .video-iframe{
  opacity:1;
  pointer-events:auto;
}
.video-card.is-loaded .video-play,
.video-card.is-loaded .video-poster,
.video-card.is-loaded .video-card__topbar,
.video-card.is-loaded .video-card__footer{
  opacity:0;
  visibility:hidden;
}
.video-play{
  position:relative;
  z-index:6;
  width:58px;
  height:58px;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  background:rgba(0,0,0,.64);
  box-shadow:0 16px 40px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,255,255,.12);
  cursor:pointer;
  transition:transform .22s ease, background .22s ease, box-shadow .22s ease;
}
.video-play span{
  transform:translateX(2px);
  font-size:18px;
}
.video-play:hover,
.video-play:focus-visible{
  transform:scale(1.08);
  background:linear-gradient(135deg,#a64dff,#4bd4ff);
  box-shadow:0 18px 48px rgba(92,151,255,.46);
  outline:none;
}
.video-card__footer{
  bottom:0;
  min-height:38px;
  gap:12px;
  padding:9px 15px;
  background:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,0));
  font-size:11px;
  color:rgba(255,255,255,.78);
}
.video-title-text{
  flex:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:rgba(255,255,255,.72);
}
.youtube-mark{font-weight:800;color:rgba(255,255,255,.86);}
.intro-panel{
  position:relative;
  min-height:300px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:6px 0;
  color:#071225;
}
.section-kicker{
  margin:0 0 0;
  font-size:23px;
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.03em;
  color:#10172e;
}
.intro-panel h2{
  margin:0 0 18px;
  font-size:44px;
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:900;
  color:#071225;
}
.intro-panel p{
  max-width:430px;
  margin:0 0 13px;
  color:#435069;
  font-size:14px;
  line-height:1.62;
  font-weight:520;
  letter-spacing:-.01em;
}
.feature-mini-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:14px;
  max-width:430px;
  margin:24px 0 26px;
}
.mini-feature{
  min-height:74px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
}
.mini-icon{
  width:38px;
  height:38px;
  display:inline-grid;
  place-items:center;
  border-radius:50%;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.95), rgba(255,255,255,.42)),
    linear-gradient(135deg,rgba(119,225,255,.34),rgba(143,100,255,.25));
  border:1px solid rgba(80,145,255,.26);
  color:#4074ff;
  font-size:12px;
  font-weight:900;
  box-shadow:0 10px 22px rgba(77,142,255,.14), inset 0 1px 0 rgba(255,255,255,.86);
}
.mini-feature strong{
  color:#19233a;
  font-size:11px;
  line-height:1.22;
  letter-spacing:-.02em;
  font-weight:800;
}
.intro-actions{
  display:flex;
  align-items:center;
  gap:18px;
}
.intro-actions a{
  height:44px;
  min-width:190px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:9px;
  text-decoration:none;
  font-size:12px;
  font-weight:850;
  letter-spacing:-.01em;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.intro-primary{
  color:#fff;
  border:0;
  background:linear-gradient(100deg,#c449ff 0%,#7b66ff 52%,#31cdfa 100%);
  box-shadow:0 14px 32px rgba(116,99,255,.26), inset 0 1px 0 rgba(255,255,255,.34);
}
.intro-secondary{
  color:#111a2f;
  border:1px solid rgba(18,36,72,.25);
  background:rgba(255,255,255,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.80);
}
.intro-actions a:hover,
.intro-actions a:focus-visible{
  transform:translateY(-2px);
  outline:none;
}
.intro-primary:hover,
.intro-primary:focus-visible{box-shadow:0 18px 44px rgba(116,99,255,.35), inset 0 1px 0 rgba(255,255,255,.38);}
.intro-secondary:hover,
.intro-secondary:focus-visible{border-color:rgba(68,133,255,.48);background:#fff;}
@media (max-width:980px){
  .youtube-coded{padding:34px 40px 48px;}
  .youtube-coded__inner{grid-template-columns:1fr;gap:30px;}
  .video-card{min-height:auto;aspect-ratio:1.47/1;}
  .intro-panel{min-height:0;text-align:left;}
  .feature-mini-grid{max-width:100%;}
  .intro-panel p{max-width:640px;}
}
@media (max-width:560px){
  .youtube-coded{padding:28px 18px 42px;}
  .youtube-coded__inner{gap:24px;}
  .video-card{border-radius:12px;aspect-ratio:1.42/1;}
  .video-card__topbar{height:38px;padding:0 12px;}
  .video-card__footer{font-size:10px;padding:9px 12px;}
  .video-play{width:52px;height:52px;}
  .section-kicker{font-size:19px;}
  .intro-panel h2{font-size:38px;margin-bottom:14px;}
  .intro-panel p{font-size:13px;line-height:1.62;}
  .feature-mini-grid{grid-template-columns:repeat(2, minmax(0,1fr));gap:12px;margin:22px 0 24px;}
  .mini-feature{min-height:68px;}
  .intro-actions{display:grid;grid-template-columns:1fr;gap:12px;}
  .intro-actions a{width:100%;min-width:0;}
}

/* v6 — Real coded About BTSChain section */
.about-coded{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 54% 0%, rgba(146,104,255,.12), transparent 26%),
    radial-gradient(circle at 88% 12%, rgba(101,213,255,.10), transparent 20%),
    linear-gradient(180deg,#fbfcff 0%,#ffffff 48%,#f5f9ff 100%);
  padding:46px clamp(24px, 7vw, 136px) 40px;
  line-height:1.4;
  color:#071225;
}
.about-coded::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(100,169,255,.20),transparent);
  pointer-events:none;
}
.about-coded__inner{
  width:100%;
  max-width:1120px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(250px,.82fr) minmax(0,1.7fr);
  align-items:center;
  gap:72px;
}
.about-copy{
  position:relative;
  z-index:2;
}
.about-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0 0 14px;
  color:#5c63ff;
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:.055em;
}
.about-eyebrow span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:linear-gradient(135deg,#55d9ff,#9068ff);
  box-shadow:0 0 14px rgba(105,130,255,.55);
}
.about-copy h2{
  margin:0 0 18px;
  font-size:clamp(31px, 2.9vw, 44px);
  line-height:1.1;
  letter-spacing:-.055em;
  font-weight:950;
  color:#071225;
}
.about-copy p{
  max-width:360px;
  margin:0 0 24px;
  color:#41506a;
  font-size:14px;
  line-height:1.72;
  font-weight:530;
  letter-spacing:-.012em;
}
.about-cta{
  width:max-content;
  min-width:214px;
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border-radius:9px;
  border:1px solid rgba(20,37,72,.28);
  background:rgba(255,255,255,.62);
  color:#142039;
  text-decoration:none;
  font-size:12px;
  font-weight:850;
  letter-spacing:-.01em;
  box-shadow:0 12px 26px rgba(23,38,70,.06), inset 0 1px 0 rgba(255,255,255,.86);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.about-cta span{
  width:20px;
  height:20px;
  display:inline-grid;
  place-items:center;
  border-radius:50%;
  color:#4558ff;
  background:rgba(81,101,255,.08);
}
.about-cta:hover,
.about-cta:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(78,126,255,.48);
  background:#fff;
  box-shadow:0 16px 38px rgba(67,93,170,.13), inset 0 1px 0 rgba(255,255,255,.9);
  outline:none;
}
.about-card-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:32px;
}
.about-card{
  position:relative;
  min-height:235px;
  padding:34px 28px 29px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  border-radius:15px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(214,222,244,.78);
  box-shadow:0 22px 48px rgba(28,38,80,.08), inset 0 1px 0 rgba(255,255,255,.92);
  overflow:hidden;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.about-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 0%, rgba(134,111,255,.11), transparent 42%);
  opacity:.9;
  pointer-events:none;
}
.about-card:hover{
  transform:translateY(-5px);
  border-color:rgba(128,154,255,.52);
  box-shadow:0 30px 62px rgba(34,48,105,.13), inset 0 1px 0 rgba(255,255,255,.94);
}
.about-icon{
  position:relative;
  z-index:1;
  width:68px;
  height:68px;
  margin:0 auto 22px;
  display:grid;
  place-items:center;
}
.about-icon img{
  width:68px;
  height:68px;
  object-fit:contain;
  filter:drop-shadow(0 12px 16px rgba(80,109,255,.16));
}
.about-card h3{
  position:relative;
  z-index:1;
  margin:0 0 16px;
  color:#10172e;
  font-size:18px;
  line-height:1.2;
  letter-spacing:-.035em;
  font-weight:900;
}
.about-card p{
  position:relative;
  z-index:1;
  max-width:180px;
  margin:0 auto;
  color:#445069;
  font-size:12.5px;
  line-height:1.65;
  font-weight:540;
  letter-spacing:-.01em;
}
@media (max-width:980px){
  .about-coded{padding:44px 40px 48px;}
  .about-coded__inner{grid-template-columns:1fr;gap:34px;}
  .about-copy{max-width:620px;}
  .about-copy p{max-width:600px;}
  .about-card-grid{gap:18px;}
  .about-card{min-height:220px;padding:30px 20px 26px;}
}
@media (max-width:700px){
  .about-card-grid{grid-template-columns:1fr;}
  .about-card{min-height:auto;padding:28px 22px 25px;}
  .about-card p{max-width:280px;}
}
@media (max-width:560px){
  .about-coded{padding:38px 18px 42px;}
  .about-copy h2{font-size:32px;line-height:1.13;}
  .about-copy p{font-size:13px;line-height:1.68;margin-bottom:21px;}
  .about-cta{width:100%;min-width:0;}
  .about-card-grid{gap:14px;}
  .about-card{border-radius:14px;}
  .about-icon,.about-icon img{width:62px;height:62px;}
}

/* v7 — Real coded AI Avatar Concept section */
.ai-avatar-coded{
  position:relative;
  overflow:hidden;
  min-height:330px;
  padding:64px clamp(24px, 7vw, 136px) 58px;
  color:#071225;
  background:
    radial-gradient(circle at 52% -10%, rgba(255,255,255,.98), rgba(255,255,255,0) 31%),
    radial-gradient(circle at 82% 35%, rgba(105,184,255,.22), rgba(105,184,255,0) 32%),
    radial-gradient(circle at 42% 84%, rgba(151,113,255,.13), rgba(151,113,255,0) 28%),
    linear-gradient(180deg,#eef8ff 0%,#eaf5ff 44%,#f8fbff 100%);
}
.ai-avatar-coded::before{
  content:"";
  position:absolute;
  inset:-16% -10% -18% 32%;
  background:
    radial-gradient(ellipse at 38% 30%, rgba(255,255,255,.72), transparent 33%),
    radial-gradient(ellipse at 65% 44%, rgba(213,236,255,.54), transparent 34%),
    linear-gradient(135deg, transparent 15%, rgba(255,255,255,.28) 38%, transparent 62%);
  transform:skewX(-10deg);
  pointer-events:none;
}
.ai-avatar-coded::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(68,141,255,.16),transparent);
}
.ai-avatar-coded__inner{
  position:relative;
  z-index:2;
  width:100%;
  max-width:1120px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(260px,.75fr) minmax(0,1.45fr);
  align-items:center;
  gap:62px;
}
.avatar-copy{position:relative;z-index:3;}
.avatar-eyebrow{
  margin:0 0 14px;
  color:#6c6cff;
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:.065em;
}
.avatar-copy h2{
  margin:0 0 17px;
  color:#071225;
  font-size:clamp(32px, 3.1vw, 46px);
  line-height:1.05;
  letter-spacing:-.058em;
  font-weight:950;
}
.avatar-copy p{
  max-width:410px;
  margin:0 0 24px;
  color:#3f4d67;
  font-size:14px;
  line-height:1.72;
  font-weight:540;
  letter-spacing:-.012em;
}
.avatar-check-list{
  display:grid;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
  color:#264158;
  font-size:13px;
  font-weight:710;
  line-height:1.25;
}
.avatar-check-list li{
  display:flex;
  align-items:center;
  gap:10px;
}
.avatar-check-list span{
  width:18px;
  height:18px;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:999px;
  color:#ffffff;
  font-size:11px;
  font-weight:950;
  background:linear-gradient(135deg,#42ddff,#685cff);
  box-shadow:0 9px 18px rgba(44,158,239,.22);
}
.avatar-showcase{
  position:relative;
  min-height:320px;
  isolation:isolate;
}
.avatar-orbit{
  position:absolute;
  border-radius:999px;
  pointer-events:none;
  z-index:0;
}
.avatar-orbit--one{
  width:440px;
  height:170px;
  left:17%;
  top:24%;
  border:1px solid rgba(123,169,255,.24);
  transform:rotate(-8deg);
  background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.38), transparent 52%);
  filter:blur(.1px);
}
.avatar-orbit--two{
  width:270px;
  height:90px;
  right:10%;
  top:9%;
  border:1px solid rgba(255,255,255,.76);
  transform:rotate(18deg);
  opacity:.8;
}
.glass-float-card{
  position:absolute;
  z-index:2;
  border:1px solid rgba(203,220,252,.82);
  background:rgba(255,255,255,.73);
  box-shadow:0 22px 48px rgba(68,107,170,.13), inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.float-card-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#5d6e90;
  font-size:12px;
  line-height:1;
  font-weight:850;
  letter-spacing:-.01em;
  margin-bottom:12px;
}
.float-card-title i{
  font-style:normal;
  color:#6c7cff;
  opacity:.85;
}
.profile-float-card{
  width:150px;
  min-height:160px;
  left:4%;
  top:82px;
  padding:16px 15px 15px;
  border-radius:13px;
}
.profile-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:10px;
}
.profile-grid img{
  width:52px;
  height:52px;
  object-fit:cover;
  border-radius:10px;
  background:linear-gradient(135deg,#fff,#eff5ff);
  box-shadow:0 8px 18px rgba(65,93,168,.10);
}
.avatar-main-card{
  position:absolute;
  z-index:3;
  left:31%;
  top:-18px;
  width:213px;
  height:334px;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 30px 68px rgba(12,24,68,.28),0 0 0 1px rgba(255,255,255,.32);
  background:linear-gradient(180deg,#0b1130,#050816);
}
.avatar-main-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), inset 0 -20px 45px rgba(15,21,62,.26);
  pointer-events:none;
}
.avatar-main-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:left center;
  transform:scale(1.02);
}
.stats-float-card{
  width:188px;
  right:9%;
  top:22px;
  padding:17px 18px 14px;
  border-radius:14px;
}
.stats-float-card dl{margin:0;display:grid;gap:11px;}
.stats-float-card div{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:12px;
}
.stats-float-card dt{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  color:#5a6887;
  font-size:11px;
  font-weight:780;
}
.stats-float-card dt span{
  width:22px;
  height:22px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  color:#fff;
  font-size:10px;
  background:linear-gradient(135deg,#58d8ff,#665fff);
  box-shadow:0 7px 14px rgba(69,105,255,.20);
}
.stats-float-card dd{
  margin:0;
  color:#0b1730;
  font-size:13px;
  font-weight:950;
  letter-spacing:-.01em;
}
.companion-float-card{
  width:206px;
  right:1%;
  bottom:35px;
  padding:16px 17px;
  border-radius:14px;
}
.companion-row{
  display:flex;
  align-items:center;
  gap:12px;
}
.companion-row img{
  width:42px;
  height:42px;
  border-radius:999px;
  object-fit:cover;
  box-shadow:0 8px 18px rgba(80,105,180,.14);
}
.companion-row strong,
.companion-row span{display:block;line-height:1.2;}
.companion-row strong{
  color:#121a30;
  font-size:13px;
  font-weight:950;
  letter-spacing:-.02em;
}
.companion-row span{
  margin-top:4px;
  color:#6a7895;
  font-size:11px;
  font-weight:680;
}
@media (max-width:980px){
  .ai-avatar-coded{padding:54px 40px 54px;}
  .ai-avatar-coded__inner{grid-template-columns:1fr;gap:30px;}
  .avatar-copy{max-width:640px;}
  .avatar-copy p{max-width:620px;}
  .avatar-showcase{min-height:350px;max-width:680px;width:100%;margin:0 auto;}
  .profile-float-card{left:6%;}
  .avatar-main-card{left:36%;}
  .stats-float-card{right:6%;}
  .companion-float-card{right:3%;}
}
@media (max-width:680px){
  .avatar-showcase{min-height:510px;}
  .avatar-main-card{left:50%;top:16px;transform:translateX(-50%);width:206px;height:323px;}
  .profile-float-card{left:0;top:318px;width:152px;}
  .stats-float-card{right:0;top:310px;width:188px;}
  .companion-float-card{left:50%;right:auto;bottom:16px;transform:translateX(-50%);width:min(235px,100%);}
  .avatar-orbit--one{left:50%;top:120px;width:360px;height:130px;transform:translateX(-50%) rotate(-8deg);}
  .avatar-orbit--two{display:none;}
}
@media (max-width:560px){
  .ai-avatar-coded{padding:42px 18px 44px;}
  .avatar-eyebrow{font-size:10px;margin-bottom:12px;}
  .avatar-copy h2{font-size:32px;line-height:1.12;}
  .avatar-copy p{font-size:13px;line-height:1.68;margin-bottom:20px;}
  .avatar-check-list{font-size:12.5px;gap:10px;}
  .avatar-showcase{min-height:570px;}
  .avatar-main-card{width:198px;height:310px;}
  .profile-float-card{top:324px;width:142px;padding:14px 13px;}
  .profile-grid{gap:8px;}
  .profile-grid img{width:49px;height:49px;}
  .stats-float-card{top:322px;width:176px;padding:15px 14px;}
  .companion-float-card{bottom:26px;}
  .float-card-title{font-size:11px;}
}
@media (max-width:390px){
  .profile-float-card{position:relative;left:auto;top:auto;width:100%;margin-top:350px;}
  .profile-grid{grid-template-columns:repeat(4,1fr);}
  .profile-grid img{width:100%;height:auto;aspect-ratio:1/1;}
  .stats-float-card{position:relative;right:auto;top:auto;width:100%;margin-top:14px;}
  .companion-float-card{position:relative;left:auto;bottom:auto;transform:none;width:100%;margin-top:14px;}
  .avatar-showcase{min-height:auto;}
}

/* v8 — Real coded Ecosystem Overview section */
.ecosystem-coded{
  position:relative;
  overflow:hidden;
  padding:34px clamp(24px, 7vw, 136px) 34px;
  color:#fff;
  line-height:1.35;
  background:
    radial-gradient(circle at 10% 15%, rgba(96,110,255,.26), transparent 25%),
    radial-gradient(circle at 93% 4%, rgba(163,76,255,.22), transparent 23%),
    radial-gradient(circle at 80% 100%, rgba(47,213,255,.16), transparent 24%),
    linear-gradient(90deg,#061024 0%,#071634 38%,#071126 69%,#050a1a 100%);
  isolation:isolate;
}
.ecosystem-coded::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, transparent 0%, rgba(87,127,255,.10) 50%, transparent 100%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, transparent 1px 170px);
  opacity:.75;
  pointer-events:none;
}
.ecosystem-coded::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(57,212,255,.45),rgba(141,84,255,.36),transparent);
  pointer-events:none;
}
.ecosystem-coded__inner{
  position:relative;
  z-index:2;
  width:100%;
  max-width:1120px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(250px,.82fr) minmax(0,2fr);
  align-items:center;
  gap:52px;
}
.ecosystem-heading{
  min-width:0;
}
.ecosystem-eyebrow{
  margin:0 0 12px;
  color:#9a6eff;
  text-transform:uppercase;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.065em;
}
.ecosystem-heading h2{
  margin:0;
  color:#fff;
  font-size:clamp(27px,2.55vw,38px);
  line-height:1.13;
  letter-spacing:-.055em;
  font-weight:930;
  text-shadow:0 14px 34px rgba(0,0,0,.24);
}
.ecosystem-heading h2 span{
  display:block;
}
.ecosystem-grid{
  display:grid;
  grid-template-columns:repeat(6, minmax(0,1fr));
  gap:0;
  align-items:stretch;
}
.ecosystem-item{
  position:relative;
  min-height:136px;
  padding:2px 18px 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
}
.ecosystem-item:not(:last-child)::after{
  content:"";
  position:absolute;
  top:13px;
  right:0;
  width:1px;
  height:104px;
  background:linear-gradient(180deg,transparent,rgba(118,169,255,.22),transparent);
}
.ecosystem-icon{
  width:50px;
  height:50px;
  margin:0 auto 11px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.28),rgba(77,218,255,.08) 46%,rgba(123,92,255,.10) 100%);
  filter:drop-shadow(0 0 18px rgba(79,215,255,.30));
}
.ecosystem-icon svg{
  width:40px;
  height:40px;
  fill:rgba(69,211,255,.13);
  stroke:#5ee3ff;
  stroke-width:2.15;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ecosystem-icon--avatar svg{stroke:#79b8ff;fill:rgba(105,142,255,.13)}
.ecosystem-icon--community svg{stroke:#5ee0ff;fill:rgba(77,211,255,.12)}
.ecosystem-icon--token svg{stroke:#68ecff;fill:rgba(88,227,255,.12)}
.ecosystem-icon--partner svg{stroke:#8f83ff;fill:rgba(125,99,255,.15)}
.ecosystem-icon--future svg{stroke:#c36bff;fill:rgba(169,93,255,.14)}
.ecosystem-item h3{
  margin:0 0 8px;
  color:#fff;
  font-size:12px;
  line-height:1.18;
  letter-spacing:-.02em;
  font-weight:900;
}
.ecosystem-item p{
  max-width:118px;
  margin:0 auto;
  color:rgba(232,242,255,.72);
  font-size:10.5px;
  line-height:1.45;
  font-weight:560;
  letter-spacing:-.01em;
}
.ecosystem-item:hover .ecosystem-icon{
  filter:drop-shadow(0 0 24px rgba(90,222,255,.46));
}
@media (max-width:1100px){
  .ecosystem-coded{padding:38px 40px;}
  .ecosystem-coded__inner{grid-template-columns:1fr;gap:28px;}
  .ecosystem-heading{text-align:center;}
  .ecosystem-heading h2 span{display:inline;}
  .ecosystem-grid{grid-template-columns:repeat(3, minmax(0,1fr));gap:22px 0;}
  .ecosystem-item{min-height:126px;}
  .ecosystem-item:nth-child(3)::after{display:none;}
  .ecosystem-item p{max-width:150px;}
}
@media (max-width:700px){
  .ecosystem-grid{grid-template-columns:repeat(2, minmax(0,1fr));gap:18px 0;}
  .ecosystem-item:nth-child(2)::after,
  .ecosystem-item:nth-child(4)::after{display:none;}
  .ecosystem-item:nth-child(3)::after{display:block;}
}
@media (max-width:560px){
  .ecosystem-coded{padding:38px 18px 40px;}
  .ecosystem-coded__inner{gap:24px;}
  .ecosystem-eyebrow{font-size:10px;margin-bottom:10px;}
  .ecosystem-heading h2{font-size:30px;line-height:1.12;}
  .ecosystem-grid{gap:16px 0;}
  .ecosystem-item{min-height:132px;padding:0 12px;}
  .ecosystem-item:not(:last-child)::after{height:100px;top:14px;}
  .ecosystem-icon{width:48px;height:48px;margin-bottom:10px;}
  .ecosystem-icon svg{width:38px;height:38px;}
  .ecosystem-item h3{font-size:12px;}
  .ecosystem-item p{font-size:10px;max-width:132px;}
}
@media (max-width:390px){
  .ecosystem-grid{grid-template-columns:1fr;gap:12px;}
  .ecosystem-item{min-height:auto;padding:14px 14px 16px;border:1px solid rgba(125,169,255,.12);border-radius:14px;background:rgba(255,255,255,.035);}
  .ecosystem-item::after{display:none!important;}
  .ecosystem-item p{max-width:220px;}
}

/* v9 — Real coded Token Economic section */
.token-economic-coded{
  position:relative;
  overflow:hidden;
  padding:48px clamp(24px, 7vw, 136px) 34px;
  color:#142038;
  line-height:1.35;
  background:
    radial-gradient(circle at 12% 18%, rgba(121,94,255,.12), transparent 28%),
    radial-gradient(circle at 78% 8%, rgba(79,197,255,.14), transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#f7faff 58%,#f2f6ff 100%);
  isolation:isolate;
}
.token-economic-coded::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.92), rgba(255,255,255,.70) 42%, rgba(255,255,255,.92)),
    repeating-linear-gradient(90deg, rgba(117,142,255,.055) 0 1px, transparent 1px 150px);
  opacity:.92;
}
.token-economic-coded::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(118,103,255,.22),rgba(92,208,255,.22),transparent);
}
.token-economic__inner{
  position:relative;
  z-index:1;
  width:100%;
  max-width:1120px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(210px,.92fr) minmax(390px,1.55fr) minmax(230px,.9fr);
  align-items:center;
  gap:34px;
}
.token-copy{min-width:0;}
.token-eyebrow{
  margin:0 0 12px;
  color:#7a55ff;
  font-size:10.5px;
  line-height:1;
  font-weight:950;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.token-copy h2{
  margin:0 0 14px;
  color:#0d172b;
  font-size:clamp(28px,2.65vw,39px);
  line-height:1.08;
  letter-spacing:-.065em;
  font-weight:950;
}
.token-copy p{
  max-width:320px;
  margin:0 0 20px;
  color:#66718a;
  font-size:12.5px;
  line-height:1.62;
  font-weight:560;
  letter-spacing:-.012em;
}
.token-bscscan{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:132px;
  height:43px;
  padding:0 20px;
  border:1px solid rgba(15,23,42,.20);
  border-radius:9px;
  color:#1b2742;
  text-decoration:none;
  font-size:12px;
  line-height:1;
  font-weight:860;
  background:rgba(255,255,255,.58);
  box-shadow:0 16px 32px rgba(26,50,100,.08), inset 0 1px 0 rgba(255,255,255,.75);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.token-bscscan:hover,
.token-bscscan:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(126,96,255,.38);
  box-shadow:0 20px 42px rgba(87,100,190,.14), inset 0 1px 0 rgba(255,255,255,.8);
}
.token-bscscan span{font-size:15px;line-height:1;}
.token-chart-wrap{
  min-width:0;
  display:grid;
  grid-template-columns:230px minmax(235px,1fr);
  align-items:center;
  gap:28px;
}
.token-donut{
  position:relative;
  width:214px;
  height:214px;
  margin:0 auto;
  border-radius:999px;
  background:
    conic-gradient(
      #8057ff 0deg 60deg,
      #77caff 60deg 90deg,
      #43d7de 90deg 120deg,
      #1e315b 120deg 360deg
    );
  box-shadow:0 28px 54px rgba(36,57,118,.22), 0 0 0 1px rgba(255,255,255,.72) inset;
}
.token-donut::before{
  content:"";
  position:absolute;
  inset:34px;
  border-radius:inherit;
  background:linear-gradient(180deg,#ffffff,#f6f9ff);
  box-shadow:inset 0 3px 10px rgba(47,60,96,.08), 0 0 0 1px rgba(231,236,250,.9);
}
.token-donut::after{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:inherit;
  border:1px solid rgba(122,143,255,.13);
  background:radial-gradient(circle at 52% 48%,transparent 61%,rgba(130,103,255,.07) 62%,transparent 69%);
  pointer-events:none;
}
.token-donut__center{
  position:absolute;
  inset:0;
  z-index:2;
  display:grid;
  place-content:center;
  text-align:center;
}
.token-donut__center strong{
  display:block;
  color:#14203c;
  font-size:28px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.05em;
}
.token-donut__center span{
  display:block;
  margin-top:7px;
  color:#3e4b65;
  font-size:13px;
  line-height:1;
  font-weight:900;
}
.token-percent{
  position:absolute;
  z-index:3;
  color:#26334f;
  font-size:10.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.01em;
  padding:5px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.60);
  box-shadow:0 8px 18px rgba(38,58,110,.10);
}
.token-percent--public{top:2px;right:21px;}
.token-percent--reserved{top:73px;right:-18px;}
.token-percent--partners{right:10px;bottom:37px;}
.token-percent--fund{left:2px;bottom:30px;color:#fff;background:rgba(23,43,88,.62);}
.token-legend{
  display:grid;
  gap:10px;
}
.legend-row{
  display:grid;
  grid-template-columns:12px minmax(130px,1fr) minmax(122px,auto) 52px;
  align-items:center;
  gap:9px;
  min-height:38px;
  padding:8px 0;
  border-bottom:1px solid rgba(46,65,105,.075);
}
.legend-row:last-child{border-bottom:0;}
.legend-dot{
  width:9px;
  height:9px;
  border-radius:999px;
  box-shadow:0 0 0 4px rgba(104,125,255,.08);
}
.legend-dot--public{background:#8057ff;}
.legend-dot--reserved{background:#77caff;}
.legend-dot--partners{background:#43d7de;}
.legend-dot--fund{background:#1e315b;}
.legend-row span{
  color:#273553;
  font-size:12px;
  font-weight:900;
  letter-spacing:-.02em;
}
.legend-row b{
  color:#6c7890;
  font-size:10.2px;
  font-weight:720;
  white-space:nowrap;
}
.legend-row em{
  color:#19243a;
  font-size:12px;
  font-weight:930;
  font-style:normal;
  text-align:right;
  white-space:nowrap;
}
.token-info-card{
  min-width:0;
  padding:22px 22px 20px;
  border:1px solid rgba(107,130,190,.12);
  border-radius:20px;
  background:rgba(255,255,255,.66);
  box-shadow:0 24px 55px rgba(44,67,120,.11), inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.token-info-card dl{margin:0;display:grid;gap:11px;}
.token-info-card div{
  display:grid;
  grid-template-columns:minmax(76px,.92fr) minmax(0,1.4fr);
  align-items:start;
  gap:14px;
}
.token-info-card dt{
  color:#6f7890;
  font-size:11px;
  line-height:1.25;
  font-weight:820;
  letter-spacing:-.01em;
}
.token-info-card dd{
  margin:0;
  color:#19243b;
  font-size:11.5px;
  line-height:1.25;
  font-weight:880;
  letter-spacing:-.016em;
  word-break:break-word;
}
.token-risk-note{
  position:relative;
  z-index:1;
  width:min(880px, calc(100% - 48px));
  margin:23px auto 0;
  color:#748097;
  font-size:10px;
  line-height:1.5;
  text-align:center;
  font-weight:560;
  letter-spacing:-.005em;
}
@media (max-width:1180px){
  .token-economic-coded{padding:44px 40px 34px;}
  .token-economic__inner{
    grid-template-columns:1fr;
    gap:28px;
  }
  .token-copy{text-align:center;}
  .token-copy p{max-width:640px;margin-left:auto;margin-right:auto;}
  .token-chart-wrap{max-width:760px;width:100%;margin:0 auto;}
  .token-info-card{max-width:760px;width:100%;margin:0 auto;}
}
@media (max-width:720px){
  .token-economic-coded{padding:42px 22px 34px;}
  .token-chart-wrap{grid-template-columns:1fr;gap:22px;}
  .token-donut{width:218px;height:218px;}
  .legend-row{grid-template-columns:12px 1fr 54px;gap:10px;}
  .legend-row b{grid-column:2 / 3;font-size:10px;}
  .legend-row em{grid-column:3 / 4;grid-row:1 / 3;align-self:center;}
  .token-info-card{padding:20px 18px;border-radius:18px;}
}
@media (max-width:560px){
  .token-economic-coded{padding:38px 18px 32px;}
  .token-eyebrow{font-size:10px;margin-bottom:10px;}
  .token-copy h2{font-size:31px;line-height:1.12;}
  .token-copy p{font-size:12.5px;line-height:1.65;}
  .token-bscscan{height:41px;min-width:134px;font-size:12px;}
  .token-donut{width:202px;height:202px;}
  .token-donut::before{inset:32px;}
  .token-donut__center strong{font-size:26px;}
  .token-donut__center span{font-size:12px;}
  .token-percent{font-size:9.5px;padding:4px 6px;}
  .token-percent--reserved{right:-10px;}
  .legend-row span{font-size:11.5px;}
  .token-info-card div{grid-template-columns:90px 1fr;gap:10px;}
  .token-risk-note{width:100%;font-size:9.5px;}
}

/* Real coded Partners & Ecosystem Network section */
.partners-coded{
  position:relative;
  isolation:isolate;
  width:100%;
  padding:58px clamp(46px,7vw,136px) 48px;
  background:
    radial-gradient(circle at 17% 8%, rgba(132,101,255,.17) 0, rgba(132,101,255,0) 30%),
    radial-gradient(circle at 86% 15%, rgba(99,211,255,.18) 0, rgba(99,211,255,0) 27%),
    linear-gradient(180deg,#f8fbff 0%,#f1f5ff 54%,#f7fbff 100%);
  overflow:hidden;
}
.partners-coded::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.85) 24%,rgba(255,255,255,.58) 70%,rgba(255,255,255,.08)),
    repeating-linear-gradient(90deg,rgba(97,129,255,.055) 0 1px,transparent 1px 115px);
  opacity:.55;
}
.partners-coded::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:70px;
  background:linear-gradient(180deg,rgba(247,251,255,0),#07102b 96%);
  opacity:.07;
  pointer-events:none;
}
.partners-coded__inner{
  position:relative;
  z-index:1;
  width:min(100%,1140px);
  margin:0 auto;
}
.partners-heading{
  display:grid;
  grid-template-columns:minmax(240px,330px) minmax(0,1fr);
  align-items:end;
  gap:36px;
  margin-bottom:28px;
}
.partners-eyebrow{
  margin:0 0 12px;
  color:#6c62ff;
  font-size:10px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.10em;
  font-weight:950;
}
.partners-heading h2{
  margin:0;
  color:#17213a;
  font-size:clamp(29px,3vw,42px);
  line-height:1.08;
  letter-spacing:-.055em;
  font-weight:950;
}
.partners-heading p:not(.partners-eyebrow){
  margin:0;
  max-width:575px;
  color:#526079;
  font-size:15px;
  line-height:1.7;
  font-weight:560;
  letter-spacing:-.015em;
}
.partner-categories{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:0 0 18px;
  padding:6px;
  border-radius:24px;
  background:rgba(255,255,255,.58);
  box-shadow:0 18px 50px rgba(51,70,120,.08), inset 0 1px 0 rgba(255,255,255,.8);
  border:1px solid rgba(124,145,211,.13);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.partner-category{
  min-height:62px;
  padding:13px 12px 12px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  border-radius:18px;
  color:#26324e;
  background:rgba(255,255,255,.52);
  border:1px solid rgba(118,137,188,.08);
  box-shadow:0 10px 28px rgba(42,60,114,.05);
}
.partner-category.is-active{
  color:#fff;
  background:linear-gradient(135deg,#8962ff 0%,#7e70ff 48%,#5bd8ff 130%);
  box-shadow:0 20px 44px rgba(121,100,255,.26);
}
.partner-category span{
  display:block;
  font-size:10px;
  line-height:1.18;
  font-weight:850;
  letter-spacing:-.01em;
  opacity:.88;
}
.partner-category b{
  display:block;
  margin-top:4px;
  font-size:11.5px;
  line-height:1.12;
  font-weight:950;
  letter-spacing:-.02em;
}
.partner-logo-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
.partner-logo-card{
  position:relative;
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px 18px;
  text-decoration:none;
  border-radius:14px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(135,150,202,.14);
  box-shadow:0 15px 32px rgba(44,66,122,.08), inset 0 1px 0 rgba(255,255,255,.85);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  overflow:hidden;
}
.partner-logo-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(135deg,rgba(132,98,255,.10),rgba(88,216,255,.09));
  opacity:0;
  transition:opacity .22s ease;
}
.partner-logo-card img{
  position:relative;
  z-index:1;
  max-width:100%;
  max-height:32px;
  object-fit:contain;
  filter:saturate(.98) contrast(1.02);
}
.partner-logo-card:hover,
.partner-logo-card:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(122,101,255,.32);
  box-shadow:0 24px 48px rgba(60,82,146,.15);
  outline:none;
}
.partner-logo-card:hover::before,
.partner-logo-card:focus-visible::before{opacity:1;}
.partners-actions{
  display:flex;
  justify-content:center;
  margin:24px 0 0;
}
.partners-cta{
  min-width:144px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 22px;
  border-radius:999px;
  text-decoration:none;
  color:#25304a;
  font-size:12px;
  font-weight:900;
  letter-spacing:-.015em;
  background:#fff;
  border:1px solid rgba(89,109,168,.18);
  box-shadow:0 15px 32px rgba(45,66,120,.12);
}
.partners-note{
  width:min(100%,760px);
  margin:14px auto 0;
  color:#7b8598;
  font-size:10px;
  line-height:1.55;
  text-align:center;
  font-weight:560;
  letter-spacing:-.005em;
}
@media (max-width:1120px){
  .partners-coded{padding:54px 40px 46px;}
  .partners-heading{grid-template-columns:1fr;gap:14px;text-align:center;justify-items:center;}
  .partner-categories{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:22px;}
  .partner-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width:760px){
  .partners-coded{padding:46px 22px 42px;}
  .partner-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-radius:20px;}
  .partner-category{min-height:60px;border-radius:16px;}
  .partner-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  .partner-logo-card{min-height:58px;padding:13px 14px;border-radius:12px;}
  .partner-logo-card img{max-height:26px;}
}
@media (max-width:500px){
  .partners-coded{padding:42px 18px 38px;}
  .partners-heading h2{font-size:31px;}
  .partners-heading p:not(.partners-eyebrow){font-size:12.5px;line-height:1.65;}
  .partner-categories{grid-template-columns:1fr;}
  .partner-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .partner-logo-card{min-height:56px;padding:12px;}
  .partner-logo-card img{max-height:24px;}
  .partners-note{font-size:9.5px;}
}

/* v11 — Real coded Roadmap Preview section */
.roadmap-coded{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:62px clamp(46px,7vw,136px) 58px;
  color:#fff;
  line-height:1.35;
  background:
    radial-gradient(circle at 18% 30%, rgba(71,214,255,.20) 0, rgba(71,214,255,0) 24%),
    radial-gradient(circle at 77% 18%, rgba(154,77,255,.32) 0, rgba(154,77,255,0) 34%),
    radial-gradient(circle at 50% 100%, rgba(80,68,255,.28) 0, rgba(80,68,255,0) 38%),
    linear-gradient(105deg,#050917 0%,#07163b 42%,#1a0d55 78%,#070817 100%);
}
.roadmap-coded::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(115deg, rgba(255,255,255,.025) 0 1px, transparent 1px 16%),
    repeating-linear-gradient(90deg, rgba(118,161,255,.055) 0 1px, transparent 1px 118px);
  opacity:.6;
}
.roadmap-coded::after{
  content:"";
  position:absolute;
  left:-8%;
  right:-8%;
  bottom:-40%;
  height:78%;
  z-index:-1;
  background:radial-gradient(ellipse at 50% 42%, rgba(82,221,255,.20), transparent 62%);
  filter:blur(4px);
  pointer-events:none;
}
.roadmap-coded__inner{
  width:min(100%,1140px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(230px,.68fr) minmax(0,1.75fr);
  align-items:center;
  gap:48px;
}
.roadmap-heading{
  min-width:0;
}
.roadmap-eyebrow{
  margin:0 0 13px;
  color:#9b78ff;
  font-size:10px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:950;
}
.roadmap-heading h2{
  margin:0 0 16px;
  color:#fff;
  font-size:clamp(31px,3vw,44px);
  line-height:1.08;
  letter-spacing:-.06em;
  font-weight:950;
  text-shadow:0 18px 48px rgba(0,0,0,.28);
}
.roadmap-heading p{
  max-width:360px;
  margin:0;
  color:rgba(230,240,255,.76);
  font-size:13px;
  line-height:1.72;
  font-weight:560;
  letter-spacing:-.01em;
}
.roadmap-timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.roadmap-timeline::before{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  bottom:26px;
  height:1px;
  z-index:0;
  background:linear-gradient(90deg, rgba(66,218,255,.72), rgba(125,91,255,.62), rgba(194,95,255,.44));
  box-shadow:0 0 18px rgba(94,206,255,.28);
}
.roadmap-card{
  position:relative;
  z-index:1;
  min-height:200px;
  padding:26px 22px 46px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035));
  border:1px solid rgba(168,192,255,.19);
  box-shadow:0 22px 50px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  overflow:hidden;
}
.roadmap-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 20% 0%, rgba(99,215,255,.14), transparent 42%);
  opacity:.8;
  pointer-events:none;
}
.roadmap-card::after{
  content:"";
  position:absolute;
  left:22px;
  bottom:21px;
  width:16px;
  height:16px;
  border-radius:999px;
  border:2px solid rgba(255,255,255,.74);
  background:linear-gradient(135deg,#4bdcff,#735fff);
  box-shadow:0 0 0 6px rgba(95,170,255,.10), 0 0 22px rgba(78,216,255,.44);
}
.roadmap-card--completed::after{
  background:linear-gradient(135deg,#41deff,#4e7aff);
}
.roadmap-card--progress::after{
  background:linear-gradient(135deg,#6adfff,#8b63ff);
}
.roadmap-card--planned::after{
  background:linear-gradient(135deg,#a15dff,#d35dff);
}
.roadmap-year{
  position:relative;
  z-index:1;
  display:inline-flex;
  margin:0 0 14px;
  color:#63e1ff;
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.01em;
}
.roadmap-card h3{
  position:relative;
  z-index:1;
  margin:0 0 14px;
  color:#fff;
  font-size:15px;
  line-height:1.28;
  letter-spacing:-.035em;
  font-weight:930;
}
.roadmap-card p{
  position:relative;
  z-index:1;
  margin:0;
  color:rgba(232,241,255,.68);
  font-size:11.3px;
  line-height:1.58;
  font-weight:560;
  letter-spacing:-.012em;
}
.roadmap-status{
  position:absolute;
  z-index:2;
  right:18px;
  bottom:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:74px;
  height:25px;
  padding:0 11px;
  border-radius:999px;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.01em;
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
}
.roadmap-status--completed{
  background:rgba(42,209,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.roadmap-status--progress{
  background:rgba(102,96,255,.30);
  box-shadow:0 0 20px rgba(119,97,255,.20), inset 0 1px 0 rgba(255,255,255,.12);
}
.roadmap-status--planned{
  background:rgba(183,87,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.roadmap-card:hover{
  transform:translateY(-3px);
  border-color:rgba(103,218,255,.35);
  box-shadow:0 28px 64px rgba(0,0,0,.23), inset 0 1px 0 rgba(255,255,255,.13);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
@media (max-width:1120px){
  .roadmap-coded{padding:58px 40px 54px;}
  .roadmap-coded__inner{grid-template-columns:1fr;gap:30px;}
  .roadmap-heading{text-align:center;justify-self:center;}
  .roadmap-heading p{max-width:660px;}
}
@media (max-width:860px){
  .roadmap-timeline{grid-template-columns:repeat(2,minmax(0,1fr));}
  .roadmap-timeline::before{display:none;}
  .roadmap-card{min-height:190px;}
}
@media (max-width:560px){
  .roadmap-coded{padding:46px 18px 44px;}
  .roadmap-heading h2{font-size:31px;line-height:1.12;}
  .roadmap-heading p{font-size:12.5px;line-height:1.65;}
  .roadmap-timeline{grid-template-columns:1fr;gap:12px;}
  .roadmap-card{min-height:auto;padding:22px 20px 48px;border-radius:16px;}
  .roadmap-card h3{font-size:15px;}
  .roadmap-card p{font-size:11px;}
}

/* v12 — Real coded Official Channels section */
.official-channels-coded{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:54px clamp(46px,7vw,136px) 56px;
  color:#0d1830;
  line-height:1.35;
  background:
    radial-gradient(circle at 18% 0%, rgba(111,124,255,.11) 0, rgba(111,124,255,0) 32%),
    radial-gradient(circle at 84% 16%, rgba(63,215,255,.10) 0, rgba(63,215,255,0) 28%),
    linear-gradient(180deg,#ffffff 0%,#f5f8ff 100%);
}
.official-channels-coded::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg, rgba(99,132,255,.055) 0 1px, transparent 1px 120px),
    linear-gradient(180deg, rgba(99,132,255,.04) 0 1px, transparent 1px 120px);
  opacity:.6;
  mask-image:linear-gradient(180deg, transparent, #000 28%, #000 78%, transparent);
  -webkit-mask-image:linear-gradient(180deg, transparent, #000 28%, #000 78%, transparent);
}
.official-channels__inner{
  width:min(100%,1120px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(230px,.62fr) minmax(0,1.68fr);
  align-items:center;
  gap:44px;
}
.channels-heading{
  min-width:0;
}
.channels-eyebrow{
  margin:0 0 12px;
  color:#6f73ff;
  font-size:10px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-weight:950;
}
.channels-heading h2{
  margin:0 0 15px;
  color:#11192e;
  font-size:clamp(31px,3.05vw,44px);
  line-height:1.09;
  letter-spacing:-.06em;
  font-weight:950;
}
.channels-heading p{
  max-width:350px;
  margin:0;
  color:#667084;
  font-size:13px;
  line-height:1.72;
  font-weight:570;
  letter-spacing:-.012em;
}
.channel-grid{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:13px;
}
.channel-card{
  position:relative;
  min-height:146px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:20px 12px 18px;
  border-radius:18px;
  color:#16213a;
  text-decoration:none;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,252,255,.91));
  border:1px solid rgba(117,139,190,.16);
  box-shadow:0 18px 34px rgba(32,48,89,.10), inset 0 1px 0 rgba(255,255,255,.95);
  overflow:hidden;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.channel-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 0%, rgba(79,222,255,.18), transparent 54%);
  opacity:0;
  transition:opacity .22s ease;
  pointer-events:none;
}
.channel-card:hover{
  transform:translateY(-5px);
  border-color:rgba(92,154,255,.34);
  box-shadow:0 24px 48px rgba(32,48,89,.16), inset 0 1px 0 rgba(255,255,255,1);
}
.channel-card:hover::before{opacity:1;}
.channel-card:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(91,215,255,.38),0 24px 48px rgba(32,48,89,.16);
}
.channel-icon{
  position:relative;
  z-index:1;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(90,231,255,.18),rgba(110,91,255,.12));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 10px 22px rgba(73,105,200,.10);
}
.channel-icon svg{
  width:27px;
  height:27px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.channel-icon--website{color:#1f9cff;background:linear-gradient(135deg,rgba(81,214,255,.18),rgba(85,116,255,.10));}
.channel-icon--youtube{color:#ff263f;background:linear-gradient(135deg,rgba(255,38,63,.12),rgba(255,38,63,.04));}
.channel-icon--x{color:#151515;background:linear-gradient(135deg,rgba(35,35,35,.08),rgba(110,120,155,.08));}
.channel-icon--telegram{color:#2fa7e8;background:linear-gradient(135deg,rgba(47,167,232,.15),rgba(47,167,232,.04));}
.channel-icon--gitbook{color:#5d74f8;background:linear-gradient(135deg,rgba(93,116,248,.15),rgba(50,206,255,.07));}
.channel-icon--github{color:#2a3150;background:linear-gradient(135deg,rgba(42,49,80,.10),rgba(95,122,255,.08));}
.channel-icon--linkedin{color:#0a66c2;background:linear-gradient(135deg,rgba(10,102,194,.14),rgba(10,102,194,.04));}
.channel-icon--email{color:#6f7dff;background:linear-gradient(135deg,rgba(111,125,255,.15),rgba(92,216,255,.06));}
.channel-card strong{
  position:relative;
  z-index:1;
  color:#17213a;
  font-size:12.5px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.025em;
  text-align:center;
}
.channel-card span:not(.channel-icon){
  position:relative;
  z-index:1;
  color:#6c778d;
  font-size:10.5px;
  line-height:1;
  font-weight:720;
  text-align:center;
}
@media (max-width:1120px){
  .official-channels-coded{padding:52px 40px 52px;}
  .official-channels__inner{grid-template-columns:1fr;gap:28px;text-align:center;}
  .channels-heading{justify-self:center;}
  .channels-heading p{max-width:620px;}
  .channel-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width:760px){
  .official-channels-coded{padding:46px 22px 46px;}
  .channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .channel-card{min-height:126px;border-radius:16px;padding:18px 10px;}
  .channel-icon{width:44px;height:44px;border-radius:14px;}
  .channel-icon svg{width:25px;height:25px;}
}
@media (max-width:500px){
  .official-channels-coded{padding:42px 18px 42px;}
  .channels-heading h2{font-size:31px;}
  .channels-heading p{font-size:12.5px;line-height:1.65;}
  .channel-grid{gap:9px;}
  .channel-card{min-height:116px;gap:8px;padding:16px 8px;border-radius:15px;}
  .channel-card strong{font-size:12px;}
  .channel-card span:not(.channel-icon){font-size:10px;}
}


/* v13 — Typography and UI consistency refinement
   - Unifies the title-area p/eyebrow style with the About section eyebrow style.
   - Normalizes section heading rhythm, descriptive paragraph typography, CTA radius, and card radius.
*/
:root{
  --section-eyebrow:#5c63ff;
  --section-text:#41506a;
  --section-text-muted:#66718a;
  --section-light-text:rgba(232,242,255,.74);
  --section-card-radius:18px;
  --section-cta-radius:10px;
}

.section-kicker,
.about-eyebrow,
.avatar-eyebrow,
.ecosystem-eyebrow,
.token-eyebrow,
.partners-eyebrow,
.roadmap-eyebrow,
.channels-eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  margin:0 0 14px !important;
  color:var(--section-eyebrow) !important;
  text-transform:uppercase !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.055em !important;
}

.section-kicker::before,
.avatar-eyebrow::before,
.ecosystem-eyebrow::before,
.token-eyebrow::before,
.partners-eyebrow::before,
.roadmap-eyebrow::before,
.channels-eyebrow::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  flex:0 0 auto;
  background:linear-gradient(135deg,#55d9ff,#9068ff);
  box-shadow:0 0 14px rgba(105,130,255,.55);
}

.about-eyebrow span{
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  flex:0 0 auto !important;
  background:linear-gradient(135deg,#55d9ff,#9068ff) !important;
  box-shadow:0 0 14px rgba(105,130,255,.55) !important;
}

.intro-panel h2,
.about-copy h2,
.avatar-copy h2,
.ecosystem-heading h2,
.token-copy h2,
.partners-heading h2,
.roadmap-heading h2,
.channels-heading h2{
  letter-spacing:-.055em !important;
  font-weight:950 !important;
}

.intro-panel p:not(.section-kicker),
.about-copy p,
.avatar-copy p,
.token-copy p,
.partners-heading p:not(.partners-eyebrow),
.roadmap-heading p,
.channels-heading p{
  font-size:14px !important;
  line-height:1.72 !important;
  font-weight:530 !important;
  letter-spacing:-.012em !important;
}

.intro-panel p:not(.section-kicker),
.about-copy p,
.avatar-copy p,
.token-copy p,
.partners-heading p:not(.partners-eyebrow),
.channels-heading p{
  color:var(--section-text) !important;
}

.roadmap-heading p{
  color:var(--section-light-text) !important;
}

.ecosystem-item p,
.roadmap-card p,
.channel-card span:not(.channel-icon),
.partner-category span,
.partner-category b,
.legend-row span,
.legend-row b,
.token-info-card dt,
.token-info-card dd{
  letter-spacing:-.012em;
}

.intro-actions a,
.about-cta,
.token-bscscan,
.partners-cta,
.hero-actions a,
.header-cta{
  border-radius:var(--section-cta-radius) !important;
  font-weight:850 !important;
  letter-spacing:-.01em !important;
}

.video-card,
.about-card,
.avatar-main-card,
.profile-float-card,
.stats-float-card,
.companion-float-card,
.token-info-card,
.partner-category,
.partner-logo-card,
.roadmap-card,
.channel-card,
.footer-disclaimer{
  border-radius:var(--section-card-radius) !important;
}

/* Section heading width and rhythm normalization */
.partners-heading,
.roadmap-coded__inner,
.official-channels__inner,
.ecosystem-coded__inner,
.token-economic__inner,
.about-coded__inner,
.ai-avatar-coded__inner,
.youtube-coded__inner{
  max-width:1120px;
}

/* Keep dark sections readable after shared typography normalization */
.ecosystem-eyebrow,
.roadmap-eyebrow{color:#9b78ff !important;}
.ecosystem-heading h2,
.roadmap-heading h2{color:#fff !important;}

/* Consistent subtle card borders and hover behavior */
.about-card,
.partner-logo-card,
.channel-card,
.token-info-card{
  border-color:rgba(135,150,202,.16) !important;
}

/* Mobile consistency: prevent title-area p text from becoming too large or inconsistent */
@media (max-width:560px){
  .section-kicker,
  .about-eyebrow,
  .avatar-eyebrow,
  .ecosystem-eyebrow,
  .token-eyebrow,
  .partners-eyebrow,
  .roadmap-eyebrow,
  .channels-eyebrow{
    font-size:10px !important;
    margin-bottom:12px !important;
  }
  .intro-panel p:not(.section-kicker),
  .about-copy p,
  .avatar-copy p,
  .token-copy p,
  .partners-heading p:not(.partners-eyebrow),
  .roadmap-heading p,
  .channels-heading p{
    font-size:13px !important;
    line-height:1.68 !important;
  }
}

/* v14 uploaded final hero image tuning */
.hero-slide[data-slide="0"] .hero-bg{background-position:63% center;}
.hero-slide[data-slide="1"] .hero-bg{background-position:62% center;}
.hero-slide[data-slide="2"] .hero-bg{background-position:62% center;}
.hero-slide[data-slide="2"] .hero-bg::after{
  background:
    linear-gradient(90deg, rgba(4,7,20,.76) 0%, rgba(4,7,20,.52) 34%, rgba(4,7,20,.15) 58%, rgba(4,7,20,.20) 100%),
    linear-gradient(180deg, rgba(4,7,20,.04) 0%, rgba(4,7,20,0) 46%, rgba(4,7,20,.26) 100%);
}
@media (max-width:980px){
  .hero-slide[data-slide="0"] .hero-bg{background-position:70% center;}
  .hero-slide[data-slide="1"] .hero-bg{background-position:70% center;}
  .hero-slide[data-slide="2"] .hero-bg{background-position:72% center;}
}
@media (max-width:560px){
  .hero-slide[data-slide="0"] .hero-bg{background-position:70% center;}
  .hero-slide[data-slide="1"] .hero-bg{background-position:73% center;}
  .hero-slide[data-slide="2"] .hero-bg{background-position:74% center;}
}