*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#020812;color:#f7f9ff;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}.shell{width:min(1180px,calc(100% - 42px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(2,8,18,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(120,160,220,.12)}.nav-wrap{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px}.brand-logo{display:block;width:auto;height:68px}.main-nav{display:flex;align-items:center;gap:34px;font-size:13px;color:#d8e1ef}.main-nav a{padding:28px 0;position:relative}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a.active:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:18px;background:#356bff;box-shadow:0 0 16px #356bff}.nav-cta,.btn.primary{background:linear-gradient(135deg,#356bff,#584cff);box-shadow:0 10px 30px rgba(58,80,255,.28)}.nav-cta{padding:11px 18px;border-radius:9px;font-size:12px;font-weight:750}.menu-btn{display:none;background:#0d1728;border:1px solid #20314b;color:#fff;border-radius:9px;padding:9px 12px}.hero{height:470px;position:relative;overflow:hidden}.hero-art{position:absolute;inset:0;background:url('../images/hero/hero.jpg') center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020812 0%,rgba(2,8,18,.96) 25%,rgba(2,8,18,.72) 44%,rgba(2,8,18,.17) 73%,rgba(2,8,18,.08) 100%)}.hero-inner{position:relative;height:100%;display:flex;align-items:center}.hero-copy{max-width:500px;padding-top:10px}.kicker,.eyebrow{font-size:11px;letter-spacing:1.2px;color:#5479ff;font-weight:800}.hero h1{font-size:49px;line-height:1.02;letter-spacing:-2px;margin-top:8px;font-weight:850}.hero h1 span{color:#426cff}.hero-text{font-size:14px;color:#d2d9e5;max-width:420px;margin:19px 0 24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:9px;font-size:13px;font-weight:750;border:1px solid transparent;transition:.22s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn.secondary{border-color:#6b7586;background:rgba(4,11,22,.65)}.btn.small{min-height:38px;padding:0 17px;font-size:12px}.about-panel{margin-top:-10px;position:relative;z-index:5;display:grid;grid-template-columns:1.65fr repeat(4,1fr);background:linear-gradient(180deg,#0a1424,#07111f);border:1px solid #17263a;border-radius:14px;overflow:hidden}.about-panel>div{padding:22px 20px}.about-copy{border-right:1px solid #17263a}.about-copy h2{font-size:22px;line-height:1.12;margin:7px 0 10px}.about-copy p:last-child,.value-card p{color:#aeb9c9;font-size:12px}.value-card{text-align:center;border-right:1px solid #17263a}.value-card:last-child{border-right:0}.round-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:rgba(112,70,255,.16);font-size:23px}.round-icon.cyan{background:rgba(0,214,255,.13)}.round-icon.blue{background:rgba(50,104,255,.16)}.value-card h3{font-size:13px;margin-bottom:7px}.games-section{padding:28px 0 20px}.section-title.center{text-align:center}.section-title h2{font-size:27px;line-height:1.2;margin-top:2px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:19px}.game-card{background:#07111f;border:1px solid #19293c;border-radius:12px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.17);transition:.25s}.game-card:hover{transform:translateY(-4px);border-color:#2b4f80}.game-card.featured{box-shadow:0 0 0 1px #2678ff,0 15px 40px rgba(25,84,255,.12)}.game-card img{height:176px;object-fit:cover}.game-content{padding:13px}.game-content h3{font-size:15px;margin-bottom:10px}.tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:11px}.tags span{font-size:10px;color:#bcc8d8;background:#102033;border:1px solid #20334b;padding:5px 7px;border-radius:5px}.store-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid #33425a;background:#02060c;border-radius:6px;font-size:9px;color:#fff}.store-badge.muted{color:#9facbd;background:#0b1420}.center-button{text-align:center;margin-top:16px}.services{margin-top:16px;background:linear-gradient(180deg,#081321,#07111f);border:1px solid #17263a;border-radius:14px;padding:18px 16px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:13px}.service-grid article{display:flex;align-items:center;gap:12px;background:#0d1829;border:1px solid #17263a;border-radius:9px;padding:15px}.service-icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;flex:none;font-weight:900;font-size:17px}.service-icon.purple{background:rgba(118,62,255,.18);color:#845cff}.service-icon.blue{background:rgba(44,102,255,.17);color:#4d7cff}.service-icon.cyan{background:rgba(0,215,245,.13);color:#1ad8f3}.service-icon.orange{background:rgba(255,148,22,.15);color:#ff9a23}.service-grid h3{font-size:13px}.service-grid p{color:#a9b6c6;font-size:10px;margin-top:4px}.stats{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(180deg,#091421,#07111d);border:1px solid #17263a;border-radius:13px;padding:17px 25px}.stats>div{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:4px 12px}.stat-icon{grid-row:1/3;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#10244e;color:#4e78ff}.stat-icon.red{color:#ff5060;background:#251428}.stat-icon.cyan-text{color:#20dbe8;background:#0d2530}.stats strong{font-size:26px;color:#4771ff;line-height:1}.stats small{font-size:10px;color:#aab7c8}.footer{margin-top:28px;margin-bottom:22px;border:1px solid #17263a;border-radius:14px;background:#050d17;padding:23px 28px}.footer-top{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:30px;align-items:center}.footer-brand .brand-logo{height:58px}.footer-tagline{font-size:12px;color:#d9e1eb;margin-top:13px}.footer-idea{text-align:center}.footer-idea p{font-size:11px;color:#aab7c8;margin:4px 0 11px}.footer-social{text-align:center}.socials{display:flex;gap:10px;justify-content:center;margin-top:11px}.socials a{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#101b2a;color:#d7dfeb}.footer-links{margin-top:20px;padding-top:18px;border-top:1px solid #17263a;display:grid;grid-template-columns:repeat(4,1fr) 1.2fr;gap:20px}.footer-links div{display:grid;align-content:start;gap:6px}.footer-links b{font-size:12px;margin-bottom:2px}.footer-links a,.copyright{font-size:10px;color:#9ca9ba}.copyright{justify-self:end;align-self:center;line-height:1.6}@media(max-width:980px){.main-nav{gap:18px}.about-panel{grid-template-columns:1.4fr repeat(2,1fr)}.about-copy{grid-row:span 2}.value-card:nth-child(4){border-top:1px solid #17263a}.value-card:nth-child(5){border-top:1px solid #17263a}.game-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr);gap:18px}.footer-links{grid-template-columns:repeat(3,1fr)}.copyright{justify-self:start}}@media(max-width:760px){.shell{width:min(100% - 24px,1180px)}.nav-cta{display:none}.menu-btn{display:block}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#030a14;border-bottom:1px solid #17263a;flex-direction:column;gap:0;padding:10px 22px}.main-nav.open{display:flex}.main-nav a{width:100%;padding:12px 0}.main-nav a.active:after{display:none}.hero{height:560px}.hero-art{background-position:65% center}.hero-shade{background:linear-gradient(90deg,#020812 0%,rgba(2,8,18,.9) 50%,rgba(2,8,18,.35) 100%)}.hero-copy{max-width:390px}.hero h1{font-size:43px}.about-panel{grid-template-columns:1fr 1fr;margin-top:0}.about-copy{grid-column:1/-1;grid-row:auto;border-right:0;border-bottom:1px solid #17263a}.value-card{border-top:1px solid #17263a}.game-grid{grid-template-columns:1fr 1fr}.game-card img{height:155px}.footer-top{grid-template-columns:1fr}.footer-idea,.footer-social{text-align:left}.socials{justify-content:flex-start}}@media(max-width:520px){.brand-logo{height:46px}.hero{height:520px}.hero h1{font-size:38px}.hero-text{font-size:13px}.about-panel{grid-template-columns:1fr}.value-card{border-right:0}.game-grid,.service-grid,.stats{grid-template-columns:1fr}.game-card img{height:185px}.footer-links{grid-template-columns:1fr 1fr}.copyright{grid-column:1/-1}.section-title h2{font-size:23px}}