:root{--navy:#0a1650;--royal:#1c3fb8;--sky:#5aa6ff;--gold:#ffd24a;--green:#5fd13a;--green2:#25a81f;--ink:#1a2240;--bg:#f4f8ff}
*{box-sizing:border-box;margin:0}
body{font-family:Nunito,system-ui,-apple-system,"Segoe UI","Noto Sans",sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.t,.nav .brand,.top h1,main h2{font-family:'Lilita One',Nunito,system-ui,sans-serif;letter-spacing:.3px}
.nav{background:var(--navy);position:sticky;top:0;z-index:5}
.nav .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 18px;padding-top:9px;padding-bottom:9px}
.nav a{color:#fff;text-decoration:none;font-weight:800;font-size:15px}
.nav .links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}
.nav .brand{display:flex;align-items:center;gap:8px;font-size:20px}
.nav .brand img{width:30px;height:30px;border-radius:8px}
.fl{width:24px;height:16px;border-radius:3px;flex:0 0 auto;display:block;box-shadow:0 0 0 1px #ffffff55}
.lang{position:relative}
.lang summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;color:#fff;font-weight:800;font-size:15px;padding:6px 12px;border:2px solid #5aa6ff;border-radius:10px;user-select:none}
.lang summary::-webkit-details-marker{display:none}
.lang summary::after{content:"▾";font-size:12px;opacity:.8}
.lang ul{position:absolute;inset-inline-end:0;top:calc(100% + 8px);margin:0;padding:8px;list-style:none;background:#0d1b4f;border:2px solid #24378a;border-radius:14px;min-width:190px;box-shadow:0 14px 34px #0008;z-index:9}
.lang li a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;font-size:16px}
.lang li a:hover,.lang li a.on{background:#1c3fb8}
header.hero-h{background:linear-gradient(180deg,#2f8cf5,#6cc0ff 70%,#bfe9ff);overflow:hidden}
.hero{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:center;padding:48px 16px 40px}
.hero img.ikon{width:88px;height:88px;border-radius:22px;border:4px solid var(--gold);box-shadow:0 5px 0 var(--navy)}
.hero h1{font-size:clamp(48px,8vw,84px);line-height:1;color:#fff;margin:18px 0 12px;text-shadow:0 5px 0 var(--navy),3px 3px 0 var(--navy),-3px 3px 0 var(--navy),3px -3px 0 var(--navy),-3px -3px 0 var(--navy)}
.hero p{font-size:19px;font-weight:800;color:var(--navy);max-width:460px}
.cta{display:inline-flex;align-items:center;gap:12px;margin:24px 10px 0 0;background:linear-gradient(180deg,var(--green),var(--green2));color:#fff!important;text-decoration:none;font-weight:900;font-size:20px;padding:14px 26px;border-radius:18px;border:4px solid var(--navy);box-shadow:0 6px 0 var(--navy)}
.cta:hover{transform:translateY(2px);box-shadow:0 4px 0 var(--navy)}
.cta.play2{background:linear-gradient(180deg,#ffe36a,#f0a810);color:var(--navy)!important}
.cta svg{width:28px;height:28px}
.stores{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.store{display:inline-flex;align-items:center;gap:10px;background:var(--navy);color:#fff;text-decoration:none;font-weight:900;font-size:16px;line-height:1.15;padding:10px 16px;border-radius:14px;border:3px solid var(--navy)}
.store svg{width:24px;height:24px}
.store small{display:block;font-size:12px;font-weight:800;color:var(--gold)}
.store.off{opacity:.8;cursor:default}
.soon{display:block;margin-top:10px;font-size:14px;font-weight:800;color:var(--navy);opacity:.75}
.hero .afis{width:100%;border-radius:24px;border:6px solid var(--navy);box-shadow:0 18px 40px #0a165055}
section{padding:56px 0}
section h2{font-size:clamp(30px,5vw,42px);color:var(--royal);text-align:center;margin-bottom:28px}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card{background:#fff;border:3px solid #dbe5ff;border-radius:20px;padding:22px;text-decoration:none;display:block}
.card b{display:block;font-size:20px;color:var(--navy);margin-bottom:6px}
.card .e{font-size:32px}
.shots{display:flex;gap:16px;overflow-x:auto;padding:4px 4px 16px;scroll-snap-type:x mandatory}
.shots img{flex:0 0 auto;width:230px;border-radius:20px;scroll-snap-align:start;box-shadow:0 10px 24px #0a165033}
.story{background:var(--royal);color:#fff}.story h2{color:#fff}
.story p{max-width:720px;margin:0 auto;text-align:center;font-size:18px;font-weight:600}
.top{background:linear-gradient(180deg,#2f8cf5,#6cc0ff);padding:36px 0 30px}
.top h1{font-size:clamp(34px,6vw,54px);line-height:1.15;color:#fff;text-shadow:0 4px 0 var(--navy),2px 2px 0 var(--navy),-2px 2px 0 var(--navy),2px -2px 0 var(--navy),-2px -2px 0 var(--navy)}
.top p{font-weight:800;color:var(--navy);font-size:18px;margin-top:10px;max-width:680px}
main{max-width:820px;margin:0 auto;padding:36px 16px 56px}
main h2{font-size:28px;color:var(--royal);margin:34px 0 10px}
main h3{font-size:19px;color:var(--navy);margin:20px 0 4px}
main p,main li{font-size:17px;font-weight:600}
main p{margin:0 0 12px}
main ul,main ol{padding-inline-start:22px;margin:0 0 14px}
main a{color:var(--royal);font-weight:800}
table{width:100%;border-collapse:collapse;margin:8px 0 18px;background:#fff;border-radius:14px;overflow:hidden}
th,td{text-align:start;padding:10px 12px;border-bottom:2px solid #e3eaff;font-size:16px;font-weight:600;vertical-align:top}
th{background:var(--royal);color:#fff;font-weight:800}
.tw{overflow-x:auto}
.box{background:#fff;border:3px solid #dbe5ff;border-radius:18px;padding:16px 18px;margin:16px 0}
footer{background:var(--navy);color:#c9d3f5;padding:28px 0;font-size:15px}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between}
footer a{color:#fff}
@media (max-width:760px){.hero{grid-template-columns:1fr;text-align:center;padding-top:32px}.hero p{margin:0 auto}.stores{justify-content:center}.shots img{width:190px}.nav .links a.opt{display:none}}