:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#17221e;background:#f6f7f2}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}nav{height:78px;max-width:1240px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#d9ff5f;font-weight:900}.brand b{font-size:18px}nav>div{display:flex;gap:30px;font-size:13px;color:#59655e}.open,.hero-copy>a,.games a{display:inline-flex;align-items:center;gap:8px;background:#17231d;color:#fff;padding:13px 17px;border-radius:6px;font-weight:750;font-size:13px}.hero{min-height:calc(100vh - 78px);max-width:1440px;margin:auto;background:#dcebf4;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden}.hero-copy{padding:9vh max(42px,7vw);align-self:center}.tag,.overline{font-size:10px;font-weight:850;letter-spacing:.08em;color:#596d62}.hero h1{font-size:clamp(76px,11vw,154px);line-height:.8;margin:30px 0 34px;letter-spacing:0}.hero-copy p{max-width:550px;color:#52645a;line-height:1.65;font-size:17px;margin:0 0 27px}.hero-copy small{display:flex;align-items:center;gap:7px;margin-top:18px;color:#607068}.hero-scene{position:relative;min-height:620px;background:#20332b;overflow:hidden;display:grid;place-items:center}.sun{position:absolute;width:500px;height:500px;border-radius:50%;background:#d9ff5f;right:-130px;top:-170px}.phone{position:relative;width:min(330px,70%);height:500px;border:8px solid #13201a;border-radius:38px;background:#f8f9f4;padding:32px 25px;box-shadow:0 35px 70px #0b161160;transform:rotate(4deg)}.phone-top{display:flex;justify-content:space-between;align-items:center}.phone-top span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#d9ff5f;font-weight:900}.phone-top small{font-weight:800;color:#6f7c75}.phone>p{font-size:12px;color:#7a857f;margin:56px 0 5px}.phone>strong{font-size:35px}.phone>strong i{font-size:12px;color:#4b765f}.chart{height:120px;display:flex;align-items:end;gap:10px;margin:38px 0}.chart i{flex:1;background:#b7dcc9;border-radius:3px 3px 0 0}.chart i:nth-child(1){height:30%}.chart i:nth-child(2){height:55%}.chart i:nth-child(3){height:42%}.chart i:nth-child(4){height:70%}.chart i:nth-child(5){height:62%}.chart i:nth-child(6){height:84%}.chart i:nth-child(7){height:100%;background:#71a43d}.phone button{width:100%;height:45px;border:0;border-radius:6px;background:#17231d;color:#fff;font-weight:800}.reward{position:absolute;background:#fff;padding:13px 16px;border-radius:7px;font-weight:900;box-shadow:0 12px 30px #0f1d1760}.r1{left:9%;top:25%;transform:rotate(-5deg)}.r2{right:8%;bottom:18%;transform:rotate(6deg)}.how{padding:100px max(32px,8vw);max-width:1440px;margin:auto}.how h2,.games h2{font-size:42px;max-width:560px;margin:10px 0 46px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d9ddd6}.steps article{padding:28px 35px 10px 0;border-right:1px solid #d9ddd6}.steps article+article{padding-left:35px}.steps article:last-child{border:0}.steps svg{color:#4c8d68}.steps b{display:block;margin:25px 0 8px;font-size:18px}.steps p{color:#657169;line-height:1.6;font-size:14px}.games{display:grid;grid-template-columns:1fr 1fr;min-height:530px;background:#f2d8c2}.games>div:last-child{padding:80px max(36px,8vw);align-self:center}.games p{color:#675b52;line-height:1.7;margin-bottom:25px}.blocks{position:relative;background:#22342d;overflow:hidden}.blocks i{position:absolute;width:100px;height:100px;border-radius:4px;box-shadow:inset 0 0 0 7px #fff2}.blocks i:nth-child(1){background:#d9ff5f;left:25%;bottom:18%}.blocks i:nth-child(2){background:#d9ff5f;left:calc(25% + 100px);bottom:18%}.blocks i:nth-child(3){background:#66c9f2;left:calc(25% + 100px);bottom:calc(18% + 100px)}.blocks i:nth-child(4){background:#ff985b;left:calc(25% + 200px);bottom:18%}.blocks i:nth-child(5){background:#ff985b;left:calc(25% + 200px);bottom:calc(18% + 100px)}footer{max-width:1240px;margin:auto;padding:42px 32px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6f7a73}footer p{max-width:460px}footer>div{display:flex;gap:18px}@media(max-width:760px){nav{height:68px;padding:0 18px}nav>div{display:none}.hero{min-height:auto;grid-template-columns:1fr}.hero-copy{padding:70px 22px 55px}.hero h1{font-size:82px;margin:24px 0 30px}.hero-copy p{font-size:15px}.hero-scene{min-height:520px}.phone{height:430px;width:270px;padding:26px 20px}.phone>p{margin-top:35px}.chart{height:90px;margin:26px 0}.how{padding:75px 22px}.how h2,.games h2{font-size:31px}.steps{grid-template-columns:1fr}.steps article,.steps article+article{border-right:0;border-bottom:1px solid #d9ddd6;padding:25px 0}.games{grid-template-columns:1fr}.blocks{min-height:360px}.blocks i{width:70px;height:70px}.blocks i:nth-child(2){left:calc(25% + 70px)}.blocks i:nth-child(3){left:calc(25% + 70px);bottom:calc(18% + 70px)}.blocks i:nth-child(4){left:calc(25% + 140px)}.blocks i:nth-child(5){left:calc(25% + 140px);bottom:calc(18% + 70px)}footer{align-items:flex-start;gap:22px;flex-direction:column;padding:35px 22px}}html{scroll-behavior:smooth}nav{animation:nav-in .55s ease-out both}.brand span{transition:transform .25s ease}.brand:hover span{transform:rotate(8deg) scale(1.06)}nav>div a{position:relative}nav>div a:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:#17231d;transform:scaleX(0);transform-origin:right;transition:transform .25s ease}nav>div a:hover:after{transform:scaleX(1);transform-origin:left}.open,.hero-copy>a,.games a{transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease}.open:hover,.hero-copy>a:hover,.games a:hover{transform:translateY(-2px);background:#284237;box-shadow:0 9px 20px #17231d24}.open svg,.hero-copy>a svg,.games a svg{transition:transform .22s ease}.open:hover svg,.hero-copy>a:hover svg,.games a:hover svg{transform:translate(3px)}.hero-copy>*{animation:hero-copy-in .7s cubic-bezier(.2,.75,.25,1) both}.hero-copy h1{animation-delay:.08s}.hero-copy p{animation-delay:.16s}.hero-copy>a{animation-delay:.24s}.hero-copy small{animation-delay:.32s}.sun{animation:sun-in 1s cubic-bezier(.2,.8,.25,1) both,sun-drift 9s ease-in-out 1s infinite}.phone{animation:phone-in .9s cubic-bezier(.18,.8,.22,1) .12s both,phone-float 5s ease-in-out 1.02s infinite}.chart i{transform-origin:bottom;animation:bar-grow .65s cubic-bezier(.2,.8,.25,1) both}.chart i:nth-child(1){animation-delay:.55s}.chart i:nth-child(2){animation-delay:.62s}.chart i:nth-child(3){animation-delay:.69s}.chart i:nth-child(4){animation-delay:.76s}.chart i:nth-child(5){animation-delay:.83s}.chart i:nth-child(6){animation-delay:.9s}.chart i:nth-child(7){animation-delay:.97s}.r1{animation:reward-one-in .7s cubic-bezier(.2,.8,.25,1) .65s both,reward-one-float 4.8s ease-in-out 1.35s infinite}.r2{animation:reward-two-in .7s cubic-bezier(.2,.8,.25,1) .82s both,reward-two-float 5.4s ease-in-out 1.52s infinite}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.steps.is-visible article{animation:step-in .55s ease-out both}.steps.is-visible article:nth-child(2){animation-delay:.1s}.steps.is-visible article:nth-child(3){animation-delay:.2s}.blocks[data-reveal]{transform:translateY(0)}.blocks[data-reveal] i{opacity:0;transform:translateY(-80px) rotate(8deg)}.blocks[data-reveal].is-visible i{animation:block-drop .6s cubic-bezier(.2,.85,.3,1.15) both}.blocks[data-reveal].is-visible i:nth-child(2){animation-delay:.08s}.blocks[data-reveal].is-visible i:nth-child(3){animation-delay:.16s}.blocks[data-reveal].is-visible i:nth-child(4){animation-delay:.24s}.blocks[data-reveal].is-visible i:nth-child(5){animation-delay:.32s}@keyframes nav-in{0%{opacity:0;transform:translateY(-10px)}}@keyframes hero-copy-in{0%{opacity:0;transform:translateY(18px)}}@keyframes sun-in{0%{opacity:0;transform:scale(.75)}}@keyframes sun-drift{50%{transform:translate(-14px,12px)}}@keyframes phone-in{0%{opacity:0;transform:translateY(70px) rotate(8deg)}}@keyframes phone-float{0%,to{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes bar-grow{0%{opacity:0;transform:scaleY(0)}}@keyframes reward-one-in{0%{opacity:0;transform:translate(-18px,18px) rotate(-10deg) scale(.8)}}@keyframes reward-one-float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-9px) rotate(-3deg)}}@keyframes reward-two-in{0%{opacity:0;transform:translate(18px,18px) rotate(11deg) scale(.8)}}@keyframes reward-two-float{0%,to{transform:translateY(0) rotate(6deg)}50%{transform:translateY(8px) rotate(4deg)}}@keyframes step-in{0%{opacity:0;transform:translateY(16px)}}@keyframes block-drop{to{opacity:1;transform:translateY(0) rotate(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}.site-auth{display:flex;align-items:center;gap:8px}.site-auth .login{padding:11px 13px;font-weight:750;color:#38463f}@media(max-width:760px){nav>div:not(.site-auth){display:none}.site-auth{display:flex;gap:3px}.site-auth .login{padding:9px}.site-auth .open{padding:10px 12px}.site-auth .open svg{display:none}}