:root{--bg:#020503;--bg2:#06100a;--gold:#f5c542;--gold2:#ffdf7a;--g:#19e36a;--tx:#eaf3ec;--mu:#98b0a2;--disp:Anton,Impact,sans-serif;--body:"DM Sans",system-ui,sans-serif;--ser:"Playfair Display",Georgia,serif;--ease:cubic-bezier(.2,.8,.2,1);--gut:clamp(20px,4vw,48px)}
*{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--body);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}p{margin:0}h1,h2,h3{margin:0;font-family:var(--disp);font-weight:400;letter-spacing:.01em;line-height:.98;text-transform:uppercase}
em{font-family:var(--ser);font-style:italic;text-transform:none;color:var(--gold);letter-spacing:0}
.wrap{max-width:1240px;margin:auto;padding:0 var(--gut)}
.eyebrow{font:700 12px/1 var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--g);margin-bottom:20px}
.bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:120;pointer-events:none}.bar i{display:block;height:100%;transform-origin:0 50%;transform:scaleX(var(--sp,0));background:linear-gradient(90deg,var(--g),var(--gold))}
.top{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:22px;padding:14px var(--gut);transition:background .4s,backdrop-filter .4s,transform .4s}
.top.solid{background:rgba(2,5,3,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.top.hide{transform:translateY(-100%)}
.logo{display:inline-flex;align-items:center;gap:10px;font:400 26px/1 var(--disp);text-decoration:none;letter-spacing:.04em;color:#fff}.logo b{font-weight:400}.logo img{width:46px;height:auto;filter:drop-shadow(0 0 8px rgba(245,197,66,.6))}.logo span{color:var(--gold)}
.top nav{margin-left:auto;display:flex;gap:6px}.top nav a{text-decoration:none;color:var(--mu);padding:9px 11px;border-radius:99px;font-weight:600;font-size:15px;transition:color .2s}.top nav a:hover{color:#fff}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;border-radius:99px;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#1b1200;font-weight:800;text-decoration:none;border:0;cursor:pointer;font-size:16px;box-shadow:0 10px 34px rgba(245,197,66,.3);transition:transform .3s var(--ease),box-shadow .3s}
.cta:hover{transform:translateY(-3px);box-shadow:0 16px 44px rgba(245,197,66,.5)}.cta.sm{padding:11px 20px;font-size:14px}
.cta.ghost{background:rgba(255,255,255,.07);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}.cta.big{font-size:clamp(22px,3vw,34px);padding:20px 34px;background:linear-gradient(180deg,#2bef7c,#0fb352);color:#02170b;box-shadow:0 14px 44px rgba(25,227,106,.35)}.cta svg{width:34px;height:34px;fill:currentColor}
.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
/* hero */
.hero{position:relative;height:420vh;background:#020503}.pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
#gl{position:absolute;inset:0;width:100%;height:100%;display:block}.fb{position:absolute;inset:0;background:radial-gradient(60% 50% at 70% 40%,rgba(25,227,106,.25),transparent 70%),radial-gradient(50% 50% at 30% 80%,rgba(245,197,66,.2),transparent 70%);opacity:0}.nogl .fb{opacity:1}
.vig{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 55% 45%,transparent 40%,rgba(0,0,0,.7)),linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.35) 45%,transparent 75%)}
.ui{position:absolute;inset:0;pointer-events:none}
.stage{position:absolute;left:clamp(20px,6vw,96px);top:50%;width:min(760px,calc(100% - 2*clamp(20px,6vw,96px)));opacity:var(--o,0);transform:translate3d(0,calc(-50% + var(--y,30px)),0);visibility:hidden}.stage.vis{visibility:visible}.stage.on{pointer-events:auto}
.s1 h1{font-size:clamp(70px,min(16vw,26vh),230px);line-height:.88;text-shadow:0 10px 70px rgba(0,0,0,.6)}
.s1 h1 .ln{display:block;overflow:hidden;padding:.04em 0 .06em}.ln>span{display:inline-block;transform:translateY(115%);transition:transform 1.2s var(--ease)}.loaded .ln>span{transform:none}.loaded .ln:nth-child(2)>span{transition-delay:.15s}
.s1 h1 span:first-child{background:linear-gradient(180deg,#fff2b0,#f5c542 60%,#e0a82a);-webkit-background-clip:text;background-clip:text;color:transparent}
.silver{background:linear-gradient(180deg,#fff,#b8c4c0 60%,#7d8c88);-webkit-background-clip:text;background-clip:text;color:transparent}
.stage h2{font-size:clamp(44px,min(8vw,13vh),110px);text-shadow:0 8px 60px rgba(0,0,0,.6)}
.lede{margin-top:24px;max-width:520px;font-size:clamp(17px,1.6vw,21px);color:rgba(234,243,236,.9);text-shadow:0 2px 24px #000}
.num{margin-top:22px;font:400 clamp(34px,5vw,60px)/1 var(--disp);color:var(--gold);letter-spacing:.04em}
.cue{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font:700 11px/1 var(--body);letter-spacing:.3em;text-transform:uppercase;color:#cde;opacity:calc(1 - var(--hp,0)*14)}.cue i{width:1.5px;height:44px;background:linear-gradient(var(--gold),transparent);animation:cue 2s infinite;transform-origin:top}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{opacity:0;transform:scaleY(1)}}
/* ribbon */
.ribbon{background:var(--gold);color:#1b1200;overflow:hidden;padding:16px 0;transform:rotate(-1.2deg) scale(1.03);position:relative;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.track{display:flex;gap:44px;width:max-content;animation:mq 30s linear infinite;font:400 clamp(24px,3vw,40px)/1 var(--disp);text-transform:uppercase}.track span::after{content:"✦";margin-left:44px;font-size:.6em;vertical-align:middle}@keyframes mq{to{transform:translateX(-50%)}}
.rw{overflow:hidden;position:relative;z-index:3;padding:14px 0 18px;margin-top:-10px}
/* sections */
.sec{padding:clamp(80px,11vw,150px) 0;position:relative;overflow:hidden}.sec.alt{background:linear-gradient(180deg,#04100a,#071a10)}
.head{max-width:760px;margin-bottom:clamp(36px,5vw,64px)}.sec h2{font-size:clamp(44px,7vw,100px)}.head p:last-child,.lead{margin-top:22px;color:var(--mu);font-size:clamp(17px,1.5vw,20px);max-width:560px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,32px)}
.card{position:relative;padding:clamp(28px,4vw,54px);border-radius:30px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.015));border:1px solid rgba(245,197,66,.2);overflow:hidden;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .35s ease-out,border-color .3s}
.card:hover{border-color:var(--gold)}.card::before{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(closest-side,rgba(25,227,106,.4),transparent)}
.big{position:absolute;right:26px;top:14px;font:400 90px/1 var(--disp);color:transparent;-webkit-text-stroke:1.4px rgba(245,197,66,.45)}.card h3{font-size:clamp(34px,4vw,54px);margin-bottom:12px;color:var(--gold2)}.card p{color:var(--mu);font-size:18px;max-width:420px}
.split{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,6vw,90px);align-items:start}.split.rev{grid-template-columns:.9fr 1.1fr;align-items:center}
.stickyhead{position:sticky;top:110px}.stickyhead .cta{margin-top:30px}.stickyhead p:not(.eyebrow){margin-top:22px;color:var(--mu);font-size:19px}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}.steps li{display:flex;gap:22px;padding:28px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);transition:transform .35s ease-out,border-color .3s,background .3s}
.steps li:hover{transform:translateX(10px);border-color:rgba(25,227,106,.6);background:rgba(25,227,106,.07)}.steps b{font:400 48px/1 var(--disp);color:var(--g);min-width:64px}.steps h3{font-size:30px;margin-bottom:8px;color:#fff}.steps p{color:var(--mu)}
.risk{background:radial-gradient(60% 60% at 20% 50%,rgba(255,59,59,.12),transparent 70%),var(--bg)}
.chartfig{margin:0;border-radius:26px;overflow:hidden;border:1px solid rgba(255,59,59,.4);box-shadow:0 40px 100px -30px rgba(255,59,59,.35);max-width:520px;justify-self:center;background:#000}.chartfig img{display:block;width:100%;height:auto;max-height:78vh;object-fit:cover;object-position:top}.chartfig figcaption{padding:14px 18px;font-size:13px;color:var(--mu)}
.ticks{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}.ticks li{padding-left:34px;position:relative;font-weight:500}.ticks li::before{content:"✓";position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:var(--g);color:#02170b;display:grid;place-items:center;font-size:13px;font-weight:800}
.join{background:radial-gradient(60% 70% at 85% 30%,rgba(245,197,66,.16),transparent 70%),radial-gradient(50% 60% at 0% 100%,rgba(25,227,106,.16),transparent 70%),var(--bg2)}
.form{margin-top:34px;display:grid;gap:14px;padding:clamp(20px,3vw,32px);border-radius:26px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.form label{display:grid;gap:7px;font-weight:700;font-size:13px;letter-spacing:.05em;color:var(--gold2)}.form input,.form select,.form textarea{width:100%;font:inherit;color:#fff;background:rgba(0,0,0,.45);border:1.5px solid rgba(255,255,255,.18);border-radius:14px;padding:14px 16px}
.form select option{color:#000}.form textarea{min-height:100px;resize:vertical}.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--g);box-shadow:0 0 0 4px rgba(25,227,106,.2)}.form small{color:var(--mu)}
.posterwrap{perspective:1200px}.poster{width:100%;display:block;border-radius:26px;box-shadow:0 50px 120px -30px rgba(245,197,66,.4),0 0 0 1px rgba(245,197,66,.4);transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .3s ease-out}
.foot{padding:70px 0 50px;border-top:1px solid rgba(255,255,255,.08);text-align:center;background:#010302}.foot .logo{display:inline-block;margin-bottom:14px}.foot p{color:var(--mu);margin-top:10px}.disc{max-width:720px;margin:22px auto 0!important;font-size:13px;line-height:1.6}.copy a{color:var(--gold)}
/* reveal */
.m .rv:not(.in){opacity:0;transform:translateY(44px);filter:blur(6px)}.rv{transition:opacity 1s var(--ease),transform 1s var(--ease),filter 1s var(--ease)}.rv.in{opacity:1;transform:none;filter:none}
@media(max-width:900px){.top nav{display:none}.top .cta.sm{margin-left:auto}.hero{height:380vh}.stage{top:auto;bottom:clamp(70px,13svh,130px);transform:translate3d(0,var(--y,30px),0)}.s1 h1{font-size:clamp(70px,22vw,130px)}.stage h2{font-size:clamp(40px,12vw,72px)}.vig{background:radial-gradient(130% 90% at 50% 30%,transparent 35%,rgba(0,0,0,.6)),linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.55) 40%,transparent 70%)}.cue{display:none}.grid2,.split,.split.rev{grid-template-columns:1fr}.stickyhead{position:static}.steps li{flex-direction:column;gap:8px}.cta{padding:15px 22px}.card{min-height:240px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.hero{height:auto}.pin{position:relative}.stage.s2,.stage.s3,.cue{display:none}.stage.s1{opacity:1;visibility:visible}.ln>span{transform:none}}

/* --- v2 extras --- */
.herobull{position:absolute;right:clamp(10px,3vw,60px);top:50%;width:min(40vw,600px);height:auto;opacity:calc(var(--b,1));transform:translateY(-50%) translate3d(calc(var(--hp,0)*90px),calc(var(--hp,0)*-60px),0) scale(calc(1 + var(--hp,0)*.5));filter:drop-shadow(0 0 50px rgba(245,197,66,.45)) drop-shadow(0 0 120px rgba(25,227,106,.25));animation:flt 6s ease-in-out infinite;pointer-events:none;will-change:transform,opacity}
@keyframes flt{50%{margin-top:-18px}}
.orbs i{position:absolute;bottom:-40px;width:var(--s,26px);height:var(--s,26px);border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff2b0,#f5c542 55%,#a97800);box-shadow:0 0 22px rgba(245,197,66,.6);animation:rise var(--d,9s) linear infinite;animation-delay:var(--dl,0s);opacity:.8}
.orbs i:nth-child(1){left:8%;--s:20px;--d:10s}.orbs i:nth-child(2){left:24%;--s:30px;--d:13s;--dl:-4s}.orbs i:nth-child(3){left:52%;--s:16px;--d:9s;--dl:-2s}.orbs i:nth-child(4){left:68%;--s:34px;--d:15s;--dl:-8s}.orbs i:nth-child(5){left:82%;--s:22px;--d:11s;--dl:-5s}.orbs i:nth-child(6){left:93%;--s:14px;--d:8s;--dl:-1s}
@keyframes rise{to{transform:translateY(-115vh) rotate(360deg)}}
.orbs{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:calc(1 - var(--hp,0)*5)}
.cta{position:relative;overflow:hidden;isolation:isolate}.cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);animation:shine 3.4s ease-in-out infinite}@keyframes shine{40%,100%{transform:translateX(120%)}}
.mission{padding:clamp(100px,14vw,190px) 0;background:radial-gradient(60% 60% at 80% 20%,rgba(25,227,106,.12),transparent 70%)}
.big-text{font:400 clamp(30px,5.2vw,72px)/1.12 var(--disp);text-transform:uppercase;max-width:1100px;letter-spacing:.005em}.big-text .w{color:#2b3a31;transition:color .35s,text-shadow .35s}.big-text .w.lit{color:#fff}.big-text .w.lit.g{color:var(--gold)}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:44px}.pills span{padding:12px 20px;border-radius:99px;border:1px solid rgba(245,197,66,.35);background:rgba(245,197,66,.07);font-weight:600;animation:bob 5s ease-in-out infinite}.pills span:nth-child(2n){animation-delay:-2s}.pills span:nth-child(3n){animation-delay:-3.4s}@keyframes bob{50%{transform:translateY(-8px)}}
.practice{background:radial-gradient(70% 60% at 50% 0%,rgba(245,197,66,.1),transparent 70%),var(--bg)}
.game{padding:clamp(16px,2.4vw,30px);border-radius:30px;background:rgba(255,255,255,.04);border:1px solid rgba(245,197,66,.3);box-shadow:0 40px 100px -40px rgba(25,227,106,.4)}
.gstats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.gstats div{padding:14px 16px;border-radius:16px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.08)}.gstats small{display:block;color:var(--mu);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.gstats b{font:400 clamp(20px,2.6vw,32px)/1.1 var(--disp);letter-spacing:.02em}
#gc2{display:block;width:100%;height:clamp(240px,40vw,420px);border-radius:18px;background:#010402;border:1px solid rgba(255,255,255,.08)}
.gbtn{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.gbtn .cta{padding:13px 22px;font-size:15px}.cta.buy{background:linear-gradient(180deg,#2bef7c,#0fb352);color:#02170b}.cta.sell{background:linear-gradient(180deg,#ff6b6b,#d92b2b);color:#fff;box-shadow:0 10px 30px rgba(255,59,59,.3)}.gnote{display:block;margin-top:14px;color:var(--mu)}.up{color:var(--g)}.dn{color:#ff5a5a}
.flips{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,26px);perspective:1200px}.flip{height:230px;cursor:pointer;outline:0}.fi{position:relative;width:100%;height:100%;transition:transform .8s var(--ease);transform-style:preserve-3d}.flip:hover .fi,.flip:focus .fi,.flip.open .fi{transform:rotateY(180deg)}
.ff,.fb2{position:absolute;inset:0;border-radius:26px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px}
.ff{background:linear-gradient(160deg,rgba(245,197,66,.16),rgba(255,255,255,.03));border:1px solid rgba(245,197,66,.4)}.ff span{font-size:46px;margin-bottom:10px}.ff h3{font-size:30px;color:var(--gold2)}.fb2{transform:rotateY(180deg);background:linear-gradient(160deg,#0d6b36,#06311a);border:1px solid var(--g);font-size:18px}
.narrow{max-width:860px}details{border-radius:22px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);margin-bottom:12px;overflow:hidden;transition:border-color .3s}details[open]{border-color:var(--gold)}summary{list-style:none;cursor:pointer;padding:22px 26px;font:400 clamp(22px,2.6vw,30px)/1.1 var(--disp);text-transform:uppercase;display:flex;justify-content:space-between;gap:16px}summary::-webkit-details-marker{display:none}summary::after{content:"+";color:var(--gold);font-size:1.2em;transition:transform .3s}details[open] summary::after{transform:rotate(45deg)}details p{padding:0 26px 24px;color:var(--mu);font-size:18px}
.flogo{width:180px;height:auto;display:block;margin:0 auto 10px;filter:drop-shadow(0 0 30px rgba(245,197,66,.4))}
.glow{position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;background:radial-gradient(closest-side,rgba(25,227,106,.12),transparent);pointer-events:none;z-index:1;transform:translate3d(var(--gx,-999px),var(--gy,-999px),0)}
@media(max-width:900px){.herobull{width:78vw;right:50%;top:19%;margin-right:-39vw;transform:translateY(-50%) translate3d(0,calc(var(--hp,0)*-60px),0) scale(calc(1 + var(--hp,0)*.4))}.gstats{grid-template-columns:repeat(2,1fr)}.flips{grid-template-columns:repeat(2,1fr)}.flip{height:200px}.logo b{font-size:20px}.logo img{width:38px}}
@media(max-width:520px){.flips{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.herobull{animation:none}.orbs{display:none}.big-text .w{color:#fff}}

.ic{width:84px;height:84px;margin-bottom:12px;filter:drop-shadow(0 6px 18px rgba(245,197,66,.45));transition:transform .5s var(--ease)}.flip:hover .ic{transform:scale(1.1) rotate(-4deg)}
.pills span{display:inline-flex;align-items:center;gap:10px}.pi{width:28px;height:28px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}