@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090b10;color:#f3f5f7;font-family:Manrope,system-ui,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}.site{min-height:100vh;overflow:hidden}.topbar{height:84px;max-width:1440px;margin:auto;padding:0 52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:11px}.brand span{width:31px;height:31px;display:grid;place-items:center;background:#b8ff5a;color:#10140b;border-radius:9px;font-weight:900}.brand b{font-size:15px}.topbar nav{display:flex;gap:34px;color:#9298a5;font-size:13px}.topbar nav a{padding:30px 2px;position:relative}.topbar nav a:hover,.topbar nav a.active{color:#fff}.topbar nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#b8ff5a}.header-cta{padding:10px 14px;border:1px solid #ffffff20;border-radius:9px;font-size:12px}.header-cta:hover{background:#fff;color:#101116}.header-cta i{font-style:normal;color:#b8ff5a;margin-left:7px}.hero{max-width:1440px;min-height:690px;padding:100px 7vw 80px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.2px;color:#a6adb9;display:flex;align-items:center;gap:10px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#b8ff5a;box-shadow:0 0 20px #b8ff5a}.hero h1,.plans-hero h1{font-size:clamp(48px,5.4vw,82px);line-height:.97;letter-spacing:-5px;margin:25px 0 28px}.hero h1 em,.plans-hero h1 em{font-style:normal;color:#b8ff5a}.hero-copy>p{max-width:650px;color:#a1a7b2;font-size:17px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:38px}.primary{display:inline-flex;align-items:center;gap:36px;background:#b8ff5a;color:#10130c;padding:16px 20px;border-radius:9px;font-size:13px;font-weight:800;transition:.2s}.primary:hover{box-shadow:0 0 35px #b8ff5a35;transform:translateY(-2px)}.hero-actions>span{max-width:190px;color:#69717e;font-size:11px;line-height:1.5}.hero-visual{position:relative}.live-card{border:1px solid #ffffff15;background:#11141c;border-radius:17px;padding:12px;box-shadow:0 30px 100px #000}.live-head{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:#656c7a;font-size:9px;letter-spacing:1.2px}.live-head span{color:#fff}.live-head i{display:inline-block;width:5px;height:5px;background:#ff5f68;border-radius:50%;margin-right:6px}.stream-frame{aspect-ratio:16/10;position:relative;overflow:hidden;border-radius:10px;background:radial-gradient(circle at 65% 30%,#39435a,#191f2c 45%,#0c1018)}.fake-game{position:absolute;inset:16% 12%;border:1px solid #ffffff0d;background:linear-gradient(140deg,#1c2535,#0e121a);clip-path:polygon(0 10%,70% 0,100% 35%,92% 100%,15% 88%)}.poll{position:absolute;left:5%;bottom:6%;width:53%;padding:17px;background:#0b0d12e8;border:1px solid #ffffff15;border-radius:10px;backdrop-filter:blur(8px)}.poll small{color:#b8ff5a;font-size:7px;letter-spacing:1.3px}.poll strong{display:block;font-size:13px;margin:7px 0 12px}.poll div{height:3px;background:#ffffff18}.poll div i{display:block;height:100%;background:#b8ff5a}.poll span{display:flex;justify-content:space-between;margin-top:7px;color:#9299a5;font-size:8px}.reaction{position:absolute;font-size:31px;filter:drop-shadow(0 7px 12px #000);animation:float 3s ease-in-out infinite}.r1{right:14%;top:18%}.r2{right:25%;top:39%;animation-delay:-1.2s}.float-note{position:absolute;right:-25px;bottom:-22px;background:#f7f8f9;color:#17191e;padding:14px 18px;border-radius:9px;font-size:11px;font-weight:800;box-shadow:0 14px 30px #0008}.float-note small{display:block;color:#777d88;font-size:8px;margin-top:4px}@keyframes float{50%{transform:translateY(-14px) rotate(7deg)}}.principles{max-width:1440px;margin:auto;padding:0 7vw 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.principles article{background:#10131a;padding:36px;border-top:1px solid #ffffff15}.principles span{color:#b8ff5a;font-size:10px}.principles h2{font-size:20px;margin:35px 0 12px}.principles p{color:#7f8794;font-size:13px;line-height:1.7}.roadmap-cta{margin:0 3vw 50px;padding:70px 7vw;background:#b8ff5a;color:#10130c;display:flex;align-items:end;justify-content:space-between;border-radius:18px}.roadmap-cta small{font-size:9px;font-weight:900;letter-spacing:2px}.roadmap-cta h2{font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-3px;margin:18px 0 0}.primary.light{background:#0d1015;color:#fff}.site>footer{max-width:1440px;height:100px;margin:auto;padding:0 52px;display:flex;align-items:center;justify-content:space-between;color:#68707d;font-size:11px}.site>footer>a:last-child{color:#c9ced5}
.plans-hero{max-width:1440px;margin:auto;padding:90px 7vw 70px;display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}.plans-hero h1{margin-bottom:0}.plans-hero>p{color:#949ba7;font-size:15px;line-height:1.8;max-width:510px}.legend{max-width:1240px;margin:0 auto 50px;padding:16px 22px;border:1px solid #ffffff13;border-radius:10px;display:flex;gap:25px;color:#7c8490;font-size:10px}.legend span{display:flex;align-items:center;gap:8px}.legend i{width:7px;height:7px;border-radius:50%}.legend i.next{background:#b8ff5a}.legend i.planned{border:1px solid #9b8cff}.legend i.later{background:#424854}.legend .hint{margin-left:auto;color:#aeb4be}.roadmaps{max-width:1240px;margin:auto;padding-bottom:110px}.roadmap{margin-bottom:100px}.roadmap>header{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;padding:0 0 25px;border-bottom:2px solid var(--roadmap)}.roadmap>header small{color:var(--roadmap);font-size:9px;letter-spacing:2px;font-weight:800}.roadmap>header h2{font-size:43px;letter-spacing:-2px;margin:8px 0 0}.roadmap>header p{color:#8a919d;font-size:13px;line-height:1.7;max-width:580px}.feature-list{position:relative}.feature-card{position:relative;border-bottom:1px solid #ffffff12;transition:.2s}.feature-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--feature);opacity:0;transition:.2s}.feature-summary{width:100%;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:65px 1fr 130px 35px;align-items:center;text-align:left;padding:27px 18px;cursor:pointer}.number{color:#4f5662;font-size:10px}.feature-main small{display:block;color:var(--feature);font-size:8px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.feature-main strong{display:flex;align-items:center;gap:7px;font-size:19px;margin:5px 0}.feature-main em{display:block;color:#79818e;font-style:normal;font-size:12px}.status{justify-self:start;padding:6px 8px;border-radius:5px;font-size:8px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.status.next{color:#b8ff5a;background:#b8ff5a12}.status.planned{color:#a79bff;background:#9b8cff12}.status.later{color:#737b88;background:#ffffff08}.chevron{font-size:20px;color:#69717e;font-style:normal;transition:.25s}.feature-summary:hover{background:#ffffff035}.feature-card.open:before,.feature-card.dependency-target:before{opacity:1}.feature-card.open{background:#0e1118}.feature-card.open .chevron{transform:rotate(180deg);color:var(--feature)}.feature-details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.feature-details>div{overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;padding:0 148px 0 83px;opacity:0;transition:.25s}.feature-card.open .feature-details{grid-template-rows:1fr}.feature-card.open .feature-details>div{padding-top:8px;padding-bottom:35px;opacity:1}.feature-details p{margin:0;color:#aab0ba;line-height:1.8;font-size:13px}.feature-details ul{margin:0;padding:0;list-style:none;color:#7e8693;font-size:11px}.feature-details li{padding:6px 0}.feature-details li:before{content:"✓";color:var(--feature);margin-right:9px}.dependency-dot{width:9px;height:9px;padding:0;border:2px solid #090b10;border-radius:50%;background:var(--dot);box-shadow:0 0 0 1px var(--dot);cursor:crosshair;position:relative;z-index:4}.dependency-dot:hover,.dependency-dot.active{transform:scale(1.7);box-shadow:0 0 12px var(--dot)}.feature-card.dependency-target{background:color-mix(in srgb,var(--feature) 8%,transparent);z-index:2}.feature-card.dependency-target .feature-main strong{color:var(--feature)}.feature-card.dependency-source{z-index:2}.dependency-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;opacity:0;z-index:3;transition:opacity .15s}.dependency-layer.visible{opacity:1}.dependency-layer path:last-of-type{fill:none;stroke:currentColor;stroke-width:1.5;stroke-dasharray:5 4;filter:drop-shadow(0 0 4px currentColor)}.reset-note{max-width:1240px;margin:0 auto 80px;padding:70px;background:#f1f3f5;color:#11141a;border-radius:16px}.reset-note span{font-size:9px;font-weight:900;letter-spacing:2px;color:#64707c}.reset-note h2{font-size:46px;line-height:1.08;letter-spacing:-2.5px;margin:18px 0}.reset-note p{max-width:650px;color:#69717d;font-size:13px;line-height:1.7}
@media(max-width:850px){.topbar{padding:0 20px;height:70px}.topbar nav{gap:18px}.header-cta{display:none}.hero{grid-template-columns:1fr;padding:65px 22px}.hero h1,.plans-hero h1{letter-spacing:-3px}.principles{grid-template-columns:1fr;padding:0 20px 70px}.roadmap-cta{padding:45px 25px;display:block}.roadmap-cta .primary{margin-top:30px}.plans-hero{grid-template-columns:1fr;padding:60px 22px 40px}.legend{margin:0 20px 35px;flex-wrap:wrap}.legend .hint{margin-left:0;width:100%}.roadmaps{padding:0 20px 70px}.roadmap>header{grid-template-columns:1fr;gap:10px}.feature-summary{grid-template-columns:35px 1fr 24px;padding:22px 5px}.status{display:none}.feature-main strong{font-size:16px;flex-wrap:wrap}.feature-main em{font-size:10px;line-height:1.5}.feature-details>div,.feature-card.open .feature-details>div{grid-template-columns:1fr;padding-left:40px;padding-right:15px;gap:18px}.reset-note{margin:0 20px 50px;padding:40px 25px}.reset-note h2{font-size:34px}.site>footer{padding:0 20px}.site>footer>span{display:none}.dependency-layer{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}