@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-devanagari-wght-normal-B4j4n2PV.woff2)format("woff2-variations");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-vietnamese-wght-normal-C4ZonJY6.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-latin-ext-wght-normal-Dz43yst_.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-latin-wght-normal-B_TVFhwJ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cream:#fff7ea;--paper:#fff;--ink:#1e2145;--ink-soft:#4f5378;--violet:#6f5cf1;--violet-deep:#5a48d6;--violet-tint:#efeaff;--amber:#ffb627;--coral:#ff6f61;--teal:#18b8a2;--sky:#cfeaff;--line:#ece4d6;--font-display:"Baloo 2 Variable", "Baloo 2", ui-rounded, system-ui, sans-serif;--font-body:"Nunito Variable", "Nunito", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--radius:28px;--shadow:0 2px 0 #1e21450a, 0 18px 40px -18px #1e214547}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:24px}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;font-weight:500;line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:800;line-height:1.08}p{text-wrap:pretty;margin:0}a{color:inherit}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--violet);outline-offset:3px;border-radius:10px}.wrap{width:100%;max-width:1160px;margin-inline:auto;padding-inline:clamp(20px,5vw,40px)}.skip{z-index:10;background:var(--ink);color:#fff;border-radius:12px;padding:10px 16px;text-decoration:none;position:absolute;top:-80px;left:16px}.skip:focus{top:16px}.site-header{padding-block:20px}.header-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{flex:none;width:44px;height:44px}.brand-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:26px;font-weight:700;line-height:1}.brand-name b{color:var(--violet-deep);font-weight:800}.nav{gap:6px;display:none}.nav a{color:var(--ink-soft);border-radius:999px;padding:10px 16px;font-size:17px;font-weight:700;text-decoration:none;transition:background .15s,color .15s}.nav a:hover{color:var(--ink);background:#fff}@media (width>=720px){.nav{display:flex}}.hero{padding-top:clamp(12px,3vw,40px);position:relative}.hero-grid{align-items:center;gap:24px;padding-bottom:clamp(72px,10vw,130px);display:grid}@media (width>=900px){.hero-grid{grid-template-columns:1.05fr .95fr;gap:40px}}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--violet-deep);margin-bottom:14px;font-size:14px;font-weight:800;display:inline-block}.hero h1{font-size:clamp(42px,6.4vw,72px)}.hl{white-space:nowrap;z-index:0;position:relative}.hl:after{content:"";background:var(--amber);z-index:-1;border-radius:.2em;height:.34em;position:absolute;bottom:.14em;left:-.06em;right:-.06em;transform:rotate(-1.2deg)}.lead{max-width:34em;color:var(--ink-soft);margin-top:22px;font-size:clamp(18px,2.1vw,21px)}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.btn{min-height:58px;font-family:var(--font-display);border-radius:20px;justify-content:center;align-items:center;padding:0 28px;font-size:21px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s,background .15s;display:inline-flex}.btn-primary{background:var(--violet);color:#fff;box-shadow:0 6px 0 var(--violet-deep), 0 16px 28px -12px #5a48d6b3}.btn-primary:hover{box-shadow:0 8px 0 var(--violet-deep), 0 20px 30px -12px #5a48d6b3;transform:translateY(-2px)}.btn-primary:active{box-shadow:0 2px 0 var(--violet-deep);transform:translateY(4px)}.btn-ghost{color:var(--ink);box-shadow:0 6px 0 var(--line);background:#fff}.btn-ghost:hover{box-shadow:0 8px 0 var(--line);transform:translateY(-2px)}.btn-ghost:active{box-shadow:0 2px 0 var(--line);transform:translateY(4px)}.hero-note{color:var(--ink-soft);align-items:center;gap:10px;margin-top:28px;font-size:16px;font-weight:600;display:inline-flex}@media (width<=480px){.hero-actions .btn{flex:100%}}.hero-note b{color:var(--ink)}.dot{background:var(--teal);border-radius:50%;width:10px;height:10px;animation:2.2s infinite pulse;box-shadow:0 0 #18b8a299}@keyframes pulse{70%{box-shadow:0 0 0 10px #18b8a200}to{box-shadow:0 0 #18b8a200}}.hero-art{aspect-ratio:1/1.02;width:min(100%,460px);margin-inline:auto;position:relative}.blob{background:var(--sky);border-radius:46% 54% 50% 50%/52% 46% 54% 48%;animation:14s ease-in-out infinite morph;position:absolute;inset:6% 2% 4%}@keyframes morph{50%{border-radius:54% 46% 44% 56%/46% 54%}}.owl{filter:drop-shadow(0 18px 18px #1e214529);width:72%;position:absolute;bottom:2%;left:50%;overflow:visible;transform:translate(-50%)}.eye{transform-box:fill-box;transform-origin:50%;animation:5.5s infinite blink}.eye+.eye{animation-delay:20ms}@keyframes blink{0%,94%,to{transform:scaleY(1)}96.5%{transform:scaleY(.08)}}.pupil{transition:transform .12s ease-out}.wing{transform-box:fill-box}.wing-l{transform-origin:80% 10%;animation:4s ease-in-out infinite flap-l}.wing-r{transform-origin:20% 10%;animation:4s ease-in-out infinite flap-r}@keyframes flap-l{50%{transform:rotate(6deg)}}@keyframes flap-r{50%{transform:rotate(-6deg)}}.chip{z-index:2;font-family:var(--font-display);background:#fff;border-radius:18px;padding:8px 16px;font-size:clamp(18px,2.6vw,26px);font-weight:800;line-height:1.2;animation:6s ease-in-out infinite float;position:absolute;box-shadow:0 5px #1e21451a,0 14px 24px -14px #1e214580}.chip-a{color:var(--violet-deep);top:9%;left:0;rotate:-8deg}.chip-b{color:#c8382a;animation-delay:-1.5s;top:3%;right:4%;rotate:7deg}.chip-c{color:#0b8473;animation-delay:-3s;top:52%;right:-2%;rotate:5deg}.chip-d{color:#b77a00;animation-delay:-4.2s;top:58%;left:-2%;rotate:-5deg}@keyframes float{50%{transform:translateY(-12px)}}.spark{fill:var(--amber);animation:3.4s ease-in-out infinite twinkle;position:absolute}.spark-a{width:30px;top:30%;right:8%}.spark-b{width:20px;fill:var(--coral);animation-delay:-1.7s;top:34%;left:12%}@keyframes twinkle{50%{opacity:.5;transform:scale(.6)rotate(40deg)}}.wave{width:100%;height:clamp(40px,6vw,90px);fill:var(--paper);display:block;position:absolute;bottom:-1px;left:0}.section{padding-block:clamp(64px,9vw,112px)}.section-head{max-width:640px;margin-bottom:clamp(32px,5vw,52px)}.section-head h2{font-size:clamp(34px,5.4vw,54px)}.section-head p:not(.eyebrow){color:var(--ink-soft);margin-top:14px;font-size:clamp(17px,2vw,20px)}.games{background:var(--paper);padding-top:clamp(40px,6vw,72px)}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:24px;display:grid}.card{background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow);border-color:#0000;transform:translateY(-6px)}.card-art{background:var(--tint);place-items:center;height:168px;display:grid}.card-art svg{width:124px;height:124px;transition:transform .3s}.card:hover .card-art svg{transform:scale(1.08)rotate(-3deg)}.card-body{flex-direction:column;flex:1;align-items:flex-start;gap:8px;padding:20px 22px 22px;display:flex}.card h3{font-size:27px}.card p{color:var(--ink-soft);font-size:16.5px;line-height:1.5}.badge{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);background:#f3efe6;border-radius:999px;padding:4px 11px;font-size:13px;font-weight:800}.badge-live{background:var(--tint);color:var(--deep)}.grade{color:var(--deep);margin-top:auto;padding-top:10px;font-size:14.5px;font-weight:800}.how{background:var(--violet-tint)}.steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:22px;display:grid}.step{background:var(--paper);border-radius:var(--radius);padding:44px 26px 28px;position:relative;box-shadow:0 6px #dcd3ff}.step-no{background:var(--violet);color:#fff;width:52px;height:52px;font-family:var(--font-display);box-shadow:0 5px 0 var(--violet-deep);border-radius:18px;place-items:center;font-size:28px;font-weight:800;line-height:1;display:grid;position:absolute;top:-22px;left:24px;rotate:-6deg}.step:nth-child(2) .step-no{background:var(--coral);rotate:5deg;box-shadow:0 5px #d94b3d}.step:nth-child(3) .step-no{background:var(--teal);rotate:-3deg;box-shadow:0 5px #0e9a87}.step h3{margin-bottom:8px;font-size:26px}.step p{color:var(--ink-soft);font-size:17px}.parents-grid{gap:8px;display:grid}@media (width>=900px){.parents-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:56px}.parents .section-head{position:sticky;top:32px}}.promises{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px;display:grid}.promise{background:var(--paper);border:2px solid var(--line);border-radius:24px;align-items:flex-start;gap:16px;padding:22px;display:flex}.promise-icon{background:color-mix(in srgb, var(--c) 18%, white);border-radius:16px;flex:none;place-items:center;width:50px;height:50px;display:grid}.promise-icon svg{fill:none;width:26px;height:26px;stroke:color-mix(in srgb, var(--c) 78%, #1e2145);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.promise h3{margin-bottom:4px;font-size:22px}.promise p{color:var(--ink-soft);font-size:16.5px;line-height:1.5}.site-footer{background:var(--ink);color:#c9cbe6;padding-block:40px;font-size:15.5px}.footer-row{gap:12px;display:grid}.site-footer .brand-name{color:#fff}.site-footer .brand-name b{color:#b9adff}.site-footer p{max-width:46em}.copy{opacity:.7}.js .reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s);transform:translateY(22px)}.js .reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}}
