
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070912;color:#f7f8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 42px));margin:auto}
header{height:76px;position:sticky;top:0;z-index:50;background:rgba(7,9,18,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.075)}nav{height:100%;display:flex;align-items:center;gap:32px}.logo{font-weight:950;letter-spacing:.14em;font-size:18px}.logo small{display:block;font-size:8px;letter-spacing:.24em;color:#9ba3b8;margin-top:4px}.navlinks{margin-left:auto;display:flex;gap:27px;align-items:center;color:#aeb5c8;font-size:13px;font-weight:750}.navlinks a:hover{color:#fff}.lang{padding:10px 13px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.035);color:#e7e9f1}.store{padding:11px 15px;border-radius:12px;background:#fff;color:#0b0d14;font-weight:900}
.hero{min-height:690px;position:relative;overflow:hidden;display:grid;align-items:center;background:radial-gradient(circle at 78% 38%,rgba(234,54,159,.2),transparent 25%),radial-gradient(circle at 65% 54%,rgba(90,71,255,.18),transparent 32%)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.heroGrid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;padding:80px 0}.tag{font-size:11px;font-weight:950;letter-spacing:.22em;color:#b8a8ff;margin-bottom:19px}.hero h1{font-size:clamp(55px,7vw,92px);line-height:.88;letter-spacing:-.06em;margin:0}.hero h1 span{display:block;background:linear-gradient(90deg,#9c83ff,#ef63e6,#ff7d9e);-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.65;color:#a9b1c5;max-width:540px;margin:26px 0 0}.actions{display:flex;gap:12px;margin-top:32px}.btn{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:0 20px;border-radius:14px;font-size:13px;font-weight:900}.primary{background:linear-gradient(135deg,#755bff,#e94caa);box-shadow:0 15px 40px rgba(133,69,255,.23)}.ghost{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
.visual{height:520px;position:relative;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 64% 27%,rgba(250,102,188,.75),transparent 18%),linear-gradient(145deg,#12192b,#342056 48%,#101624 80%);box-shadow:0 45px 110px rgba(0,0,0,.46)}
.visual:before{content:"";position:absolute;left:-8%;right:-8%;bottom:0;height:55%;background:linear-gradient(165deg,transparent 0 37%,rgba(255,255,255,.07) 38% 39%,transparent 40%),linear-gradient(15deg,transparent 0 52%,rgba(255,255,255,.05) 53% 54%,transparent 55%),linear-gradient(#151b2c,#090d16)}
.orb{position:absolute;width:290px;height:290px;border-radius:50%;right:45px;top:58px;background:radial-gradient(circle at 35% 30%,#ff9fce,#9a52ff 45%,#29266c 72%,#10172b);filter:drop-shadow(0 0 45px rgba(210,79,255,.34))}
.ring{position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:50%;inset:-28px;transform:rotateX(67deg) rotateZ(-12deg)}.vword{position:absolute;left:30px;bottom:30px}.vword b{font-size:30px;letter-spacing:.12em}.vword small{display:block;letter-spacing:.2em;color:#b4bdd0;margin-top:6px}.signal{position:absolute;right:24px;bottom:25px;padding:10px 13px;border-radius:999px;background:rgba(6,8,15,.6);border:1px solid rgba(255,255,255,.12);font-size:10px;font-weight:900;letter-spacing:.12em}
.section{padding:105px 0}.light{background:#f5f5fa;color:#10131d}.center{text-align:center}.eyebrow{font-size:11px;font-weight:950;letter-spacing:.2em;color:#8468ff;margin-bottom:15px}h2{font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.05em;margin:0}.sub{max-width:630px;margin:18px auto 0;color:#767e90;line-height:1.65}
.video{max-width:960px;aspect-ratio:16/9;margin:44px auto 0;border-radius:30px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 25%,rgba(245,85,179,.38),transparent 24%),linear-gradient(135deg,#11182b,#261b42 55%,#0b0f19);box-shadow:0 28px 80px rgba(20,19,39,.18)}
.video:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 48%,rgba(255,255,255,.04) 49% 50%,transparent 51%)}.play{position:absolute;inset:0;margin:auto;width:86px;height:86px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);backdrop-filter:blur(12px);display:grid;place-items:center;font-size:28px;color:white}.videoText{position:absolute;left:30px;bottom:28px;color:white;text-align:left}.videoText b{font-size:20px}.videoText small{display:block;color:#b7bed0;margin-top:5px}.soon{position:absolute;right:26px;top:24px;color:white;font-size:10px;font-weight:900;letter-spacing:.14em;padding:9px 11px;border:1px solid rgba(255,255,255,.15);border-radius:999px}
.flow{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:35px;font-size:12px;font-weight:950;letter-spacing:.09em}.flow i{font-style:normal;color:#9278ff}
.productGrid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.phoneStage{height:510px;position:relative;display:grid;place-items:center}.phoneGlow{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#8e5cff55,transparent 67%)}.phone{position:relative;width:245px;height:470px;border-radius:38px;padding:10px;background:#05070d;border:1px solid rgba(255,255,255,.18);box-shadow:0 35px 90px rgba(0,0,0,.48);transform:rotate(-3deg)}.screen{height:100%;border-radius:29px;background:linear-gradient(180deg,#171d30,#0a0e18);padding:25px 16px}.screen b{letter-spacing:.13em}.screen small{display:block;color:#8d96a9;margin-top:5px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:28px}.tiles span{min-height:82px;padding:16px 10px;border-radius:14px;background:#171e31;border:1px solid rgba(255,255,255,.06);font-size:11px;font-weight:800}.voice{position:absolute;right:2%;bottom:65px;padding:16px 18px;border-radius:17px;background:#fff;color:#11131c;box-shadow:0 22px 60px rgba(0,0,0,.3);font-size:11px}.voice strong{display:block;font-size:15px;margin-top:4px}.productCopy p{color:#aab2c4;line-height:1.7;max-width:530px}
.games{background:#0b0e17}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.game{min-height:300px;padding:34px;border-radius:28px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at 76% 18%,rgba(245,92,177,.45),transparent 25%),linear-gradient(145deg,#462052,#151a29 68%)}.game.g5{background:radial-gradient(circle at 72% 18%,rgba(55,181,245,.34),transparent 27%),linear-gradient(145deg,#163d59,#121725 70%)}.game h3{font-size:30px;margin:0 0 8px}.game p{margin:0 0 17px;color:#b4bccd;max-width:430px}.game b{font-size:13px}
footer{padding:42px 0;border-top:1px solid rgba(255,255,255,.075);color:#8d96aa;font-size:12px}.foot{display:flex;justify-content:space-between;align-items:center}.foot strong{color:#fff;letter-spacing:.12em}
@media(max-width:850px){.navlinks a:not(.lang):not(.store){display:none}.heroGrid,.productGrid{grid-template-columns:1fr}.heroGrid{padding:58px 0}.visual{height:410px}.section{padding:78px 0}.productGrid{gap:25px}.cards{grid-template-columns:1fr}}
@media(max-width:560px){.wrap{width:min(100% - 28px,1180px)}header{height:68px}.store{display:none}.navlinks{gap:8px}.hero h1{font-size:57px}.visual{height:330px}.orb{width:200px;height:200px}.actions{flex-direction:column}.btn{width:100%}.flow{gap:9px;flex-wrap:wrap}.video{border-radius:20px}.phoneStage{height:455px}.foot{display:block}.foot span{display:block;margin-top:10px}}

/* V5.1 brand-first navigation */
.gamesmenu{position:relative}
.gamesbtn{border:0;background:transparent;color:#aeb5c8;font:inherit;font-weight:750;cursor:pointer;padding:8px 0}
.gamesbtn:hover{color:#fff}
.gamesdrop{position:absolute;top:calc(100% + 14px);right:-35px;width:290px;padding:9px;border-radius:17px;background:#101420;border:1px solid rgba(255,255,255,.11);box-shadow:0 25px 65px rgba(0,0,0,.42);display:none}
.gamesmenu:hover .gamesdrop,.gamesmenu:focus-within .gamesdrop{display:block}
.gamesdrop a{display:block;padding:13px 14px;border-radius:12px;color:#f2f4fa}
.gamesdrop a:hover{background:rgba(255,255,255,.06)}
.gamesdrop b{display:block;font-size:13px}.gamesdrop small{display:block;color:#8993a8;font-size:10px;margin-top:4px;line-height:1.35}
.brandEnd{padding:100px 0;background:#0b0e17;text-align:center;border-top:1px solid rgba(255,255,255,.06)}
.brandEnd h2{max-width:760px;margin:0 auto}.brandEnd p{max-width:570px;margin:18px auto 0;color:#9ea7ba;line-height:1.65}
@media(max-width:850px){.gamesdrop{right:-90px}.navlinks>a:not(.lang),.navlinks>a:not(.lang){display:none}.gamesmenu{display:block}}

/* V5.2 dropdown cleanup */
.gamesdrop{width:245px}
.gamesdrop a{padding:12px 14px}
.gamesdrop b{font-size:13px;line-height:1.25}

/* V5.13.1 UX only: keep V5.12 navbar appearance */
.gamesdrop:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.gamesmenu.clickopen .gamesdrop{display:block}
