@font-face{font-family:Bricolage;src:url(media/bricolagegrotesque.woff2) format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:Nunito;src:url(media/nunito.woff2) format("woff2");font-weight:400 900;font-display:swap}
:root{--ink:#193f39;--paper:#fffcf5;--coral:#bd3d20;--line:#dddccf;--body:#435a52;--dark:#154c43}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:18px}
body{margin:0;color:var(--ink);background:var(--paper);font:600 17px/1.52 Nunito,system-ui,sans-serif}
a{color:inherit}button{font:inherit;cursor:pointer}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0066a4;outline-offset:3px}
h1,h2,h3,.brand,.price,.facts b{font-family:Bricolage,system-ui,sans-serif;font-weight:800}
h1,h2,h3,p{margin:0}h2{font-size:clamp(32px,4.1vw,56px);line-height:1.04;letter-spacing:-.055em}h3{letter-spacing:-.04em;line-height:1.13}img{display:block}button{color:inherit}
.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}
.skip{position:absolute;left:8px;top:-80px;background:white;padding:10px;z-index:50}.skip:focus{top:4px}
.top{background:#fffdf7;position:relative;z-index:5;border-bottom:1px solid #d9d8c5}
.head,footer>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.head{min-height:78px}.brand{display:inline-flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font-size:25px;letter-spacing:-.055em;line-height:1;white-space:nowrap}
.brand img{border-radius:14px}.head nav,.head-actions,.hero-actions{display:flex;align-items:center}.head nav{gap:30px}.head nav a,.head-cta,.language a,footer a{font-size:15px;font-weight:850;text-decoration:none}.head nav a:hover,footer a:hover{text-decoration:underline}.head-actions{gap:16px}
.head-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:24px;background:var(--dark);color:#fff;padding:8px 22px}
.language{position:relative}.language summary{list-style:none;display:flex;align-items:center;gap:7px;font-size:14px;font-weight:850;cursor:pointer;min-height:44px;padding:0 3px}.language summary::-webkit-details-marker{display:none}.language img{width:23px;height:16px;object-fit:cover;border-radius:3px}.caret{width:7px;height:7px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);margin:-3px 2px 0 1px}.language-menu{position:absolute;z-index:6;right:0;top:100%;width:max-content;padding:5px;border:1px solid var(--line);border-radius:15px;background:white;box-shadow:0 9px 32px #173d3225}.language a{display:flex;align-items:center;gap:10px;min-height:44px;padding:5px 12px;border-radius:10px}.language a[aria-current],.language a:hover{background:#e2f3e4}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#fff3cd;background-image:radial-gradient(ellipse at 50% 5%,#fffbea 5%,#fff4d3 55%,#ffe6ac 100%)}
.hero:before,.hero:after{content:"";position:absolute;bottom:-126px;width:55%;height:185px;border-radius:50%;z-index:-1;background:#c0d9a0;transform:rotate(9deg)}.hero:before{left:-16%}.hero:after{right:-16%;transform:rotate(-9deg);background:#bfdcaa}
.hero-dots{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#eaa45088 1.2px,transparent 1.3px);background-size:18px 18px;mask-image:linear-gradient(90deg,#000,transparent 39%,transparent 61%,#000)}
.stage{width:min(1440px,100%);margin:auto;position:relative;isolation:isolate;display:grid;align-items:center;min-height:clamp(460px,38vw,560px);padding:54px 0 58px}
.hero-copy{text-align:center;margin:0 auto;position:relative;z-index:2;width:min(55%,680px)}
h1{font-size:clamp(58px,6.3vw,96px);line-height:.96;letter-spacing:-.073em}
h1 em{font-style:normal;color:var(--coral);position:relative}
.hero-copy p{max-width:475px;margin:24px auto 25px;font-size:clamp(17px,1.5vw,20px);line-height:1.45;color:#385047}
.hero-actions{justify-content:center;gap:24px}.button{border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border-radius:28px;min-height:48px;padding:10px 24px;font-size:16px;font-weight:850;line-height:1.15}.primary{background:var(--coral);color:white;box-shadow:0 4px 0 #8a301d;transition:transform .15s,background .15s}.primary:hover{background:#a8361e;transform:translateY(-1px)}.demo-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:none;font-size:15px;font-weight:850}.demo-link:hover{text-decoration:underline}.play{display:grid;place-items:center;width:24px;height:24px;background:var(--dark);border-radius:100%}.play:after{content:"";border-left:7px solid white;border-top:4px solid transparent;border-bottom:4px solid transparent;margin-left:2px}
.characters{position:absolute;inset:0;pointer-events:none}.character{position:absolute;bottom:3%;width:clamp(170px,23.5%,335px);aspect-ratio:.91;display:grid;place-items:end center}.character img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 4px #875a291c)}.character span{position:absolute;bottom:0;left:10%;width:80%;height:6%;border-radius:50%;background:#917b493b;filter:blur(3px)}.character.pink{left:3.1%;transform:rotate(-7deg)}.character.blue{right:3%;transform:rotate(6deg)}
.hero-star{width:clamp(42px,4.8vw,75px);height:auto;position:absolute;left:20%;top:12%;transform:rotate(-13deg)}
.facts{background:var(--dark);color:#fffaf0}.facts-inner{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding-block:18px}.facts-inner div{display:flex;gap:12px;align-items:center;justify-content:center}.facts-inner div+div{border-left:1px solid #ffffff4a}.facts b{color:#ffdc72;font-size:clamp(27px,2.7vw,40px);line-height:1;letter-spacing:-.045em}.facts span{font-size:16px;font-weight:750}
.section{padding-block:72px}.intro{font-size:18px;margin-top:13px;color:var(--body);max-width:680px}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:27px}.book{border:1px solid #dbd5c2;border-radius:19px;background:#fff;overflow:hidden;box-shadow:0 3px 0 #29473c0c}.book>img{width:100%;height:auto;aspect-ratio:1.8;object-fit:cover}.book>div{padding:17px 18px 20px}.book small,.game-top{font:850 12px/1.3 Nunito,sans-serif;letter-spacing:.055em;text-transform:uppercase}.book small{color:#73512e}.book h3{font-size:24px;margin:7px 0}.book p{font-size:15px;line-height:1.43;color:var(--body)}
.play-section{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(20px,6vw,90px);padding:clamp(25px,4.5vw,65px);border-radius:32px;background:#ceebe8;background-image:radial-gradient(ellipse at 0 100%,#b4ded5,transparent 50%);margin-bottom:70px}.play-info h2{font-size:clamp(40px,4.7vw,67px)}.play-info p{margin-top:16px;color:#2e5149}.play-info img{margin:18px 0 0 4px;transform:rotate(-8deg)}.game{background:#fffdf7;border:2px solid #649d90;border-radius:22px;padding:clamp(17px,3vw,38px);box-shadow:0 6px 0 #82afa1;text-align:center}.game-top{display:flex;justify-content:space-between;gap:8px;color:#44675e}.game h3{font-size:clamp(23px,2.3vw,32px);margin:20px 0 10px}.objects,.answers{display:flex;align-items:center;justify-content:center;gap:8px}.objects{min-height:84px}.objects img{width:min(17%,68px);height:auto;aspect-ratio:1;object-fit:contain}.answers{margin-top:12px}.answers button{display:grid;place-items:center;border:2px solid #b2c8b7;background:#edf4e5;border-radius:13px;padding:4px 9px;min-width:58px;min-height:49px}.answers img{object-fit:contain}.answers button:hover{background:#d7ebc8}.answers button[data-result=right]{border-color:#267044;background:#d5efd5}.answers button[data-result=wrong]{border-color:#a3472f;background:#ffe2cf}.feedback{min-height:1.5em;margin-top:12px;font-weight:800;font-size:15px}.next{background:var(--dark);color:white;margin-top:10px}.next[hidden]{display:none}
.pricing{background:#f4eedf;padding:68px 0;text-align:center}.pricing .intro{margin-inline:auto}.currency{display:inline-flex;gap:3px;margin:19px auto 26px;padding:4px;background:white;border:1px solid #cdc9b8;border-radius:28px}.currency a{display:grid;place-items:center;min-height:40px;text-decoration:none;padding:5px 16px;border-radius:25px;font-size:14px;font-weight:850}.currency a[aria-current]{background:var(--dark);color:white}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;text-align:left;max-width:1060px;margin-inline:auto}.plan{border-radius:23px;background:var(--paper);border:1px solid #d7d3c0;padding:clamp(16px,2.4vw,32px);display:flex;flex-direction:column;align-items:start}.plan-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:7px;flex-wrap:wrap}.plan h3{font-size:29px}.plan.annual{background:var(--dark);color:white;border-color:var(--dark)}.best{border-radius:20px;background:#ffdc72;color:#31452c;padding:4px 9px;font-size:12px;font-weight:900}.term{font-size:15px;margin:6px 0 21px}.price{font-size:clamp(32px,3.3vw,48px);letter-spacing:-.065em;line-height:1.05}.equiv{font-size:15px;min-height:1.5em;margin:5px 0 16px}.saving{border-top:1px dashed #bac7b6;width:100%;padding-top:14px;font-size:15px;font-weight:800;flex:1}.annual .saving{color:#ffdc72;border-color:#6c9283}.choose{margin-top:22px;width:100%;background:transparent;border:2px solid var(--dark);color:var(--dark)}.choose:hover{background:#e4eedc}.annual .choose{border-color:#ffdc72;background:#ffdc72;color:#203f35}.annual .choose:hover{background:#ffe999}.compare{font-size:14px;color:var(--body);margin-top:19px}
.faq{display:grid;grid-template-columns:.72fr 1fr;gap:64px}.faq h2{font-size:clamp(32px,3.5vw,50px)}.faq details{border-bottom:1px solid #cbd4c6}.faq details:first-child{border-top:1px solid #cbd4c6}.faq summary{cursor:pointer;list-style:none;padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:850}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:24px;line-height:1}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{padding-bottom:18px;color:var(--body)}
footer{border-top:1px solid var(--line);background:#f7f3e8}footer>.wrap{min-height:83px}footer .brand{font-size:21px}footer a:last-child{text-decoration:underline}
dialog{border:1px solid #cdd7c6;border-radius:25px;width:min(430px,calc(100% - 32px));padding:28px;color:var(--ink);background:var(--paper);box-shadow:0 15px 65px #183e3b45}dialog::backdrop{background:#153d39a1}dialog img{border-radius:18px;margin-bottom:14px}dialog h2{font-size:36px}dialog p{margin:12px 0;color:var(--body)}#selection{font-weight:850;color:var(--ink)}dialog .button{margin:7px 0}.close{position:absolute;right:12px;top:12px;display:grid;place-items:center;min-height:44px;min-width:44px;border:0;border-radius:50%;font-size:25px;color:var(--ink);background:#e9ecdf}
@media(max-width:890px){
 .wrap{width:calc(100% - 44px)}.head{min-height:68px}.head nav{gap:14px}.hero-copy{width:58%}.stage{min-height:390px}.character{width:22%}.character.pink{left:2.7%}.character.blue{right:2.7%}.hero-actions{gap:12px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.facts-inner{padding-block:17px}.facts-inner div{gap:7px}.facts span{font-size:14px}.section{padding-block:52px}.plans{gap:10px}.play-section{margin-bottom:52px}.faq{gap:30px}
}
@media(max-width:700px){
 .head nav{display:none}.wrap{width:calc(100% - 32px)}.hero-copy{width:min(94%,510px)}.stage{display:flex;flex-direction:column;min-height:0;padding:35px 0 0}.hero-copy p{width:min(93%,410px);margin:15px auto 16px;font-size:17px}.hero h1{font-size:clamp(48px,10.4vw,70px)}.hero-actions{gap:18px;flex-wrap:wrap}.hero-actions .button{min-height:44px;padding:10px 19px}.characters{position:relative;inset:auto;display:flex;justify-content:center;gap:clamp(3px,7vw,44px);width:100%;margin:14px 0 1px}.character{position:relative;bottom:auto;width:clamp(112px,30vw,163px)}.character.pink{left:auto}.character.blue{right:auto}.hero-star{left:17%;top:auto;bottom:24%;width:31px}.hero:before,.hero:after{height:95px;bottom:-60px;width:70%}
 .facts-inner{width:100%;padding:11px 6px;align-items:stretch}.facts-inner div{flex-direction:column;gap:1px;text-align:center;line-height:1.1}.facts b{font-size:27px}.facts span{font-size:12px}.section{padding-block:40px}.intro{font-size:16px}.book-grid{gap:10px;margin-top:18px}.book>div{padding:12px}.book h3{font-size:20px}.book small{font-size:10px}.book p{font-size:14px}.play-section,.faq{grid-template-columns:1fr}.play-section{padding:22px 16px;gap:17px;margin-bottom:40px;border-radius:23px}.play-info h2{font-size:34px}.play-info p{margin-top:8px;font-size:16px}.play-info img{display:none}.game h3{margin-top:13px}.pricing{padding:40px 0}.plans{grid-template-columns:minmax(0,1fr);text-align:left;max-width:450px}.plan{display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:10px;padding:20px}.plan-top{grid-column:1/-1}.term{grid-column:1/-1;margin:3px 0 12px}.equiv{grid-column:1/-1;margin:4px 0 10px}.saving{grid-column:1/-1}.choose{grid-column:1/-1;margin-top:12px}.price{font-size:36px}.faq{gap:20px}.head-cta{padding:7px 15px}
}
@media(max-width:420px){
 .brand{font-size:21px;gap:6px}.brand img{width:35px;height:35px;border-radius:10px}.head,.head-actions{gap:7px}.head-cta{font-size:13px;padding:6px 11px}.language summary{gap:4px}.language img{width:19px;height:14px}.wrap{width:calc(100% - 24px)}.head{min-height:59px}.hero-actions{gap:12px}.button,.demo-link{font-size:14px}.book{border-radius:13px}.book h3{font-size:19px}.book>div{padding:10px}.book p{font-size:13px}.facts-inner{width:100%}.facts span{font-size:11px}.price{font-size:35px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::after,*::before{transition:none!important}}
.head-cta{white-space:nowrap}
@media(max-width:360px){
 .head .brand{font-size:18px;gap:5px}.head .brand img{width:31px;height:31px}
 .language summary span{display:none}.hero h1{font-size:42px}.hero-copy p{font-size:16px}
 .hero-actions{gap:4px 10px}.hero-actions .button{padding-inline:13px}.hero-star{left:6%;bottom:14%}
}

.member-entry{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:15px;font-weight:850;text-decoration:none}.member-entry:hover{text-decoration:underline}
@media(max-width:730px){.head .head-cta{display:none}.head-actions .member-entry{padding:6px 14px;background:var(--dark);color:white;border-radius:24px}.head-actions .language{order:-1}}