@font-face{
  font-family:'Plus Jakarta Sans'; font-style:normal; font-weight:200 800; font-display:swap;
  src:url(assets/fonts/jakarta-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Plus Jakarta Sans'; font-style:normal; font-weight:200 800; font-display:swap;
  src:url(assets/fonts/jakarta-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



:root{
  --bg-deep:    #00239F;
  --gold:       #FFC62E;
  --gold-lt:    #FFE9A0;
  --gold-mid:   #F0A80E;
  --gold-dk:    #E08A00;
  --gold-grad:  linear-gradient(170deg,#FFE9A0 0%,#FFD04A 38%,#FBB412 62%,#E08A00 100%);

  --panel:      rgba(0,22,120,.42);
  --panel-line: rgba(160,200,255,.38);
  --card:       rgba(0,26,130,.40);
  --card-line:  rgba(160,200,255,.28);
  --royal:      #0450F0;


  --wrap: 1188px;   
  --navw: 1070px;   
  --pad: 24px;
  --ease: cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{ box-sizing:border-box; }

[hidden]{ display:none !important; }
html{ scroll-behavior:smooth; scroll-padding-top:96px; overflow-x:clip; }

body{
  margin:0;
  background:#0033C3;
  color:#fff;
  font-family:'Plus Jakarta Sans', system-ui, sans-serif;
  font-size:17px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

img{ max-width:100%; height:auto; display:block; }
h1,h2,h3{ line-height:1.2; }
a{ color:var(--gold); text-decoration-color:rgba(255,198,46,.45); text-underline-offset:3px; }
a:hover{ color:var(--gold-lt); }
strong{ color:var(--gold); font-weight:700; }
::selection{ background:var(--gold); color:#0A0A12; }

html{ scrollbar-color: var(--gold-mid) var(--bg-deep); }
::-webkit-scrollbar{ width:11px; }
::-webkit-scrollbar-track{ background:var(--bg-deep); }
::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,var(--gold),var(--gold-dk)); border-radius:99px; border:2px solid var(--bg-deep); }

.skip{ position:absolute; left:-9999px; top:12px; z-index:999;
  background:var(--gold); color:#0A0A12; padding:12px 18px; border-radius:12px; font-weight:700; }
.skip:focus{ left:12px; }
:focus-visible{ outline:3px solid var(--gold); outline-offset:3px; border-radius:6px; }

.wrap{ width:100%; max-width:var(--wrap); margin-inline:auto; padding-inline:var(--pad); }
.wrap--narrow{ max-width:948px; }


.sec .wrap{ max-width:948px; }            
.sec--tight .wrap{ max-width:var(--wrap); }


.scene{ position:relative; isolation:isolate;

  overflow-x:hidden; overflow-x:clip; overflow-y:visible;
  padding:clamp(63px,4.95vw,77px) 0 clamp(26px,2.4vw,34px); }

.scene__env{ position:absolute; inset:0; z-index:-2; }

.env__spot{ position:absolute; left:50%; top:-15%; width:72%; aspect-ratio:1.85; translate:-50% 0;
  background:radial-gradient(closest-side, rgba(186,222,255,.9), rgba(96,160,255,.5) 40%, rgba(40,110,255,.14) 60%, transparent 74%); }

.hero__ground{
  position:absolute; z-index:-1; left:50%; width:100vw; translate:-50% 0;
  top:76%; height:900px; pointer-events:none;
  background:
    radial-gradient(52% 3.5% at 50% 2.2%, rgba(214,234,255,.75), transparent 72%),
    radial-gradient(40% 24% at 50% 0%, rgba(120,182,255,.5), transparent 76%),
    radial-gradient(26% 13% at 5% 19%, rgba(255,170,40,.22), transparent 76%),
    radial-gradient(24% 11% at 95% 17%, rgba(255,170,40,.16), transparent 76%),
    linear-gradient(180deg, rgba(0,26,140,.3) 0, rgba(0,26,140,.12) 120px, transparent 240px);

  -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 38px, #000 45%, transparent 100%);
  mask-image:linear-gradient(180deg, transparent 0, #000 38px, #000 45%, transparent 100%);
}
.hero__ground::before{
  content:''; position:absolute; left:-4%; right:-4%; top:-1px; height:3px; filter:blur(2.5px);
  background:linear-gradient(90deg, transparent, rgba(150,200,255,.6) 24%, rgba(226,240,255,1) 50%, rgba(150,200,255,.6) 76%, transparent);
}




.backdrop{ position:fixed; inset:0; z-index:-10; overflow:hidden; pointer-events:none;
  background:
    radial-gradient(130% 60% at 50% 115%, rgba(0,18,120,.6), transparent 62%),
    radial-gradient(75% 130% at 50% 38%, transparent 48%, rgba(0,20,130,.55) 100%),
    linear-gradient(180deg, #0A5BFF 0%, #0450F0 24%, #0244DC 52%, #0033C3 80%, #0026A8 100%); }
.bd__spot{ position:absolute; left:50%; top:-30vh; width:min(130vw,1500px); height:78vh; translate:-50% 0;
  background:radial-gradient(closest-side, rgba(170,212,255,.85), rgba(90,156,255,.42) 42%, rgba(40,110,255,.1) 64%, transparent 76%);
  animation:breathe 10s ease-in-out infinite; }
@keyframes breathe{ 0%,100%{ opacity:.82; transform:scale(1); } 50%{ opacity:1; transform:scale(1.07); } }
.bd__beam{ position:absolute; top:-18vh; width:38vw; height:150vh; transform-origin:50% 0;
  background:radial-gradient(50% 60% at 50% 0%, rgba(190,224,255,.22), rgba(150,200,255,.07) 55%, transparent 78%);
  mix-blend-mode:screen; }
.bd__beam--l{ left:2vw; animation:beam-l 22s ease-in-out infinite alternate; }
.bd__beam--r{ right:2vw; animation:beam-r 26s ease-in-out infinite alternate; }
@keyframes beam-l{ from{ transform:rotate(-30deg); } to{ transform:rotate(-8deg); } }
@keyframes beam-r{ from{ transform:rotate(30deg); } to{ transform:rotate(9deg); } }
#dust{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }

.grain{ position:fixed; inset:0; z-index:45; pointer-events:none; opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"); }


.nav{ position:fixed; top:10px; left:0; right:0; z-index:80; padding-inline:var(--pad); }
.nav__in{
  max-width:var(--navw); margin-inline:auto; height:52px;
  display:flex; align-items:center; gap:18px;
  padding:0 10px 0 6px; border-radius:999px;
  background:rgba(0,30,150,.5);
  backdrop-filter:blur(16px) saturate(1.25); -webkit-backdrop-filter:blur(16px) saturate(1.25);
  border:1px solid var(--panel-line);
  box-shadow:0 10px 36px rgba(0,10,70,.35), inset 0 1px 0 rgba(255,255,255,.12);
  transition:background .4s var(--ease);
}
.nav.is-stuck .nav__in{ background:rgba(0,26,136,.9); }
body.menu-open .nav__in{ background:rgba(0,26,136,.94); border-color:rgba(255,198,46,.34); }

.brand{ display:flex; align-items:center; gap:10px; text-decoration:none; flex:none; }
.brand img{ width:40px; height:auto; filter:drop-shadow(0 2px 8px rgba(255,190,40,.45)); }

.nav__links{ display:flex; gap:clamp(18px,2.6vw,38px); margin-inline:auto; }
.nav__links a{
  position:relative; color:#fff; text-decoration:none;
  font-size:15px; font-weight:500; letter-spacing:-.005em; padding:16px 0;
}
.nav__links a:hover{ color:var(--gold-lt); }
.nav__links a.is-active{ color:var(--gold); font-weight:700; }
.nav__links a.is-active::after{
  content:''; position:absolute; left:0; right:0; bottom:9px; height:2px; border-radius:2px;
  background:var(--gold); box-shadow:0 0 10px rgba(255,198,46,.9);
}

.iconbtn{
  width:38px; height:38px; flex:none; border-radius:999px;
  display:grid; place-items:center; color:var(--gold); text-decoration:none;
  background:rgba(255,198,46,.1); border:1px solid rgba(255,198,46,.32);
  transition:background .25s, border-color .25s, color .25s, transform .25s var(--ease);
}
.iconbtn svg{ width:16px; height:16px; }
.iconbtn:not([aria-disabled]):hover{ background:var(--gold); color:#1C1203; border-color:var(--gold); transform:translateY(-1px); }
.iconbtn[aria-disabled]{ cursor:default; }

.nav .btn--gold{
  flex:none; padding:0 22px; height:38px; font-size:14.5px;
  border-radius:999px; border-width:1px;
  box-shadow:0 2px 10px rgba(255,180,30,.28), inset 0 1px 0 rgba(255,255,255,.55);
}
.nav .btn--gold:hover{
  transform:none; filter:brightness(1.06);
  box-shadow:0 3px 14px rgba(255,180,30,.42), inset 0 1px 0 rgba(255,255,255,.6);
}


.burger{ display:none; width:40px; height:40px; flex:none; border-radius:999px;
  background:rgba(255,198,46,.1); border:1px solid rgba(255,198,46,.32); cursor:pointer;
  padding:0; place-content:center; gap:5px;
  transition:background .25s, border-color .25s; }
.burger:hover{ background:rgba(255,198,46,.18); border-color:rgba(255,198,46,.5); }
.burger span{ display:block; width:18px; height:2px; background:var(--gold); border-radius:2px;
  transition:transform .32s var(--ease), opacity .2s; }

.burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.burger[aria-expanded="true"] span:nth-child(2){ opacity:0; transform:scaleX(.4); }
.burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }


.drawer{
  position:fixed; inset:0; z-index:70; overflow:hidden;
  display:flex; flex-direction:column; justify-content:center;
  padding:calc(72px + env(safe-area-inset-top)) var(--pad) calc(28px + env(safe-area-inset-bottom));
}
.drawer__env{
  position:absolute; inset:0; z-index:-1;
  background:
    radial-gradient(70% 40% at 50% -6%, rgba(170,212,255,.75) 0%, rgba(90,156,255,.35) 46%, transparent 76%),
    radial-gradient(90% 60% at 50% 110%, rgba(0,18,120,.6), transparent 70%),
    linear-gradient(180deg,#0A5BFF 0%,#0244DC 48%,#0026A8 100%);
}
.drawer__env::after{
  content:''; position:absolute; inset:0; opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}

.drawer__nav{ display:flex; flex-direction:column; }
.drawer__nav a{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:clamp(15px,2.4vh,21px) 2px; text-decoration:none;
  border-bottom:1px solid rgba(190,220,255,.3);
  font-size:clamp(26px,7.4vw,34px); font-weight:800; letter-spacing:-.02em;
  color:#fff;

  opacity:0; transform:translateY(16px);
  transition:opacity .5s var(--ease), transform .5s var(--ease), color .25s;
}
.drawer__nav a:first-child{ border-top:1px solid rgba(190,220,255,.3); }
.drawer__nav a .i{ width:22px; height:22px; color:var(--gold); opacity:0;
  transform:translateX(-8px); transition:opacity .3s, transform .3s var(--ease); }
.drawer__nav a:hover,.drawer__nav a:focus-visible{ color:var(--gold); }
.drawer__nav a:hover .i,.drawer__nav a:focus-visible .i{ opacity:1; transform:none; }

.drawer__foot{ margin-top:clamp(26px,5vh,44px); text-align:center;
  opacity:0; transform:translateY(16px);
  transition:opacity .5s var(--ease), transform .5s var(--ease); }
.drawer__foot .btn{ width:100%; }


.drawer.is-open .drawer__nav a,
.drawer.is-open .drawer__foot{ opacity:1; transform:none; }
.drawer.is-open .drawer__nav a:nth-child(1){ transition-delay:.05s; }
.drawer.is-open .drawer__nav a:nth-child(2){ transition-delay:.10s; }
.drawer.is-open .drawer__nav a:nth-child(3){ transition-delay:.15s; }
.drawer.is-open .drawer__nav a:nth-child(4){ transition-delay:.20s; }
.drawer.is-open .drawer__nav a:nth-child(5){ transition-delay:.25s; }
.drawer.is-open .drawer__foot{ transition-delay:.32s; }


.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:12px;
  font-family:inherit; font-weight:700; font-size:15px; line-height:1.15; letter-spacing:-.01em;
  text-decoration:none; white-space:nowrap; cursor:pointer;
  padding:12px 22px; border-radius:12px; border:2px solid transparent;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .25s, color .25s;
}
.btn .i{ width:20px; height:20px; }
.btn--lg{ padding:13px 30px; font-size:19px; border-radius:12px; gap:14px; }
.hero__stage > .btn:first-child{ width:clamp(190px,18.9vw,250px); margin-right:clamp(0px,.95vw,14px); }
.hero__stage > .btn:last-child{ width:clamp(200px,20.3vw,268px); }

.btn--gold{
  background:var(--gold-grad); color:#1C1203; border-color:#FFD95E;
  box-shadow:0 0 0 1px rgba(255,217,94,.5), 0 8px 30px rgba(255,180,30,.45), inset 0 1px 0 rgba(255,255,255,.55);
}
.btn--gold:hover{ color:#1C1203; transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(255,217,94,.7), 0 14px 42px rgba(255,180,30,.6), inset 0 1px 0 rgba(255,255,255,.6); }

.btn--line{
  background:rgba(0,22,120,.55); color:#fff; border-color:var(--gold);
  box-shadow:0 8px 28px rgba(0,10,70,.35), 0 0 18px rgba(255,198,46,.22);
}
.btn--line:hover{ color:#1C1203; background:var(--gold); transform:translateY(-2px); }

.i{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }


.hero{ position:relative; }
.hero__mark{ position:relative; width:min(69.2vw,905px); margin:0 auto; font-size:0; }
.hero__mark img{ width:100%; filter:drop-shadow(0 18px 40px rgba(0,16,100,.45)); }
.sweep{
  position:absolute; inset:0; mix-blend-mode:screen; pointer-events:none;
  background:linear-gradient(104deg, transparent 45%, rgba(255,246,214,.5) 50%, transparent 55%);
  background-size:260% 100%;
  -webkit-mask:url("assets/img/wordmark.webp") center/contain no-repeat;
  mask:url("assets/img/wordmark.webp") center/contain no-repeat;
  animation:sweep 6.5s var(--ease) infinite;
}
@keyframes sweep{ 0%{ background-position:175% 0; } 26%{ background-position:-85% 0; } 100%{ background-position:-85% 0; } }

.hero__stage{
  display:grid; grid-template-columns:1fr auto 1fr; align-items:center;
  gap:clamp(8px,1.2vw,18px); margin-top:-4.45vw;
}
.hero__stage > .btn:first-child{ justify-self:end; }
.hero__stage > .btn:last-child{ justify-self:start; }

.mascot{ width:min(30.5vw,410px); translate:-1.9vw 0; }
.mascot img{
  width:100%;
  filter:drop-shadow(0 26px 44px rgba(0,16,100,.45)) drop-shadow(0 0 60px rgba(255,170,20,.18));
  transform:translate3d(var(--mx,0),calc(var(--my,0px) + var(--fl,0px)),0);
  will-change:transform; animation:float 6s ease-in-out infinite;
}
@keyframes float{ 0%,100%{ --fl:0px; } 50%{ --fl:-14px; } }
@property --fl{ syntax:'<length>'; inherits:false; initial-value:0px; }


.panel{
  background:var(--panel); border:1px solid var(--panel-line); border-radius:24px;
  backdrop-filter:blur(10px) saturate(1.1); -webkit-backdrop-filter:blur(10px) saturate(1.1);
  box-shadow:0 18px 50px rgba(0,10,80,.35), inset 0 1px 0 rgba(255,255,255,.12);
}
.panel--pad{ padding:clamp(22px,2.4vw,30px); }

.panel__head{ display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:clamp(10px,.94vw,13px) clamp(18px,2vw,26px) clamp(7px,.66vw,9px); }
.panel__head h2{ margin:0; font-size:clamp(17px,1.62vw,21px); line-height:1.25; font-weight:800;
  text-transform:uppercase; letter-spacing:.005em; color:#fff; }

.chip{
  display:inline-flex; align-items:center; gap:9px; flex:none;
  font-size:13px; font-weight:600; color:#fff; text-decoration:none;
  padding:7px 14px; border-radius:12px;
  background:rgba(0,20,110,.5); border:1px solid var(--panel-line);
  transition:background .25s, border-color .25s, transform .25s var(--ease);
}
.chip .i{ width:16px; height:16px; }
.chip:hover{ color:#fff; background:rgba(60,130,255,.35); border-color:rgba(176,206,255,.5); transform:translateX(2px); }

.chip--stat{ color:#fff; font-variant-numeric:tabular-nums; cursor:default; }
.chip--stat:hover{ color:#fff; background:rgba(0,20,110,.5); border-color:var(--panel-line); transform:none; }


.panels{ position:relative; margin-top:clamp(-70px,-4.3vw,-24px); }
.defs{ position:absolute; }


.card{
  position:relative; border-radius:16px;
  background:var(--card); border:1px solid var(--card-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease);
}
.card--pad{ padding:clamp(20px,2.1vw,28px); }
.feat:hover,.deal .card:hover,.step:hover{
  transform:translateY(-4px); border-color:rgba(255,198,46,.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 14px 34px rgba(0,10,80,.4);
}


.feats{ list-style:none; margin:clamp(10px,.95vw,13px) 0 0; padding:0;
  display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(10px,1.3vw,16px); }
.feat{
  display:flex; align-items:center; gap:clamp(12px,1.4vw,20px);
  padding:clamp(16px,1.8vw,24px);
  border-radius:16px; background:var(--card); border:1px solid var(--card-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease);
}
.feat__i{ width:clamp(34px,3.4vw,44px); height:auto; flex:none;
  filter:drop-shadow(0 0 14px rgba(255,180,30,.5)); }
.feat h3{ margin:0; font-size:clamp(13px,1.2vw,15.5px); font-weight:800;
  text-transform:uppercase; letter-spacing:.012em; line-height:1.28; color:#fff; }


.live{ overflow:hidden; }
.live__head{ display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:clamp(13px,1.25vw,16px) clamp(18px,2vw,24px) clamp(11px,1vw,14px);
  border-bottom:1px solid var(--card-line); }
.live__head h2{ margin:0; font-size:clamp(15px,1.4vw,18px); font-weight:800;
  text-transform:uppercase; letter-spacing:.02em; color:#fff;
  display:flex; align-items:center; gap:10px; }

.live__head h2::before{ content:''; width:9px; height:9px; border-radius:50%;
  background:#5BE9A6; box-shadow:0 0 10px rgba(91,233,166,.9); animation:pulse 2.4s ease-in-out infinite; }
.live.is-idle .live__head h2::before{ background:#fff; box-shadow:none; animation:none; }
@keyframes pulse{ 0%,100%{ opacity:1; } 50%{ opacity:.35; } }

.stats{ margin:0; display:grid; grid-template-columns:repeat(4,1fr); }
.stat{ padding:clamp(14px,1.5vw,20px) 12px; text-align:center;
  border-left:1px solid var(--card-line); border-top:1px solid var(--card-line); }
.stat:nth-child(-n+4){ border-top:0; }
.stat:nth-child(4n+1){ border-left:0; }


.chains{ width:100%; border-collapse:collapse; border-top:1px solid var(--card-line); }
.chains th,.chains td{ padding:11px 10px; text-align:right; font-size:14px; }
.chains th:first-child,.chains td:first-child{ text-align:left; padding-left:20px; }
.chains th:last-child,.chains td:last-child{ padding-right:20px; }
.chains thead th{ font-size:10.5px; font-weight:700; text-transform:uppercase;
  letter-spacing:.07em; color:#fff; border-bottom:1px solid var(--card-line); }
.chains tbody tr{ border-bottom:1px solid var(--card-line); }
.chains tbody tr:last-child{ border-bottom:0; }
.chains td{ font-weight:700; color:#fff; font-variant-numeric:tabular-nums; }
.chains .ch{ display:flex; align-items:center; gap:9px; padding:0; border:0; background:none;
  font:inherit; font-weight:800; color:#fff; cursor:pointer; transition:color .2s; }
.chains .ch:hover{ color:var(--gold); }
.chains tbody tr{ transition:background .25s; }
.chains tr.is-sel{ background:rgba(60,130,255,.22); }
.chains tr.is-sel td:first-child{ box-shadow:inset 3px 0 0 var(--gold); }
.chains tr.is-sel .ch{ color:var(--gold); }
.chains .ch i{ width:8px; height:8px; border-radius:50%; background:var(--gold); flex:none; }
.chains .num{ color:var(--gold); }
.chains .up{ color:#5BE9A6; } .chains .down{ color:#FF8A8A; }
.chains tr.is-cheap .ch i{ background:#5BE9A6; box-shadow:0 0 8px rgba(91,233,166,.8); }

.stat dt{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#fff; }
.stat dd{ margin:5px 0 0; font-size:clamp(17px,2vw,24px); font-weight:800; color:var(--gold); }
.stat dd.is-up{ color:#5BE9A6; } .stat dd.is-down{ color:#FF8A8A; }
.stat dd.stat__d{ display:block; margin-top:3px; font-size:11px; font-weight:700; color:#fff; }
.stat dd.stat__d.is-up{ color:#5BE9A6; } .stat dd.stat__d.is-down{ color:#FF8A8A; }

.sec .stats__note{ text-align:center; font-size:13px; font-weight:500; color:#fff;
  margin:16px 0 0; }


.marq{
  position:relative; overflow:hidden; padding:0;
  background:rgba(0,20,120,.38);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border-block:1px solid rgba(255,198,46,.4);
  box-shadow:0 0 30px rgba(255,198,46,.12);
}

.marq::before{ content:''; position:absolute; left:0; right:0; top:0; height:1px; z-index:2;
  background:linear-gradient(90deg, transparent, rgba(255,198,46,.45) 20%, rgba(255,198,46,.45) 80%, transparent); }

.marq__row{
  overflow:hidden; display:flex; padding:20px 0;
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%);
          mask-image:linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%);
}
.marq__trk{
  display:flex; align-items:center; gap:0; flex:none; min-width:200%;
  font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:.24em;
  color:var(--gold); white-space:nowrap;
  animation:marq 55s linear infinite;
}
.marq__trk span{ padding:0 30px; }
.marq__trk .st{ width:6px; height:6px; flex:none; fill:var(--gold); opacity:.5; }

@keyframes marq{ from{ transform:translate3d(0,0,0); } to{ transform:translate3d(-50%,0,0); } }

.sec{ position:relative; color:#fff; padding:clamp(48px,5vw,72px) 0; }

.sec::before{
  content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:none;
}

.sec--tight{ padding:clamp(30px,3.4vw,46px) 0 clamp(36px,4vw,56px); }
.h2{
  margin:0 0 18px; font-size:clamp(28px,4vw,48px); font-weight:800; text-wrap:balance;
  line-height:1.1; letter-spacing:-.02em; text-transform:uppercase;
  background:linear-gradient(180deg,#FFF59A 0%,#FEF06A 20%,#FEDA2A 42%,#FBBC10 58%,#EFA005 72%,#FDBA03 86%,#F5A50A 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 2px 0 #A9670B) drop-shadow(0 2px 0 #713405) drop-shadow(0 10px 18px rgba(0,12,80,.45));
}
.h2--c{ text-align:center; }
.lead{ font-size:clamp(17px,1.9vw,21px); line-height:1.55; color:#fff; font-weight:600;
  margin:0 0 20px; text-wrap:pretty; }
.lead--c{ text-align:center; margin-inline:auto; max-width:48ch; text-wrap:balance; }


.about{ display:grid; grid-template-columns:minmax(0,330px) minmax(0,1fr);
  gap:clamp(26px,4vw,66px); align-items:center; }
.about__art{ position:relative; }
.about__art::before{
  content:''; position:absolute; left:50%; top:50%; width:132%; aspect-ratio:1;
  translate:-50% -50%; border-radius:50%; z-index:-1;
  background:radial-gradient(closest-side, rgba(255,184,44,.32), rgba(255,160,20,.10) 52%, transparent 72%);
}
.about__art img{ width:100%;
  filter:drop-shadow(0 22px 42px rgba(0,16,100,.5)) drop-shadow(0 0 40px rgba(255,170,20,.22));
  animation:bob 7s ease-in-out infinite; }
@keyframes bob{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-14px); } }
.about .h2{ text-align:left; font-size:clamp(26px,3.3vw,40px); }
.about .lead{ max-width:none; }
.sec p{ margin-block:0 16px; }  
.sec .lead{ margin-block:0 28px; }


.steps{ list-style:none; margin:36px auto 0; padding:0;
  display:grid; gap:clamp(10px,1.1vw,14px); }
.step{ display:flex; align-items:center; gap:clamp(16px,1.8vw,24px);
  padding:clamp(18px,2vw,26px); }
.step__disc{
  width:clamp(52px,5.1vw,66px); aspect-ratio:1; flex:none; border-radius:50%;
  display:grid; place-items:center; color:#5E2D02;
  background:radial-gradient(circle at 34% 28%, #FFF0B8 0%, #FFCE46 36%, #F0A30C 70%, #B4700A 100%);
  box-shadow:
    inset 0 0 0 3px #FFE375,
    inset 0 -4px 9px rgba(140,80,0,.45),
    0 6px 16px rgba(0,16,100,.4),
    0 0 22px rgba(255,180,30,.35);
}
.step__i{ width:58%; height:auto; }
.step h3{ margin:0 0 9px; font-size:clamp(15px,1.5vw,18px); font-weight:800;
  text-transform:uppercase; letter-spacing:.012em; color:#fff; }
.step p{ margin:0; font-size:16px; }


.deal{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(10px,1.3vw,16px); margin-top:36px; }
.deal__n{ margin:0 0 14px; font-size:clamp(20px,2.45vw,29px); font-weight:800;
  text-transform:uppercase; letter-spacing:-.015em;
  background:linear-gradient(180deg,#FFF59A 0%,#FEDA2A 40%,#FBBC10 62%,#EFA005 80%,#FDBA03 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 2px 0 #713405); }
.deal__n::after{ content:''; display:block; width:40px; height:3px; border-radius:3px;
  margin-top:13px; background:linear-gradient(90deg,var(--gold),rgba(255,198,46,0)); }
.deal p{ margin:0; font-size:16px; }


.faq{ margin-top:36px; padding:4px clamp(18px,2vw,28px); }
.faq__item{ border-bottom:1px solid var(--card-line); }
.faq__item:last-child{ border-bottom:0; }
.faq__q{ width:100%; display:flex; align-items:center; gap:18px; text-align:left;
  background:none; border:0; cursor:pointer; padding:20px 2px; color:#fff;
  font-family:inherit; font-size:clamp(15px,1.8vw,18px); font-weight:800;
  text-transform:uppercase; letter-spacing:.005em; transition:color .25s; }
.faq__q:hover{ color:var(--gold); }
.faq__ic{ flex:none; width:22px; height:22px; margin-left:auto; color:var(--gold);
  transition:transform .45s var(--ease); }
.faq__q[aria-expanded="true"] .faq__ic{ transform:rotate(45deg); }
.faq__ic .m{ opacity:0; }
.faq__ic .s,.faq__ic .m{ transition:opacity .3s; }
.faq__q[aria-expanded="true"] .faq__ic .s{ opacity:0; }
.faq__q[aria-expanded="true"] .faq__ic .m{ opacity:1; }
.faq__a{ overflow:hidden; height:0; transition:height .45s var(--ease); }
.faq__a p{ margin:0 0 24px; padding-right:40px; font-size:16px; }


.buy{ position:relative; text-align:center; overflow:hidden; }
.buy::before{ content:''; position:absolute; left:50%; top:0; width:70%; height:3px;
  translate:-50% 0; border-radius:3px;
  background:linear-gradient(90deg, transparent, var(--gold), transparent);
  box-shadow:0 0 26px rgba(255,198,46,.6); }
.buy .h2{ margin-bottom:14px; font-size:clamp(26px,3.2vw,38px); }
.buy__cta{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }


.foot{ position:relative; background:rgba(0,18,110,.32);
  border-top:1px solid var(--panel-line); padding:46px 0 38px; }
.foot__top{ display:flex; align-items:center; justify-content:space-between; gap:22px; flex-wrap:wrap;
  padding-bottom:24px; border-bottom:1px solid var(--panel-line); }
.brand--foot span{ font-size:18px; font-weight:800; letter-spacing:.01em; color:var(--gold); }
.foot__social{ display:flex; gap:10px; }
.foot__social a{ width:44px; height:44px; border-radius:12px; display:grid; place-items:center;
  background:var(--card); border:1px solid var(--card-line); color:var(--gold);
  transition:background .3s, transform .3s var(--ease), color .3s; }
.foot__social a:hover{ background:var(--gold); color:#1C1203; transform:translateY(-3px); }
.foot__social .i{ width:20px; height:20px; }
.foot__dis{ font-size:13px; line-height:1.75; color:#fff; margin:22px 0 0; max-width:88ch; }
.foot__cr{ font-size:12px; font-weight:500; color:#fff; margin:18px 0 0; }


.reveal{ opacity:0; transform:translateY(30px); }
.reveal.in{ opacity:1; transform:none; transition:opacity .85s var(--ease), transform .85s var(--ease);
  transition-delay:calc(var(--d,0) * 80ms); }


@media (max-width:1100px){
  .nav__links{ display:none; }
  .burger{ display:grid; }
  .nav__in{ gap:12px; padding-left:8px; }
  .iconbtn{ margin-left:auto; }
  .feats{ grid-template-columns:repeat(2,1fr); }
  .deal{ grid-template-columns:1fr 1fr; }
}
@media (max-width:860px){
  .scene{ padding-top:96px; }
  .hero__mark{ width:min(84vw,520px); }
  .hero__stage{ grid-template-columns:1fr; gap:14px; margin-top:4px; justify-items:center; }
  .hero__stage > .btn:first-child,.hero__stage > .btn:last-child{ justify-self:center; order:3; width:min(300px,78vw); }
  .mascot{ order:1; width:min(64vw,330px); margin-inline:auto; }
  .panels{ margin-top:22px; }
  .deal{ grid-template-columns:1fr; }
  .stats{ grid-template-columns:repeat(2,1fr); }
  .about{ grid-template-columns:1fr; gap:26px; }
  .about__art{ width:min(220px,52vw); margin-inline:auto; }
  .stat:nth-child(3){ border-left:0; }
  .stat:nth-child(n+3){ border-top:1px solid var(--card-line); }
}
@media (max-width:760px){
  .chains thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .chains tbody tr{ display:grid; grid-template-columns:1fr 1fr;
    grid-template-areas:"ch chg" "px cap" "liq hold"; gap:14px 16px; padding:16px 18px; }
  .chains td{ padding:0 !important; text-align:left; font-size:15px; }
  .chains td:nth-child(1){ grid-area:ch; align-self:center; }
  .chains td:nth-child(2){ grid-area:px; }
  .chains td:nth-child(3){ grid-area:cap; text-align:right; }
  .chains td:nth-child(4){ grid-area:chg; align-self:center; text-align:right; }
  .chains td:nth-child(5){ grid-area:liq; }
  .chains td:nth-child(6){ grid-area:hold; text-align:right; }
  .chains td::before{ content:attr(data-l); display:block; margin-bottom:3px; font-size:10.5px; font-weight:700;
    text-transform:uppercase; letter-spacing:.07em; color:#fff; }
  .chains td:nth-child(1)::before,.chains td:nth-child(4)::before{ content:none; }
  .chains .ch{ font-size:16px; }
  .chains tr.is-sel{ box-shadow:inset 3px 0 0 var(--gold); }
  .chains tr.is-sel td:first-child{ box-shadow:none; }
}
@media (max-width:620px){
  body{ font-size:16px; }
  :root{ --pad:16px; }
  .feats{ grid-template-columns:1fr 1fr; gap:10px; }
  .feat{ flex-direction:column; justify-content:center; gap:10px; padding:18px 10px; text-align:center; }
  .feat h3{ font-size:13px; }
  .buy__cta{ flex-direction:column; align-items:stretch; max-width:340px; margin-inline:auto; }
  .panel__head h2{ font-size:17px; }

  .step{ gap:14px; padding:16px; align-items:flex-start; }
  .step__i{ margin-top:1px; }
  .foot__top{ flex-direction:column; align-items:flex-start; }
}
@media (max-width:400px){
  .nav .btn--gold{ padding:10px 14px; font-size:13px; }
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important;
    transition-duration:.01ms !important; scroll-behavior:auto !important; }
  .reveal{ opacity:1; transform:none; }
  #dust{ display:none; }
  .mascot img{ transform:none; }
}



.payout{ display:grid; grid-template-columns:auto 1fr; align-items:center;
  gap:clamp(16px,2vw,30px); padding:clamp(6px,.7vw,10px) clamp(18px,2vw,26px) clamp(22px,2.4vw,31px); }
.payout__asset{ display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
.payout__badge{
  display:inline-flex; align-items:center; justify-content:center; min-width:96px;
  padding:9px 18px; border-radius:12px; font-size:clamp(17px,1.9vw,23px); font-weight:800;
  letter-spacing:-.01em; color:#1C1203; background:var(--gold-grad);
  border:2px solid #FFD95E;
  box-shadow:0 0 0 1px rgba(255,217,94,.5), 0 8px 24px rgba(255,180,30,.4), inset 0 1px 0 rgba(255,255,255,.55);
}
.payout__lbl{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#fff; }
.payout__nums{ margin:0; display:grid; grid-template-columns:repeat(3,1fr); }
.payout__nums > div{ text-align:center; padding:0 10px; border-left:1px solid var(--card-line); }
.payout__nums > div:first-child{ border-left:0; }
.payout__nums dt{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#fff; }
.payout__nums dd{ margin:5px 0 0; font-size:clamp(15px,1.8vw,22px); font-weight:800; color:var(--gold); }


@media (max-width:860px){
  .payout{ grid-template-columns:1fr; gap:22px; }
  .payout__asset{ align-items:center; text-align:center; }
}
@media (max-width:620px){
  .payout__nums{ grid-template-columns:1fr; }
  .payout__nums > div{ border-left:0; border-top:1px solid var(--card-line); padding:10px; }
  .payout__nums > div:first-child{ border-top:0; }
}

.offscreen{ position:fixed; left:-9999px; top:0; opacity:0; }

.i--pangea{ display:block; width:20px; height:20px; background:currentColor;
  -webkit-mask:url(assets/img/pangea.png) center/contain no-repeat;
  mask:url(assets/img/pangea.png) center/contain no-repeat; }

.cas{ display:grid; gap:10px; max-width:640px; margin:0 auto 26px; }
.cas--top{ max-width:none; margin:0 0 18px; }
.ca{ display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"chain btn" "val btn";
  align-items:center; gap:3px 14px; padding:12px 12px 12px 20px; border-radius:16px; text-align:left;
  background:var(--card); border:1px solid var(--card-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
.ca__chain{ grid-area:chain; font-size:11px; font-weight:800; text-transform:uppercase;
  letter-spacing:.08em; color:#fff; }
.ca__val{ grid-area:val; font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  font-size:14px; font-weight:600; color:var(--gold); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ca__short{ display:none; }
.ca__btn{ grid-area:btn; font-family:inherit; font-size:14px; font-weight:800; min-width:86px;
  padding:11px 18px; border-radius:12px; border:0; cursor:pointer;
  background:var(--gold-grad); color:#1C1203;
  box-shadow:0 4px 16px rgba(255,180,30,.3), inset 0 1px 0 rgba(255,255,255,.55);
  transition:filter .25s, transform .25s var(--ease); }
.ca__btn:hover{ filter:brightness(1.08); transform:translateY(-1px); }
.ca__btn.is-done{ background:#11341F; color:#7BF0AE; box-shadow:none; }
@media (min-width:1000px){
  .cas--top{ grid-template-columns:1fr 1fr; }
}
@media (max-width:560px){
  .ca{ padding:12px 10px 12px 16px; }
  .ca__full{ display:none; }
  .ca__short{ display:inline; }
}

.chartbox{ border-top:1px solid var(--card-line);
  padding:16px clamp(14px,1.6vw,20px) clamp(14px,1.6vw,20px); }
.chartbox__bar{ display:flex; align-items:center; justify-content:space-between; gap:12px;
  flex-wrap:wrap; margin-bottom:14px; }
.chartbox__tabs{ display:flex; flex-wrap:wrap; gap:8px; }
.chartbox__tab{ font-family:inherit; font-size:13px; font-weight:800; cursor:pointer;
  padding:9px 18px; border-radius:999px; color:#fff;
  background:var(--card); border:1px solid var(--card-line);
  transition:background .25s, border-color .25s, color .25s; }
.chartbox__tab:hover{ border-color:rgba(255,198,46,.6); }
.chartbox__tab[aria-selected="true"]{ background:var(--gold-grad); color:#1C1203; border-color:#FFD95E; }
.chartbox__frame{ position:relative; border-radius:16px; overflow:hidden;
  border:1px solid var(--card-line); background:rgba(0,14,80,.6);
  height:clamp(420px,44vw,560px); }
.chartbox__frame iframe{ width:100%; height:100%; border:0; display:block; }
.chartbox__wait{ position:absolute; inset:0; display:grid; place-items:center;
  margin:0; color:#fff; font-size:14px; font-weight:600; }

.basket{ position:relative; }
.basket__link{ color:var(--gold); text-decoration:underline dotted;
  text-decoration-color:rgba(255,198,46,.75); text-decoration-thickness:2px; text-underline-offset:6px; }
.basket__link:hover{ color:var(--gold-lt); }
.baskettip{
  --tx:-50%;
  position:absolute; z-index:20; left:50%; bottom:calc(100% + 40px);
  width:min(500px, calc(100vw - 32px)); padding:8px 16px; text-align:left;
  border-radius:16px; background:rgba(0,28,140,.97); border:1px solid rgba(255,198,46,.55);
  box-shadow:0 24px 60px rgba(0,10,70,.5), 0 0 30px rgba(255,180,30,.14);
  opacity:0; visibility:hidden; pointer-events:none; translate:var(--tx) 8px;
  transition:opacity .25s var(--ease), translate .25s var(--ease), visibility 0s .25s;
}
.baskettip::after{ content:''; position:absolute; top:100%; left:calc(50% - 8px);
  border:8px solid transparent; border-top-color:rgba(255,198,46,.5); }
.baskettip__row{ display:grid; grid-template-columns:92px minmax(0,1fr); gap:12px; align-items:start;
  padding:10px 0; border-top:1px solid var(--card-line); }
.baskettip__row:first-child{ border-top:0; }
.baskettip__chain{ padding-top:3px; font-size:11px; font-weight:800; text-transform:uppercase;
  letter-spacing:.08em; color:#fff; line-height:1.3; }
.baskettip__toks{ display:flex; flex-wrap:wrap; gap:8px 14px; }
.tok--sm{ display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:700;
  color:#fff; line-height:1.2; white-space:nowrap; }
.tok--sm img,.tok--sm .ph{ width:22px; height:22px; }
@media (hover:hover){
  .basket:hover .baskettip,
  .basket:focus-within .baskettip{ opacity:1; visibility:visible; translate:var(--tx) 0;
    transition:opacity .25s var(--ease), translate .25s var(--ease), visibility 0s; }
}
@media (max-width:1100px){
  .baskettip{ --tx:0%; left:0; }
  .baskettip::after{ left:40px; }
}

.rwgrid{ margin-top:36px; overflow:hidden; }
.rwgrid__wait{ margin:0; padding:26px; text-align:center; color:#fff; font-size:15px; font-weight:600; }
.rwrow{ display:grid; grid-template-columns:160px minmax(0,1fr); gap:18px; align-items:center;
  padding:20px clamp(18px,2vw,26px); border-top:1px solid var(--card-line); }
.rwrow:first-child{ border-top:0; }
.rwrow__chain{ margin:0; display:flex; align-items:center; gap:10px; font-size:15px; font-weight:800;
  text-transform:uppercase; letter-spacing:.02em; color:#fff; }
.rwrow__chain i{ width:8px; height:8px; border-radius:50%; flex:none; background:var(--gold);
  box-shadow:0 0 8px rgba(255,198,46,.8); }
.rwrow__toks{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
.rwrow__toks > li{ display:flex; }
.tok{ display:flex; flex-direction:column; align-items:center; gap:9px; width:112px;
  padding:14px 8px 12px; border-radius:16px; text-align:center; text-decoration:none;
  background:rgba(0,20,110,.45); border:1px solid var(--card-line);
  font-size:13px; font-weight:800; line-height:1.25; color:#fff; overflow-wrap:anywhere;
  transition:border-color .25s, transform .25s var(--ease), background .25s; }
a.tok:hover{ color:#fff; border-color:rgba(255,198,46,.6); background:rgba(60,130,255,.3); transform:translateY(-2px); }
.tok img,.tok .ph{ width:44px; height:44px; border-radius:50%; flex:none; object-fit:cover;
  background:rgba(255,198,46,.14); box-shadow:0 0 0 2px rgba(255,198,46,.35); }
.tok .ph{ display:grid; place-items:center; font-size:14px; font-weight:800; color:var(--gold); }
.tok--sm{ width:auto; padding:0; border:0; background:none; flex-direction:row; text-align:left; }
.tok--sm img,.tok--sm .ph{ box-shadow:none; }
.tok--sm .ph{ font-size:10px; }
.tok > span:last-child{ display:flex; align-items:center; justify-content:center; min-height:2.5em; }
.tok--sm > span:last-child{ display:inline; min-height:0; }
@media (max-width:760px){
  .rwrow{ grid-template-columns:1fr; gap:14px; padding:20px 16px; }
  .rwrow__chain{ justify-content:center; }
  .rwrow__toks{ justify-content:center; gap:10px; }
  .rwrow__toks > li{ flex:0 0 calc((100% - 20px) / 3); }
  .tok{ width:100%; padding:14px 6px 10px; }
}
@media (max-width:620px){
  .chartbox__frame{ height:440px; }
  .chartbox__bar{ flex-direction:column; align-items:stretch; }
  .chartbox__tabs{ display:grid; grid-template-columns:1fr 1fr; }
  .chartbox__tab{ padding:10px 8px; }
  #chartLink{ justify-content:center; }
}
@media (hover:none){
  .basket__link{ text-decoration:none; }
}