:root{--ink:#24324b;--muted:#657083;--cream:#fff8e9;--orange:#ff9a59;--yellow:#ffcb5a;--blue:#75c9e8;--purple:#a99af2;--green:#8bd6a7;--pink:#f4a4b9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Nunito,system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}.page-shell{overflow:hidden}.site-header,.hero,.games-section,.how-section,footer{max-width:1280px;margin:auto}.site-header{height:96px;padding:0 5.4%;display:flex;align-items:center;gap:48px}.brand{display:flex;align-items:center;gap:9px;font-family:'Baloo 2',cursive;font-size:29px;font-weight:800;letter-spacing:-1.5px;line-height:.85}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:var(--orange);border-radius:15px;color:white;font-size:35px;line-height:1;transform:rotate(-12deg)}.brand-accent,.footer-brand span{color:#fa8c67}.brand small{display:block;margin-top:5px;font:800 9px Nunito,sans-serif;letter-spacing:1.4px;color:#6f7888}.header-nav{display:flex;gap:38px;margin-left:auto;font-size:14px;font-weight:900}.header-nav a:hover{color:#ed7855}.header-cta,.primary-button,.next-button{display:inline-flex;align-items:center;justify-content:center;gap:32px;border:0;border-radius:18px;background:#263752;color:white;font-weight:900;cursor:pointer;box-shadow:0 6px 0 #18253b;transition:transform .15s,box-shadow .15s}.header-cta:hover,.primary-button:hover,.next-button:hover{transform:translateY(2px);box-shadow:0 4px 0 #18253b}.header-cta{padding:13px 20px;font-size:14px}.hero{min-height:560px;display:grid;grid-template-columns:1fr 1fr;padding:56px 5.4% 85px;position:relative;align-items:center}.hero-copy{position:relative;z-index:1}.eyebrow,.section-kicker,.dialog-eyebrow{color:#ed855d;font-size:11px;font-weight:900;letter-spacing:2.1px}.eyebrow{display:inline-flex;align-items:center;gap:8px}.eyebrow-spark{font-size:20px;color:#f4b94f}.hero h1,.section-intro h2,.how-section h2,.dialog-content h2{font-family:'Baloo 2',cursive;letter-spacing:-2.5px;line-height:1.05}.hero h1{font-size:clamp(54px,5.25vw,80px);margin:22px 0 18px}.hero h1 em{font-style:normal;color:#f28c62;position:relative;white-space:nowrap}.hero h1 em:after{content:'';position:absolute;left:4%;right:2%;bottom:-5px;height:9px;background:#f8cc6f;border-radius:100%;transform:rotate(-2deg);z-index:-1}.hero-copy p{max-width:490px;color:var(--muted);font-size:17px;line-height:1.8;font-weight:700}.primary-button{margin-top:25px;padding:18px 26px;font-size:16px}.hero-note{display:flex;align-items:center;gap:10px;margin-top:34px;color:#7f8897;font-size:12px;font-weight:800}.note-icon{color:#e992a6;font-size:18px}.hero-art{position:relative;height:460px;min-width:0}.art-orbit{position:absolute;border:2px dashed rgba(248,172,123,.45);border-radius:50%}.orbit-one{width:420px;height:420px;top:7px;left:15%;transform:rotate(18deg)}.orbit-two{width:325px;height:325px;top:55px;left:24%;border-color:rgba(167,202,172,.6)}.art-card{position:absolute;box-shadow:0 23px 35px rgba(80,69,87,.15)}.art-card-back{left:17%;top:105px;width:240px;height:250px;background:#f8b978;border:10px solid #fff;border-radius:32px;transform:rotate(-17deg);display:flex;align-items:flex-start;justify-content:space-around;padding-top:34px;color:#fff;font-size:35px}.art-card-back span:nth-child(2){color:#f3e48a}.art-card-back span:nth-child(3){color:#d8a2dc}.art-card-front{left:39%;top:72px;width:275px;height:300px;border:11px solid white;border-radius:34px;background:#b6e4db;transform:rotate(11deg);display:grid;place-items:center}.smiley-face{width:185px;height:185px;border-radius:50%;background:#ffd67d;position:relative;box-shadow:inset -13px -12px #ffc65e}.smiley-eyes{position:absolute;top:53px;left:42px;color:#3d4050;font-size:22px;white-space:pre}.smiley-mouth{position:absolute;width:72px;height:37px;left:60px;top:100px;border-bottom:6px solid #3d4050;border-radius:50%}.art-pencil{position:absolute;top:5px;right:4%;font-size:64px;transform:rotate(-25deg)}.art-rainbow{position:absolute;bottom:20px;left:12%;font-size:74px;transform:rotate(-16deg)}.art-badge{position:absolute;bottom:27px;right:1%;background:#fff;border-radius:20px;padding:11px 18px;box-shadow:0 10px 25px rgba(80,69,87,.12);transform:rotate(8deg);text-align:center}.art-badge span{display:block;color:#f0b53d;letter-spacing:4px}.art-badge small{font-size:12px;font-weight:900}.art-star{position:absolute;color:#e98ea9;font-size:40px}.star-one{top:22px;left:17%}.star-two{right:7%;bottom:123px;color:#f7ba5e}.art-dot{position:absolute;border-radius:50%}.dot-one{width:18px;height:18px;background:#94d5e4;left:6%;top:165px}.dot-two{width:14px;height:14px;background:#f1aaa6;right:2%;top:205px}.games-section{padding:74px 5.4% 96px;background:#fff;max-width:none}.games-section>*{max-width:1140px;margin-left:auto;margin-right:auto}.section-intro{display:flex;align-items:center;justify-content:space-between}.section-intro h2{font-size:clamp(39px,4vw,55px);margin:10px 0 4px}.section-intro p{margin:0;color:var(--muted);font-weight:700}.section-decoration{font-size:87px;color:#f7c55d;line-height:1}.age-picker{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:38px;margin-bottom:27px}.age-picker>span{font-size:13px;font-weight:900;margin-right:8px}.age-chip{border:2px solid #eceef1;background:#fff;padding:10px 20px;border-radius:25px;color:#657083;font-weight:900;cursor:pointer;min-height:46px}.age-chip.active{background:#263752;color:#fff;border-color:#263752}.age-chip:hover:not(.active){border-color:#f4b08f}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.game-card{padding:0;text-align:left;background:white;border:1px solid #edf0f1;border-radius:24px;overflow:hidden;box-shadow:0 8px 21px rgba(46,49,69,.055);cursor:pointer;color:var(--ink);transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-6px);box-shadow:0 16px 28px rgba(46,49,69,.12)}.game-card[hidden]{display:none}.game-art{height:182px;display:block;position:relative;overflow:hidden}.colors-art{background:#fce6d8}.colors-art i{position:absolute;width:71px;height:71px;border-radius:50%;box-shadow:inset -9px -8px rgba(0,0,0,.08),0 9px 0 rgba(255,255,255,.55);top:52px}.colors-art i:nth-child(1){left:17%;background:#f38774}.colors-art i:nth-child(2){left:42%;background:#f8ce63;top:35px}.colors-art i:nth-child(3){left:64%;background:#84c9be;top:67px}.colors-art b{position:absolute;right:15%;bottom:13px;font-size:32px;color:#fff}.shapes-art{background:#e5e0fa}.shapes-art i{position:absolute;box-shadow:0 10px 0 rgba(80,69,87,.1)}.shape-circle{width:80px;height:80px;border-radius:50%;background:#f5b362;left:12%;top:39px}.shape-triangle{width:0;height:0;border-left:49px solid transparent;border-right:49px solid transparent;border-bottom:90px solid #ed8eab;left:36%;top:36px}.shape-square{width:77px;height:77px;background:#8acac6;border-radius:10px;left:66%;top:62px;transform:rotate(13deg)}.shapes-art b{position:absolute;right:10%;top:12px;color:#fff;font-size:29px}.puzzle-art{background:#dcefee;display:grid;grid-template-columns:repeat(2,73px);grid-template-rows:repeat(2,73px);gap:5px;justify-content:center;align-content:center;transform:none}.puzzle-art i{display:grid;place-items:center;background:#fff9ec;border:3px solid white;border-radius:10px;font-size:38px;font-style:normal;box-shadow:0 5px 0 rgba(80,69,87,.1)}.puzzle-art i:nth-child(2){transform:rotate(8deg)}.puzzle-art i:nth-child(3){transform:rotate(-7deg)}.count-art{background:#fce7ed;text-align:center;padding-top:26px;color:#8463ae}.count-art span{display:block;font-size:42px;line-height:1.25}.count-art b{display:block;margin-top:6px;font-family:'Baloo 2';font-size:25px;letter-spacing:18px}.game-card-body{display:flex;flex-direction:column;padding:23px 21px 25px;min-height:190px}.game-age{font-size:10px;color:#e98969;letter-spacing:1.3px;font-weight:900}.game-card strong{font-family:'Baloo 2';font-size:22px;line-height:1.1;margin-top:8px}.game-card-body>span:nth-of-type(2){color:#778093;font-size:12px;font-weight:700;line-height:1.6;margin-top:7px}.game-link{margin-top:auto;padding-top:17px;color:#e58360;font-size:12px;font-weight:900}.game-link span{padding-left:4px}.how-section{display:grid;grid-template-columns:150px 1fr 100px;gap:25px;align-items:center;padding:68px 6%;}.how-icon{width:126px;height:126px;border-radius:38px;background:#ffdb93;display:grid;place-items:center;font-size:58px;transform:rotate(-10deg);box-shadow:12px 12px #f3e2bd}.how-section h2{font-size:40px;margin:8px 0 3px}.how-section p{font-size:14px;font-weight:700;color:var(--muted);max-width:600px;line-height:1.7}.how-squiggle{font-size:85px;color:#9ecfb8}footer{border-top:1px solid #eadfc9;padding:24px 5.4% 38px;display:flex;justify-content:space-between;align-items:center;color:#8c918e;font-size:12px;font-weight:800}.footer-brand{font-family:'Baloo 2';font-size:22px;color:var(--ink)}.game-overlay{position:fixed;inset:0;z-index:10;background:rgba(30,43,64,.65);display:grid;place-items:center;padding:18px;overflow:auto}.game-overlay[hidden]{display:none}.game-dialog{width:min(680px,100%);max-height:calc(100dvh - 36px);overflow:auto;border:8px solid white;background:#fffaf1;border-radius:34px;box-shadow:0 26px 80px rgba(12,23,37,.3)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:19px 24px;border-bottom:2px dashed #eee0d0}.back-button{border:0;background:none;color:#46526a;font-size:13px;font-weight:900;cursor:pointer;min-height:42px}.dialog-stars{color:#f5bb50;font-size:26px;letter-spacing:3px}.dialog-content{text-align:center;padding:27px 30px 32px}.dialog-content h2{font-size:43px;margin:7px 0}.dialog-content>p{font-size:14px;color:#687487;font-weight:800;line-height:1.5;margin:0 auto 25px;max-width:460px}.game-feedback{min-height:32px;margin:15px 0 0;font-weight:900;color:#e37d62}.game-feedback.success{color:#439b6f}.next-button{margin-top:8px;padding:13px 24px;gap:18px;font-size:14px}.game-row{display:flex;justify-content:center;flex-wrap:wrap;gap:13px}.color-homes,.shape-homes{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px auto}.play-piece,.home-target,.shape-target,.answer-button{touch-action:none;user-select:none;min-width:82px;min-height:82px;border:3px solid #fff;border-radius:23px;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 0 rgba(47,62,82,.13);font-size:40px;font-weight:900}.play-piece{background:#fff;position:relative}.play-piece.selected{outline:5px solid #405b8b;transform:translateY(-4px)}.play-piece.done{opacity:.3;pointer-events:none}.play-piece.dragging{opacity:.55}.home-target{border:3px dashed #b5b7bf;background:#fff;position:relative}.home-target:after{content:'⌂';position:absolute;top:-23px;color:#adb6c2;font-size:28px}.home-target.done{border-style:solid;background:#e8f8ee}.color-dot{width:58px;height:58px;border-radius:50%;box-shadow:inset -7px -7px rgba(0,0,0,.09)}.shape-symbol{font-size:55px;line-height:1}.shape-target{background:#f3f0f7;border:3px dashed #b8b5c3;color:#c8c3d0}.shape-target.done{background:#ecf8ee;color:#5fbf89;border-style:solid}.puzzle-board{width:min(300px,80vw);height:min(300px,80vw);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;background:#b7e2dc;border-radius:22px}.puzzle-tile{border:3px solid white;border-radius:14px;background:#fff9eb;font-size:clamp(28px,8vw,47px);box-shadow:0 4px 0 rgba(47,62,82,.13);cursor:pointer;min-width:0;min-height:0;touch-action:manipulation}.puzzle-tile.blank{background:transparent;border:2px dashed rgba(255,255,255,.7);box-shadow:none;cursor:default}.puzzle-tip{color:#697688;font-size:12px;font-weight:800;margin-top:15px}.count-animals{padding:16px;background:#fce9ee;border-radius:23px;min-height:135px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;max-width:430px;margin:auto}.count-animals span{font-size:clamp(38px,8vw,55px);line-height:1.2}.answer-row{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:22px}.answer-button{background:#fff;border-color:#f5dbaa;color:#263752;font-family:'Baloo 2';font-size:30px;min-width:63px;min-height:67px}.answer-button:hover,.answer-button:focus-visible{background:#ffdc87}.answer-button.wrong{animation:shake .3s}.answer-button.correct{background:#bce9c9}.mini-progress{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.mini-progress i{width:12px;height:12px;border-radius:50%;background:#e6e1d9}.mini-progress i.active{background:#f1b65c}.mini-progress i.done{background:#7cca9c}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}:focus-visible{outline:4px solid #426fa4;outline-offset:3px}@media(max-width:1050px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:60px}.art-card-front{left:32%}.art-card-back{left:7%}}@media(max-width:700px){.site-header{height:74px;padding:0 5%;gap:10px}.brand{font-size:25px}.brand-mark{width:36px;height:36px;font-size:28px;border-radius:12px}.header-nav{display:none}.header-cta{margin-left:auto;padding:10px 13px;gap:8px;font-size:12px;border-radius:13px}.hero{padding:34px 6% 50px;display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero h1{font-size:clamp(45px,10.5vw,64px);margin-top:15px}.hero-copy p{font-size:15px;line-height:1.65}.primary-button{margin-top:15px}.hero-note{margin-top:25px}.hero-art{height:320px;margin-top:14px}.orbit-one{width:300px;height:300px;left:15%;top:4px}.orbit-two{width:220px;height:220px;left:25%;top:43px}.art-card-back{width:170px;height:185px;left:17%;top:69px;border-width:7px;padding-top:23px;font-size:25px}.art-card-front{width:190px;height:210px;left:43%;top:43px;border-width:8px}.smiley-face{width:125px;height:125px}.smiley-eyes{top:35px;left:27px;font-size:15px}.smiley-mouth{width:49px;height:26px;left:39px;top:66px;border-width:5px}.art-pencil{font-size:45px;right:3%}.art-rainbow{font-size:52px;bottom:8px;left:11%}.art-badge{bottom:9px;right:3%}.games-section{padding:56px 5% 70px}.section-intro h2{font-size:39px}.section-decoration{font-size:50px}.age-picker{margin-top:25px;gap:8px}.age-picker>span{width:100%;margin-bottom:2px}.age-chip{padding:8px 12px;font-size:12px;min-height:42px}.game-grid{gap:13px}.game-art{height:130px}.game-card-body{padding:16px;min-height:190px}.game-card strong{font-size:19px}.game-card-body>span:nth-of-type(2){font-size:11px}.colors-art i{width:50px;height:50px;top:40px}.colors-art i:nth-child(2){top:25px}.colors-art i:nth-child(3){top:47px}.shape-circle{width:56px;height:56px;top:32px}.shape-triangle{border-left-width:35px;border-right-width:35px;border-bottom-width:66px;top:27px}.shape-square{width:53px;height:53px;top:46px}.puzzle-art{grid-template-columns:repeat(2,51px);grid-template-rows:repeat(2,51px)}.puzzle-art i{font-size:29px}.count-art{padding-top:20px}.count-art span{font-size:30px}.count-art b{font-size:18px}.how-section{grid-template-columns:70px 1fr;gap:19px;padding:55px 6%}.how-icon{width:70px;height:70px;border-radius:24px;font-size:38px}.how-section h2{font-size:30px}.how-squiggle{display:none}footer{padding:20px 5%;gap:20px;align-items:flex-start}footer>span:last-child{text-align:right}.dialog-content{padding:20px 15px 25px}.dialog-content h2{font-size:35px}.play-piece,.home-target,.shape-target{min-width:72px;min-height:72px}.color-dot{width:48px;height:48px}}@media(max-width:390px){.game-grid{grid-template-columns:1fr}.game-art{height:150px}.game-card-body{min-height:145px}.hero-art{height:280px}.art-card-front{left:38%}.dialog-header{padding:12px}.dialog-content h2{font-size:31px}.play-piece,.home-target,.shape-target{min-width:65px;min-height:65px}}
