@font-face{font-family:Inter;src:url('/assets/Inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--cream:#fff9ee;--blue:#2549e8;--yellow:#ffd64a;--coral:#ff654f;--ink:#17234b;--muted:#616983;--soft:#e5ebff;--board:#111e42;--line:#dcdedc;color-scheme:light;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-size:16px;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--blue)}button:not(:disabled),summary{cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:800;letter-spacing:-.055em;line-height:1.06}h1{font-size:clamp(52px,6.6vw,88px);margin-bottom:24px}h2{font-size:clamp(36px,4.7vw,62px);margin-bottom:24px}h3{font-size:24px;letter-spacing:-.035em}p{margin-bottom:1em}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.section{padding-block:100px}.split{display:grid;grid-template-columns:1fr 1fr;gap:92px;align-items:center}.intro{font-size:19px;line-height:1.7;max-width:49ch;color:var(--muted)}.skip-link{position:fixed;top:12px;left:12px;z-index:10;background:var(--ink);color:white;padding:10px 20px;border-radius:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:27px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:35px;font-weight:900;letter-spacing:-2px;line-height:1}.brand img{width:38px;height:38px;border-radius:10px}.site-header nav{display:flex;align-items:center;gap:32px}.site-header nav a{text-decoration:none;font-size:14px;font-weight:600;min-height:44px;display:inline-flex;align-items:center}.site-header .nav-download{padding:11px 19px;background:var(--blue);color:white;border-radius:12px}.language-link{font-size:12px!important;color:var(--muted);border-left:1px solid var(--line);padding-left:22px}
.hero{min-height:670px;padding-block:70px 100px;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.platform{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:600;margin-bottom:27px}.little-card{background:var(--yellow);width:23px;height:28px;border-radius:5px;display:grid;place-items:center;font-weight:900;transform:rotate(-9deg)}.hero-intro{font-size:19px;line-height:1.65;max-width:42ch;color:var(--muted);margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.store-badge{display:inline-flex;align-items:center;gap:11px;background:var(--ink);color:white;border-radius:13px;min-height:63px;padding:11px 20px;text-decoration:none;text-align:left;line-height:1.2}.store-badge:hover{color:white;background:#243766}.store-badge svg{height:34px;width:29px;flex:none;fill:currentColor}.store-badge small{display:block;font-size:11px;font-weight:500;letter-spacing:0}.store-badge strong{display:block;font-size:23px;font-weight:650;letter-spacing:-.6px;margin-top:2px}.text-action{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:700;text-decoration:none;min-height:48px}.text-action span{font-size:23px;line-height:1}.store-note{font-size:11px;color:var(--muted);margin-top:17px;margin-bottom:0}.hero-art{height:450px;position:relative}.art-orbit{position:absolute;inset:7px 2px 7px 12px;background:var(--yellow);border-radius:50%;transform:rotate(-14deg)}.fan-card{position:absolute;width:208px;top:87px;background:var(--cream);border-radius:24px;padding:9px 9px 15px;box-shadow:0 12px 0 -7px #dacfb9,0 18px 34px #17234b26;transform-origin:50% 85%}.fan-card img{border-radius:17px;aspect-ratio:1;object-fit:cover}.fan-card>span{display:block;text-align:center;font-size:21px;font-weight:750;line-height:1.1;margin-top:12px;letter-spacing:-.5px}.fan-left{left:calc(50% - 215px);transform:rotate(-18deg);top:112px}.fan-right{left:calc(50% + 8px);transform:rotate(17deg);top:107px}.fan-center{left:calc(50% - 104px);transform:rotate(-3deg);z-index:2;top:66px}.sticker{position:absolute;left:calc(50% - 24px);top:333px;z-index:3;background:var(--coral);padding:10px 19px;border-radius:12px;font-weight:800;font-size:18px;transform:rotate(-9deg);box-shadow:0 4px 0 #dc4f3b}.question-bubble{position:absolute;font-weight:900;color:var(--blue);font-size:72px;line-height:1}.bubble-one{left:29px;top:7px;transform:rotate(-18deg)}.bubble-two{right:14px;top:19px;font-size:46px;transform:rotate(16deg)}.scribble{position:absolute;right:6px;bottom:-16px;width:108px;color:var(--blue)}
.benefit-strip{border-block:1px solid #17234b1a;padding-block:22px}.benefit-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.benefit-strip span{font-size:13px;font-weight:650;display:flex;gap:13px;align-items:center}.benefit-strip span:before{content:'✦';color:var(--blue);font-size:21px}.demo-section{background:var(--soft)}.demo-note{font-size:12px;max-width:38ch;color:var(--muted);margin-top:24px}.demo-arrow{width:160px;margin-left:130px;color:var(--blue);transform:rotate(-10deg)}.demo-shell{background:var(--board);padding:26px;border-radius:28px;box-shadow:0 14px 0 -6px #b8c6f0;color:var(--cream)}.board-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;font-weight:750;font-size:20px;letter-spacing:-.5px}.counter{font-size:11px;color:#c3ccec;font-weight:400;white-space:nowrap}.counter strong{color:var(--yellow);font-size:24px;margin-right:3px}.demo-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.board-card{background:var(--cream);border-radius:12px;padding:5px 5px 8px;color:var(--ink);transition:opacity .25s,transform .4s,background .25s;transform-origin:center bottom;min-width:0}.board-card img{border-radius:8px;width:100%;aspect-ratio:1;object-fit:cover}.board-card span{display:block;text-align:center;font-size:12px;font-weight:750;line-height:1.1;margin-top:6px}.board-card.eliminated{opacity:.19;transform:perspective(400px) rotateX(20deg) scale(.95);background:#96a8d5}.board-card.winner{background:var(--yellow);box-shadow:0 0 0 3px var(--yellow);transform:translateY(-4px)}.board-status{font-size:12px;line-height:1.55;min-height:38px;margin:20px 0 12px;color:#e5ebff}.board-controls{display:none;grid-template-columns:1fr 1fr;gap:8px}.has-js .board-controls{display:grid}.board-controls button{border:0;border-radius:10px;min-height:46px;padding:9px 12px;font-size:11px;font-weight:700;color:var(--ink);background:var(--cream)}.board-controls button:hover:not(:disabled){background:var(--soft)}.board-controls button:disabled{opacity:.5}.board-controls .guess-button{background:var(--yellow)}.reset-button{display:none;color:#d9e3ff;background:transparent;border:0;padding:12px 0 0;min-height:44px;font-size:11px;align-items:center;gap:6px}.has-js .reset-button{display:flex}.reset-button span{font-size:19px}.nojs-note{font-size:12px;line-height:1.6;color:#e5ebff}
.section-heading{max-width:700px;text-align:center;margin:0 auto 48px}.section-heading h2{margin-bottom:15px}.section-heading p{color:var(--muted);font-size:17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.step{padding-top:10px}.step-number{width:41px;height:46px;background:var(--yellow);border-radius:9px;display:grid;place-items:center;font-size:22px;font-weight:800;transform:rotate(-7deg);margin-bottom:25px}.step:nth-child(2) .step-number{background:var(--soft);transform:rotate(5deg)}.step:nth-child(3) .step-number{background:var(--coral);transform:rotate(-4deg)}.step h3{font-size:23px;margin-bottom:12px}.step p{font-size:15px;color:var(--muted);max-width:34ch}.album-section{border-top:1px solid #17234b12}.album-art{height:510px;position:relative}.album-back{position:absolute;inset:26px 60px 36px 0;background:var(--yellow);border-radius:34px;transform:rotate(-8deg)}.album-back>span{position:absolute;right:22px;top:14px;color:var(--coral);font-size:50px;transform:rotate(12deg)}.album-portrait{position:absolute;top:50px;left:48px;width:275px;padding:12px 12px 18px;background:var(--cream);box-shadow:0 14px 35px #17234b26;border-radius:25px;transform:rotate(-5deg)}.album-portrait img,.album-small img{border-radius:17px}.album-portrait>span,.album-small>span{display:block;font-weight:750;text-align:center;font-size:19px;line-height:1.3;margin-top:10px}.album-small{position:absolute;bottom:28px;right:0;width:186px;background:var(--cream);padding:9px 9px 14px;box-shadow:0 14px 35px #17234b26;border-radius:20px;transform:rotate(11deg)}.album-sticker{position:absolute;bottom:16px;left:0;max-width:220px;background:var(--coral);border-radius:13px;padding:14px 18px;font-size:14px;font-weight:750;line-height:1.4;transform:rotate(-7deg)}.album-details{margin-top:32px}.album-detail{margin-bottom:23px}.album-detail h3{font-size:17px;letter-spacing:-.02em;margin-bottom:7px}.album-detail p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:0}.album-details+.text-action{color:var(--blue);margin-top:4px}
.modes-section{background:var(--blue);color:var(--cream)}.modes-section h2{max-width:19ch;margin-bottom:55px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:100px}.modes article{max-width:440px}.modes h3{font-size:27px;margin-bottom:15px}.modes p{font-size:16px;color:#e2e7ff}.mode-icon{height:64px;display:flex;align-items:center;margin-bottom:27px}.mode-icon span{height:60px;width:45px;border-radius:9px;background:var(--yellow);color:var(--ink);display:grid;place-items:center;font-size:32px;font-weight:800;transform:rotate(-10deg);box-shadow:0 5px 0 #112ca7}.duo-icon span+span{background:var(--coral);transform:rotate(12deg);margin-left:6px}.voice-note{display:flex;align-items:center;gap:25px;margin-top:60px;padding-top:36px;border-top:1px solid #ffffff40}.voice-note>svg{width:40px;height:40px;color:var(--yellow);flex:none}.voice-note h3{font-size:22px;letter-spacing:-.035em;margin-bottom:5px}.voice-note p{font-size:14px;color:#e2e7ff;max-width:64ch;margin:0}
.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;max-width:910px;margin:auto}.screen-shot{border-radius:23px;overflow:hidden;background:var(--yellow);box-shadow:0 12px 27px #17234b12}.screen-shot img{width:100%;height:auto}.faq-section{border-top:1px solid #17234b12;display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.faq-section h2{font-size:clamp(34px,4vw,50px)}.faq-list details{border-bottom:1px solid #17234b26;padding-block:18px}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:16px;line-height:1.5;font-weight:650;list-style:none;display:flex;justify-content:space-between;gap:24px;min-height:44px;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:24px;font-weight:400;flex:none}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:14px;color:var(--muted);line-height:1.8;margin:10px 30px 6px 0}.download-section{background:var(--yellow);text-align:center}.download-section .wrap{max-width:820px}.download-section h2{font-size:clamp(39px,5.5vw,70px);margin-bottom:22px}.download-section .intro{color:#33405e;margin:0 auto 28px;font-size:17px}.download-mascot{width:65px;height:auto;margin:0 auto 30px;transform:rotate(-10deg)}.launch-note{font-size:12px;margin:20px auto 0;max-width:52ch;color:#33405e}.site-footer{padding-block:45px;display:flex;justify-content:space-between;gap:40px;align-items:flex-start}.footer-brand .brand{font-size:29px}.footer-brand p{font-size:12px;color:var(--muted);margin:13px 0 0}.footer-links{display:flex;gap:26px;flex-wrap:wrap;justify-content:flex-end}.footer-links a{font-size:13px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.footer-legal{font-size:10px;color:var(--muted);text-align:right;margin:13px 0 0}
.page-hero{max-width:850px;padding:65px 0 38px}.page-hero h1{font-size:clamp(42px,6vw,70px);max-width:15ch}.page-hero .lede{font-size:18px;color:var(--muted)}.page-hero .eyebrow{font-size:13px;font-weight:650;color:var(--blue);display:block;margin-bottom:20px}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:65px}.support-card{padding:24px;background:var(--soft);border-radius:19px}.support-card h3{font-size:20px}.support-card p{font-size:14px;color:var(--muted)}.document{max-width:850px;margin-bottom:80px;font-size:16px;line-height:1.8}.document h2{font-size:29px;letter-spacing:-.035em;margin-top:40px}.document h2:first-child{margin-top:0}.document li+li{margin-top:10px}.document a{overflow-wrap:anywhere}.meta{font-size:12px;color:var(--muted)}.callout{background:var(--soft);padding:24px;border-radius:18px}.document hr{border:0;border-top:1px solid var(--line);margin-block:32px}.simple-main{width:min(1180px,calc(100% - 80px));margin:auto}.error-page{text-align:center;padding:100px 20px 150px}.error-page h1{font-size:clamp(40px,6vw,70px);max-width:14ch;margin:0 auto 25px}.error-page p{color:var(--muted)}
@media(min-width:1400px){.hero{min-height:730px}.hero-art{transform:scale(1.08)}}
@media(max-width:1050px){.wrap,.simple-main{width:calc(100% - 56px)}.site-header nav{gap:20px}.hero{gap:10px}.hero-art{transform:scale(.9)}.split{gap:45px}.fan-card{width:190px}.fan-left{left:calc(50% - 200px)}.fan-center{left:calc(50% - 95px)}.demo-shell{padding:21px}.demo-board{gap:8px}.steps{gap:30px}.album-portrait{width:240px;left:24px}.album-small{width:165px}.faq-section{gap:45px}.modes{gap:70px}}
@media(max-width:760px){html{scroll-padding-top:20px}.wrap,.simple-main{width:calc(100% - 40px)}.section{padding-block:65px}.site-header{padding-block:21px;gap:12px}.brand{font-size:29px}.brand img{width:32px;height:32px}.site-header nav{gap:15px}.site-header nav .desktop-nav{display:none}.site-header nav .nav-download{font-size:11px;padding:10px 13px}.language-link{padding-left:0;border:0;font-size:11px!important}.hero{grid-template-columns:1fr;text-align:center;padding-block:28px 55px;min-height:0;gap:24px}.platform{justify-content:center;font-size:11px;margin-bottom:23px;gap:8px}.little-card{width:20px;height:24px}.hero h1{font-size:clamp(48px,10.4vw,75px);letter-spacing:-.065em;margin-bottom:21px}.hero-intro{font-size:16px;line-height:1.75;max-width:36ch;margin:0 auto 24px}.hero-actions{justify-content:center;gap:16px}.store-badge{padding:10px 15px;min-height:59px;gap:9px}.store-badge strong{font-size:21px}.store-badge small{font-size:10px}.store-badge svg{width:24px;height:30px}.text-action{font-size:12px;gap:8px}.store-note{font-size:10px;margin-top:15px}.hero-art{height:335px;max-width:430px;width:100%;margin:auto;transform:none}.art-orbit{inset:0 7px 0}.fan-card{width:160px;top:48px;border-radius:19px;padding:7px 7px 12px}.fan-card img{border-radius:12px}.fan-card>span{font-size:17px;margin-top:10px}.fan-center{left:calc(50% - 80px);top:35px}.fan-left{left:calc(50% - 159px);top:70px;transform:rotate(-19deg)}.fan-right{left:calc(50% + 1px);top:66px;transform:rotate(18deg)}.sticker{font-size:14px;top:245px;left:calc(50% - 18px);padding:8px 13px;border-radius:9px}.question-bubble{font-size:47px}.bubble-one{left:26px;top:0}.bubble-two{right:19px;top:15px;font-size:33px}.scribble{right:0;bottom:-8px;width:70px}.benefit-strip{padding-block:19px}.benefit-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:11px 16px}.benefit-strip span{font-size:10px;gap:8px}.benefit-strip span:before{font-size:16px}.split{grid-template-columns:1fr;gap:34px}.section-copy h2{font-size:clamp(35px,8.8vw,49px)}.intro{font-size:16px;line-height:1.75}.demo-section .section-copy{max-width:520px}.demo-note{font-size:11px;max-width:44ch;margin-top:18px}.demo-arrow{display:none}.demo-shell{width:100%;max-width:460px;margin:auto;padding:22px;border-radius:24px}.board-top{font-size:18px}.board-card span{font-size:11px}.board-controls button{font-size:10px;padding:10px 7px;min-height:46px}.board-status{font-size:11px}.section-heading{text-align:left;margin-bottom:30px}.section-heading h2{font-size:36px}.section-heading p{font-size:15px}.steps{grid-template-columns:1fr;gap:27px}.step{display:grid;grid-template-columns:40px 1fr;column-gap:20px}.step-number{grid-row:1/3;width:36px;height:41px;font-size:20px;margin-bottom:0}.step h3{font-size:21px;margin-bottom:9px}.step p{font-size:14px;max-width:45ch;margin-bottom:0}.album-section .split{gap:40px}.album-art{height:380px;max-width:390px;width:100%;margin:auto}.album-back{inset:10px 30px 22px 0}.album-portrait{top:26px;left:28px;width:222px;padding:9px 9px 15px}.album-portrait>span{font-size:15px}.album-small{width:141px;bottom:17px;right:10px}.album-small>span{font-size:15px}.album-sticker{max-width:165px;font-size:12px;bottom:0;padding:11px 14px}.album-details{margin-top:27px}.album-detail h3{font-size:16px}.album-detail p{font-size:13px}.modes-section h2{font-size:38px;margin-bottom:40px}.modes{grid-template-columns:1fr;gap:35px}.modes article{max-width:49ch}.mode-icon{margin-bottom:20px;height:52px}.mode-icon span{height:49px;width:38px;font-size:27px}.modes h3{font-size:24px}.modes p{font-size:14px;margin-bottom:0}.voice-note{gap:18px;margin-top:35px;padding-top:27px}.voice-note>svg{width:30px;height:30px}.voice-note h3{font-size:20px}.voice-note p{font-size:12px}.screens{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.screen-shot{border-radius:12px}.faq-section{display:block}.faq-section h2{font-size:36px;max-width:14ch;margin-bottom:30px}.faq-list details{padding-block:15px}.faq-list summary{font-size:14px;gap:12px}.faq-list details p{font-size:13px;margin-right:5px}.download-section h2{font-size:clamp(35px,8.7vw,50px)}.download-section .intro{font-size:15px;max-width:32ch}.launch-note{font-size:11px}.download-mascot{width:54px;margin-bottom:25px}.site-footer{flex-direction:column;gap:22px;padding-block:35px}.footer-links{justify-content:flex-start;gap:25px}.footer-legal{text-align:left;font-size:10px}.footer-brand p{font-size:11px}.support-grid{grid-template-columns:1fr;gap:17px;margin-bottom:45px}.page-hero{padding-top:35px}.page-hero .lede{font-size:16px}.document{font-size:14px}.document h2{font-size:24px}.callout{padding:20px}}
@media(max-width:359px){.wrap,.simple-main{width:calc(100% - 32px)}.hero h1{font-size:43px}.platform{font-size:10px}.hero-actions{gap:12px}.hero-actions .text-action{font-size:11px}.store-badge{padding:10px 12px}.hero-art{height:290px}.fan-card{width:141px}.fan-center{left:calc(50% - 70px)}.fan-left{left:calc(50% - 142px)}.fan-right{left:calc(50% + 1px)}.sticker{top:224px;font-size:12px}.demo-shell{padding:17px}.demo-board{gap:7px}.board-card span{font-size:9px}.board-top{font-size:16px}.album-art{height:350px}.album-portrait{width:197px;left:18px}.album-small{width:126px}.language-link{display:none!important}}
.art-orbit{transform:none}.album-back{left:25px}.download-mascot{display:block;position:relative}.download-mascot .mascot-eyes{position:absolute;width:38%;top:8%;left:20%;height:auto}
@media(min-width:761px) and (max-width:900px){.hero-art{transform:scale(.77)}}
@media(max-width:760px){.hero-art{--face-size:clamp(120px,35vw,158px)}.fan-card{width:var(--face-size)}.fan-left{left:calc(50% - var(--face-size))}.fan-right{left:50%}.fan-center{left:calc(50% - var(--face-size)/2)}.album-back{left:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}