@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600&display=swap');
:root{--ink:#211c42;--purple:#392e78;--blue:#327aa0;--yellow:#efce68;--paper:#faf8f3;--muted:#6b687b;--line:rgba(33,28,66,.13);--sans:'DM Sans',system-ui,sans-serif;--serif:'Fraunces',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}a{color:inherit;text-decoration:none}.shell{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{height:82px;width:min(1280px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.joy-icon{width:39px;height:39px;border-radius:11px;background:linear-gradient(145deg,#7653c9,#2f9bc1);color:white;display:grid;place-items:center;font:600 19px var(--serif);box-shadow:0 7px 17px rgba(57,46,120,.2)}.joy-icon.small{width:31px;height:31px;border-radius:8px;font-size:15px}.site-header nav{display:flex;gap:5px}.site-header nav a{padding:8px 13px;border-radius:30px;font-size:13px;font-weight:600}.site-header nav a.active,.site-header nav a:hover{background:white}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:#8769c9;margin:0 0 20px}.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding-top:50px;padding-bottom:70px}.hero h1,.support-hero h1{font:600 clamp(54px,6.8vw,92px)/.94 var(--serif);letter-spacing:-.055em;margin:0 0 28px}.hero h1 em,.support-hero h1 em{font-style:normal;color:#7254bb}.lead{font-size:18px;color:var(--muted);max-width:590px;margin:0 0 30px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;padding:13px 19px;background:var(--purple);color:white;border-radius:9px;font-size:13px;font-weight:700;transition:.2s}.button:hover{transform:translateY(-2px)}.text-link{font-size:13px;font-weight:700}.pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:38px}.pills span{border:1px solid var(--line);border-radius:30px;padding:6px 10px;font-size:11px;color:var(--muted)}.visual{height:530px;position:relative;display:grid;place-items:center}.visual:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:linear-gradient(145deg,var(--purple),var(--blue));box-shadow:0 35px 65px rgba(57,46,120,.22)}.orbit{width:225px;height:225px;display:grid;place-items:center;position:relative;color:white}.orbit i{position:absolute;inset:0;border:1px solid rgba(255,255,255,.4);border-radius:50%}.orbit i:nth-child(2){inset:22px}.orbit i:nth-child(3){inset:43px;border:4px solid var(--yellow);border-left-color:transparent;transform:rotate(20deg)}.orbit div{text-align:center;z-index:2}.orbit strong,.orbit small{display:block}.orbit strong{font-size:48px;line-height:1}.orbit small{text-transform:uppercase;letter-spacing:.14em;font-size:9px}.score,.winner{position:absolute;background:white;z-index:3;box-shadow:0 16px 35px rgba(22,18,55,.18);border-radius:9px}.score{padding:13px 16px;width:145px;display:grid;grid-template-columns:1fr auto}.score span{grid-column:1/-1;font-size:10px;color:var(--muted)}.score strong{font-size:24px}.score em{font-size:10px;color:#35a47c;font-style:normal;align-self:center}.score.a{left:12px;top:104px}.score.b{right:0;top:225px}.winner{bottom:31px;padding:14px 18px;font-size:9px;color:#8065bf}.winner strong{font-size:11px;color:var(--ink)}
.manifesto{padding:95px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.manifesto p,.manifesto h2{font:600 clamp(38px,4.5vw,61px)/1.06 var(--serif);margin:0}.manifesto p{color:#aaa6b3}.manifesto h2{color:#7254bb}.games{padding:110px 0}.heading h2,.history h2,.family h2,.faq h2,.support-contact h2,.privacy h2{font:600 clamp(38px,4.6vw,59px)/1.05 var(--serif);letter-spacing:-.04em;margin:0}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:55px}.game-grid article{background:var(--paper);padding:28px;min-height:210px}.game-grid .free{background:#eee9f6}.game-grid b{color:#8468c4;font-size:12px}.game-grid h3{margin:42px 0 8px}.game-grid p{font-size:13px;color:var(--muted);margin:0}.features{background:var(--purple);color:white;padding:105px 0}.heading.light h2{color:white}.heading.light .eyebrow{color:var(--yellow)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.13);margin-top:55px}.feature-grid article{background:var(--purple);padding:34px;min-height:220px}.feature-grid span{display:grid;place-items:center;width:37px;height:37px;background:rgba(255,255,255,.1);border-radius:50%;color:var(--yellow);font-size:18px}.feature-grid h3{margin:30px 0 7px;font-size:18px}.feature-grid p{font-size:13px;color:#c2bdd6;margin:0}.history{padding:115px 0;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.chart{background:white;border:1px solid var(--line);padding:28px;border-radius:12px;box-shadow:0 20px 50px rgba(33,28,66,.08)}.chart>span{font-size:12px;font-weight:700}.chart svg{width:100%;margin-top:20px}.chart path{fill:none;stroke:#795cc1;stroke-width:4}.chart path+path{stroke:#36a0b8}.history-copy>p{color:var(--muted)}.history-copy li{margin:7px 0;color:var(--muted)}.family{padding:90px 0 110px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr .6fr;gap:70px;align-items:end}.family>p{font-size:18px;color:var(--muted)}
.support-hero{padding:100px 0;border-bottom:1px solid var(--line)}.support-hero h1{font-size:clamp(50px,6.5vw,82px)}.support-content{padding:100px 0}.faq{max-width:800px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:20px 0;font-weight:600;display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:21px;color:#7658bc}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:var(--muted);margin:0;padding:0 40px 22px 0}.support-contact{margin:95px 0;background:#eee9f6;padding:45px;border-radius:14px}.support-contact p,.privacy>p{color:var(--muted)}.privacy{max-width:800px;scroll-margin-top:30px}.privacy a{color:#6749b0;font-weight:600}.privacy small{display:block;margin-top:25px;color:#8a8794}footer{border-top:1px solid var(--line);padding:28px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-inner>div{display:flex;gap:20px;font-size:13px}.footer-inner small{color:var(--muted)}.real-screen:before{display:none}.phone-frame{position:relative;width:252px;padding:8px;background:#17151f;border-radius:42px;box-shadow:0 32px 65px rgba(33,28,66,.25);transform:rotate(3deg);z-index:2}.phone-frame img{display:block;width:100%;border-radius:34px}.screen-label{position:absolute;z-index:3;right:0;bottom:68px;background:white;border-left:3px solid #7658c2;padding:14px 18px;border-radius:5px;box-shadow:0 15px 35px rgba(33,28,66,.15);font-size:11px;color:var(--muted)}.screen-label strong{color:var(--ink);font-size:13px}.screens{padding:110px 0;background:#eee9f6}.screen-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:58px;align-items:start}.screen-grid figure{margin:0;background:white;padding:7px 7px 18px;border-radius:22px;box-shadow:0 16px 35px rgba(33,28,66,.08)}.screen-grid figure:nth-child(even){margin-top:45px}.screen-grid img{display:block;width:100%;border-radius:16px}.screen-grid figcaption{padding:15px 8px 0}.screen-grid strong,.screen-grid span{display:block}.screen-grid strong{font-size:13px;margin-bottom:5px}.screen-grid span{font-size:10px;line-height:1.45;color:var(--muted)}.reveal{opacity:0;transform:translateY(16px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:820px){.hero{grid-template-columns:1fr}.visual{height:500px}.game-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}.screen-grid{grid-template-columns:repeat(3,1fr)}.screen-grid figure:nth-child(even){margin-top:0}.history,.family{grid-template-columns:1fr}.footer-inner{flex-wrap:wrap;gap:20px}.footer-inner small{width:100%}}
@media(max-width:520px){.shell{width:calc(100% - 32px)}.site-header{width:calc(100% - 32px);height:auto;min-height:76px;padding:9px 0;flex-wrap:wrap}.site-header nav{width:100%;margin-top:5px}.site-header nav a{font-size:10px;padding:5px 7px}.hero{padding-top:60px}.hero h1,.support-hero h1{font-size:48px}.visual{height:450px;overflow:hidden}.real-screen{overflow:visible}.phone-frame{width:210px}.screen-label{right:2px;bottom:40px}.game-grid,.feature-grid{grid-template-columns:1fr}.screen-grid{display:flex;overflow-x:auto;gap:14px;padding:4px 16px 25px;margin-left:-16px;margin-right:-16px;scroll-snap-type:x mandatory}.screen-grid figure{min-width:210px;scroll-snap-align:start}.game-grid article{min-height:170px}.family{padding-bottom:80px}.support-contact{padding:28px}.footer-inner>div{width:100%;order:3;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}