@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{color:#f7f4ff;font-synthesis:none;text-rendering:optimizelegibility;background:#050510;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{min-width:320px;margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0}button,input{font:inherit}a{color:inherit;text-decoration:none}:root{--violet:#a855f7;--light:#c084fc;--green:#34d399;--line:#242238;--muted:#9691a4;--mono:"JetBrains Mono",monospace}.shell{width:min(1180px,100% - 48px);margin:auto}.header{z-index:20;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;width:min(1240px,100% - 48px);height:76px;margin:auto;display:flex;position:relative}.brand{font:700 15px var(--mono);letter-spacing:1.5px;align-items:center;gap:11px;display:flex}.brand b>span{color:var(--light)}.brandMark{background:#11101c;border:1px solid #553972;place-items:center;width:34px;height:34px;display:grid;overflow:hidden;transform:rotate(45deg)}.brandMark img{object-fit:cover;width:32px;height:32px;transform:rotate(-45deg)scale(1.28)}nav{color:#aaa5b7;gap:34px;font-size:14px;display:flex}nav a:hover{color:#fff}.navCta{font:600 10px var(--mono);letter-spacing:.5px;text-transform:uppercase;background:#a855f714;border:1px solid #5f407d;padding:11px 16px}.menu{background:0 0;border:0;display:none}.menu i{background:#fff;width:22px;height:1px;margin:6px;display:block}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;min-height:730px;padding:45px 0 80px;display:grid;position:relative}.glow{filter:blur(12px);pointer-events:none;background:radial-gradient(circle,#7c3aed30,#0000 67%);width:580px;height:580px;position:absolute;top:25px;right:-70px}.eyebrow{font:600 10px var(--mono);letter-spacing:2.3px;color:var(--light);text-transform:uppercase;margin-bottom:24px}.eyebrow i{background:var(--green);width:6px;height:6px;box-shadow:0 0 12px var(--green);border-radius:50%;margin-right:9px;display:inline-block}.hero h1,.heading h2,.download h2{letter-spacing:-4px;margin:0;font-size:clamp(53px,6.8vw,88px);line-height:.97}.hero h1 em,.heading h2 em,.download h2 em{color:#0000;-webkit-text-stroke:1px var(--light);text-shadow:0 0 28px #a855f730;font-style:normal}.heroCopy>p{color:#aaa6b7;max-width:570px;margin:30px 0;font-size:17px;line-height:1.75}.actions{flex-wrap:wrap;gap:12px;display:flex}.btn{height:52px;font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.65px;justify-content:center;align-items:center;gap:16px;padding:0 22px;display:inline-flex}.primary{background:var(--violet);box-shadow:0 0 25px #a855f73d}.ghost{border:1px solid var(--line);background:#0b0b16}.note{font:9px var(--mono);color:#6e697c;margin-top:23px;display:block}.systemWrap{justify-content:center;display:flex;position:relative}.system{z-index:2;clip-path:polygon(0 0,96% 0,100% 5%,100% 100%,4% 100%,0 95%);background:linear-gradient(145deg,#111021fa,#070711fc);border:1px solid #37314a;width:min(100%,420px);padding:20px;position:relative;box-shadow:0 32px 90px #0009,0 0 40px #a855f712}.system:before{content:"";pointer-events:none;border:1px solid #a855f712;position:absolute;inset:5px}.sysTop{font:8px var(--mono);letter-spacing:1.2px;color:#696477;border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:13px;display:flex}.sysTop b{color:var(--green)}.profile{grid-template-columns:55px 1fr 48px;align-items:center;gap:13px;padding:20px 0;display:grid}.avatar{border:1px solid var(--violet);background:#181425;width:52px;height:52px;overflow:hidden;transform:rotate(45deg)}.avatar img{object-fit:cover;width:100%;height:100%;transform:rotate(-45deg)scale(1.34)}.profile>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.profile small,.quest small,.stats small{font-family:var(--mono)}.profile small{color:var(--light);font-size:7px}.profile strong{font:700 13px var(--mono)}.profile span{font:8px var(--mono);color:#827d90}.level{border:1px solid #644586;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.level b{font:700 14px var(--mono);color:var(--light)}.xpLabel,.questHead{font:7px var(--mono);color:#7f798c;justify-content:space-between;display:flex}.xpLabel b{color:var(--light)}.xp{border:1px solid #312c3f;height:7px;margin:7px 0 22px;padding:1px}.xp i{background:linear-gradient(90deg,#6d28d9,var(--light));width:82%;height:100%;box-shadow:0 0 8px var(--violet);display:block}.questHead{color:#d8d3e0;margin-bottom:10px;font-size:9px}.questHead small{color:#716b7e;font-size:7px}.quest{background:#0a0914;border:1px solid #242033;grid-template-columns:19px 1fr auto;align-items:center;gap:9px;margin-top:7px;padding:11px;display:grid}.quest>i{width:15px;height:15px;font:9px var(--mono);border:1px solid #514760;place-items:center;font-style:normal;display:grid}.quest div{flex-direction:column;gap:2px;display:flex}.quest b{font:600 9px var(--mono)}.quest small{color:#706a7b;font-size:7px}.quest>span{font:700 8px var(--mono);color:var(--light)}.quest.done{opacity:.65}.quest.done>i{border-color:var(--green);color:var(--green)}.stats{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:13px;display:grid}.stats div{text-align:center;border:1px solid #242033;padding:8px}.stats small{color:#716b7e;font-size:7px;display:block}.stats b{font:700 12px var(--mono)}.chip{z-index:3;font:700 8px var(--mono);letter-spacing:.6px;background:#0d0b18;border:1px solid #3d3150;padding:10px 13px;position:absolute;box-shadow:0 15px 30px #000}.chip b{color:var(--light)}.chipOne{top:94px;right:-18px}.chipTwo{bottom:72px;left:-5px}.orbit{border:1px solid #a855f717;border-radius:50%;position:absolute}.orbit.one{width:470px;height:470px;top:-30px}.orbit.two{width:340px;height:340px;top:35px}.proof{background:#070711;border-block:1px solid #171623;justify-content:center;align-items:center;gap:0;min-height:112px;display:flex}.proof div{border-right:1px solid #252330;justify-content:center;align-items:center;gap:13px;width:220px;display:flex}.proof div:last-child{border:0}.proof b{font:600 28px var(--mono);color:var(--light)}.proof span{font:9px var(--mono);color:#777181;text-transform:uppercase}.features,.classes,.steps{padding:130px 0}.heading{max-width:700px;margin-bottom:60px}.heading h2,.download h2{letter-spacing:-2.5px;font-size:clamp(42px,5vw,67px)}.heading>p{color:var(--muted);max-width:580px;line-height:1.7}.featureGrid{border:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.featureGrid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:330px;padding:40px;position:relative;overflow:hidden}.featureGrid article:nth-child(2n){border-right:0}.featureGrid article:nth-last-child(-n+2){border-bottom:0}.featureGrid article>small,.stepGrid article>span{font:9px var(--mono);color:#4c4857;position:absolute;top:28px;right:28px}.icon{width:42px;height:42px;color:var(--light);font:20px var(--mono);background:#100d1b;border:1px solid #55416e;place-items:center;margin-bottom:40px;display:grid}.featureGrid h3,.stepGrid h3{margin:0 0 12px;font-size:22px}.featureGrid p,.stepGrid p{color:#8f8a9e;max-width:440px;font-size:14px;line-height:1.7}.mini{gap:7px;margin-top:24px;display:grid}.mini span{font:8px var(--mono);color:#aaa4b5;background:#0a0913;border:1px solid #282435;padding:10px}.mini b{float:right;color:var(--light)}.bars{gap:9px;margin-top:28px;display:grid}.bars i{background:linear-gradient(90deg,var(--violet),#554174);height:4px}.bars i:first-child{width:78%}.bars i:nth-child(2){width:56%}.bars i:nth-child(3){width:88%}.pills,.boosts{flex-wrap:wrap;gap:7px;margin-top:26px;display:flex}.pills span,.boosts span{font:7px var(--mono);color:#91899d;border:1px solid #3c334a;padding:8px 10px}.ranks{gap:13px;margin-top:30px;display:flex}.ranks span{width:32px;height:32px;font:9px var(--mono);color:#625d6d;border:1px solid #2d2936;place-items:center;display:grid;transform:rotate(45deg)}.ranks .active{color:#fff;border-color:var(--violet);background:#26143b;box-shadow:0 0 18px #a855f759}.classes,.steps{border-top:1px solid #15141f}.center{text-align:center;margin-inline:auto}.center p{margin-inline:auto}.classPanel{border:1px solid var(--line);background:linear-gradient(110deg,#0a0914,#090812);grid-template-columns:60px 1fr 1fr 60px;min-height:400px;display:grid}.classPanel>button{border:0;border-right:1px solid var(--line);color:#777082;font:18px var(--mono);cursor:pointer;background:0 0}.classPanel>button:last-child{border:0;border-left:1px solid var(--line)}.classPanel>button:hover{color:var(--light);background:#0e0c18}.classCopy{flex-direction:column;justify-content:center;padding:55px;animation:.35s appear;display:flex}.classCopy>span{font:8px var(--mono);color:#5e5869}.glyph{color:var(--light);margin:30px 0 18px;font-size:26px}.classCopy>small{font:8px var(--mono);letter-spacing:2px;color:var(--light)}.classCopy h3{margin:8px 0 14px;font-size:32px}.classCopy p{color:#918b9e;font-size:14px;line-height:1.7}.boosts span{color:var(--light)}.classArt{background:radial-gradient(circle,#7e22ce2e,#0000 58%);place-items:center;display:grid;position:relative;overflow:hidden}.classArt:before,.classArt:after{content:"";border:1px solid #a855f724;width:260px;height:260px;position:absolute;transform:rotate(45deg)}.classArt:after{width:190px;height:190px}.sigil{border:1px solid var(--violet);z-index:1;place-items:center;width:128px;height:128px;display:grid;transform:rotate(45deg);box-shadow:0 0 45px #a855f733}.sigil b{font:600 34px var(--mono);color:#d6a8ff;text-shadow:0 0 18px var(--violet);transform:rotate(-45deg)}.classArt>i{background:linear-gradient(90deg,transparent,var(--violet),transparent);width:100%;height:1px;animation:4s linear infinite scan;position:absolute}.stepGrid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.stepGrid article{padding:42px 55px 20px 0;position:relative}.stepGrid article:not(:last-child){border-right:1px solid var(--line);margin-right:50px}.download{padding-bottom:130px}.downloadPanel{text-align:center;background:radial-gradient(circle at 50% 110%,#a855f740,#0000 45%),#090812;border:1px solid #3c2b51;padding:90px 30px;position:relative;overflow:hidden}.gridBg{opacity:.3;background-image:linear-gradient(#a855f714 1px,#0000 1px),linear-gradient(90deg,#a855f714 1px,#0000 1px);background-size:35px 35px;position:absolute;inset:0}.downloadPanel>:not(.gridBg){position:relative}.download p{color:#9993a5;max-width:570px;margin:25px auto;line-height:1.7}.download form{background:#080711;border:1px solid #3d344b;max-width:520px;margin:32px auto 12px;padding:5px;display:flex}.download input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0 16px}.download button{background:var(--violet);color:#fff;font:600 9px var(--mono);text-transform:uppercase;border:0;padding:15px 19px}.downloadPanel>small{font:8px var(--mono);color:#5f596a}.footer{border-top:1px solid #191722;grid-template-columns:1fr 1fr;align-items:center;gap:25px;padding:38px 0;display:grid}.footer>p,.footer>small{text-align:right;color:#777181}.footer>div{color:#777181;gap:22px;font-size:12px;display:flex}.footer>small{font:8px var(--mono)}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.12s}.sr{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes scan{0%{transform:translateY(-180px)}to{transform:translateY(180px)}}@keyframes appear{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:none}}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:90px}.heroCopy{text-align:center}.heroCopy>p{margin-inline:auto}.actions{justify-content:center}.systemWrap{margin-top:35px}.classPanel{grid-template-columns:48px 1fr 48px}.classArt{display:none}.stepGrid article:not(:last-child){margin-right:25px}.stepGrid article{padding-right:25px}}@media (width<=680px){.shell,.header{width:calc(100% - 30px)}.header{height:66px}.header nav{border:1px solid var(--line);background:#090813;flex-direction:column;padding:20px;display:none;position:absolute;top:65px;left:0;right:0}.header nav.open{display:flex}.navCta{display:none}.menu{display:block}.hero{padding-top:70px}.hero h1{letter-spacing:-2.5px}.heroCopy>p{font-size:15px}.btn{width:100%}.chip,.orbit{display:none}.proof{grid-template-columns:1fr 1fr;padding:20px;display:grid}.proof div{border:0;flex-direction:column;gap:3px;width:auto;padding:12px}.features,.classes,.steps{padding:85px 0}.featureGrid{grid-template-columns:1fr}.featureGrid article,.featureGrid article:nth-child(2n){border-right:0;border-bottom:1px solid var(--line);padding:30px}.featureGrid article:last-child{border-bottom:0}.classPanel{grid-template-columns:38px 1fr 38px}.classCopy{padding:34px 22px}.classCopy h3{font-size:26px}.stepGrid{grid-template-columns:1fr}.stepGrid article,.stepGrid article:not(:last-child){border-right:0;border-bottom:1px solid var(--line);margin:0;padding:35px 10px}.download{padding-bottom:85px}.downloadPanel{padding:65px 18px}.download form{flex-direction:column;gap:6px}.download input{height:48px}.footer{text-align:center;grid-template-columns:1fr}.footer .brand,.footer>div{justify-content:center}.footer>p,.footer>small{text-align:center;margin:0}.profile{grid-template-columns:48px 1fr 42px}.avatar{width:45px;height:45px}}.storeButtons{justify-content:center;gap:12px;margin:32px auto 18px;display:flex}.storeButton{text-align:left;background:#080711;border:1px solid #4b405a;align-items:center;gap:12px;min-width:190px;height:62px;padding:8px 17px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.storeButton.playStore:hover{border-color:var(--violet);transform:translateY(-2px);box-shadow:0 10px 30px #a855f72b}.storeIcon{color:var(--light);filter:drop-shadow(0 0 8px #a855f7);font-size:25px}.appleIcon{color:#777181;font-size:27px}.storeButton span:last-child{flex-direction:column;display:flex}.storeButton small{color:#938c9f;font:7px var(--mono);letter-spacing:1px}.storeButton b{font-size:19px;line-height:1.15}.appStore{cursor:not-allowed;opacity:.48}@media (width<=680px){.storeButtons{flex-direction:column;align-items:stretch}.storeButton{justify-content:center;width:100%}}