@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/224e262ef877bfa4-s.753dfc0d.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7f11d98043fdedc9-s.317fa95e.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.51ae28b9.woff2)format("woff2");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;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3379eac0.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.fc65572f.woff2)format("woff2");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;font-style:normal;font-weight:600;font-display:swap;src:url(../media/224e262ef877bfa4-s.753dfc0d.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7f11d98043fdedc9-s.317fa95e.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.51ae28b9.woff2)format("woff2");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;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3379eac0.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.fc65572f.woff2)format("woff2");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;font-style:normal;font-weight:700;font-display:swap;src:url(../media/224e262ef877bfa4-s.753dfc0d.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7f11d98043fdedc9-s.317fa95e.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.51ae28b9.woff2)format("woff2");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;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3379eac0.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.fc65572f.woff2)format("woff2");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;font-style:normal;font-weight:800;font-display:swap;src:url(../media/224e262ef877bfa4-s.753dfc0d.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/7f11d98043fdedc9-s.317fa95e.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.51ae28b9.woff2)format("woff2");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;font-style:normal;font-weight:800;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3379eac0.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.fc65572f.woff2)format("woff2");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;font-style:normal;font-weight:900;font-display:swap;src:url(../media/224e262ef877bfa4-s.753dfc0d.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/7f11d98043fdedc9-s.317fa95e.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.51ae28b9.woff2)format("woff2");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;font-style:normal;font-weight:900;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3379eac0.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.fc65572f.woff2)format("woff2");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 Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.nunito_4a715f8c-module__rvo6nG__className{font-family:Nunito,Nunito Fallback;font-style:normal}.nunito_4a715f8c-module__rvo6nG__variable{--font-nunito:"Nunito","Nunito Fallback"}
:root{--langit:#19adf0;--langit-d:#0c87c0;--langit-l:#bee7fa;--langit-xl:#ddf3fd;--daun:#99cf16;--daun-d:#6e9a06;--daun-l:#e6f5c4;--madu:#ed9a21;--madu-d:#ce7c19;--madu-l:#ffe9ab;--tinta:#10283f;--t2:#4e6275;--t3:#7d8c9b;--awan:#fff;--pink:#fe8a94;--ungu:#cf86cf;--kuning:#ffd84d;--toska:#39af9f;--kuma:#90584a;--rule:#d5e6f0;--link:#0a6e9c;--pink-d:#c93f6e;--unit:#c2305c;--r:16px;--spring:cubic-bezier(.34,1.56,.64,1);--ease:cubic-bezier(.22,1,.36,1);--kawung:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='%23fff' fill-opacity='.06'%3E%3Cellipse cx='80' cy='36.8' rx='20.8' ry='38.4' transform='rotate(45 80 80)'/%3E%3Cellipse cx='80' cy='36.8' rx='20.8' ry='38.4' transform='rotate(135 80 80)'/%3E%3Cellipse cx='80' cy='36.8' rx='20.8' ry='38.4' transform='rotate(225 80 80)'/%3E%3Cellipse cx='80' cy='36.8' rx='20.8' ry='38.4' transform='rotate(315 80 80)'/%3E%3C/g%3E%3C/svg%3E");--kawung-l:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='%2319ADF0' fill-opacity='.045'%3E%3Cellipse cx='80' cy='36.8' rx='20.8' ry='38.4' transform='rotate(45 80 80)'/%3E%3Cellipse cx='80' cy='36.8' rx='20.8' ry='38.4' transform='rotate(135 80 80)'/%3E%3Cellipse cx='80' cy='36.8' rx='20.8' ry='38.4' transform='rotate(225 80 80)'/%3E%3Cellipse cx='80' cy='36.8' rx='20.8' ry='38.4' transform='rotate(315 80 80)'/%3E%3C/g%3E%3C/svg%3E");--wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 24C240 0 480 0 720 24S1200 48 1440 24V48H0Z'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--awan);color:var(--tinta);font:400 18px/1.6 var(--font-nunito),Arial,sans-serif;-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:var(--link)}h1,h2,h3,h4{letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:900;line-height:1.1}h1{font-size:clamp(38px,6vw,72px)}h2{font-size:clamp(30px,4.4vw,56px)}h3{font-size:clamp(24px,2.6vw,32px)}h4{letter-spacing:-.01em;font-size:22px;line-height:1.25}p{margin:0}p+p{margin-top:16px}strong{font-weight:800}mark{background:var(--madu-l);color:inherit;border-radius:4px;padding:0 4px;font-weight:800}.wrap{width:min(1200px,100% - 32px);margin-inline:auto}.skip{position:absolute;left:-999px}.skip:focus{z-index:199;background:var(--awan);padding:8px 16px;top:16px;left:16px}:focus-visible{outline:3px solid var(--madu);outline-offset:3px}@keyframes float{0%,to{translate:0;rotate:none}50%{translate:0 -12px;rotate:-3deg}}@keyframes spin{to{rotate:360deg}}@keyframes drift{50%{translate:0 -26px;rotate:14deg}}@keyframes waveflow{to{-webkit-mask-position:1440px 100%;mask-position:1440px 100%}}@keyframes marquee{to{translate:-50%}}@keyframes blob{50%{border-radius:58% 42% 45% 55%/52% 58% 42% 48%;rotate:8deg}}@keyframes wipe{0%{border-radius:0;translate:0}to{border-radius:0 0 50% 50%/0 0 120px 120px;translate:0 -105%}}@keyframes rise{0%{opacity:0;translate:0 18px}}@keyframes plus{0%{opacity:0;translate:0}15%{opacity:1}60%,to{opacity:0;translate:0 -24px}}@keyframes nudge{0%,78%,to{translate:0}86%{translate:0 -5px}93%{translate:0}}.float{animation:4.5s ease-in-out infinite float}@keyframes reveal-up{0%{opacity:0;translate:0 40px}}@keyframes reveal-pop{0%{opacity:0;scale:.9}}@keyframes pop-in{0%{scale:0}70%{scale:1.12}to{scale:1}}@keyframes bar-in{0%{scale:0 1}}@supports (animation-timeline:view()){[data-reveal]{animation:reveal-up var(--ease)both;animation-timeline:view();animation-range:entry calc(var(--n,0)*6%)entry calc(75% + var(--n,0)*6%)}[data-reveal=pop]{animation-name:reveal-pop}.tile .ans,.ph-stars i.on,.ph-week span.on{animation:linear both pop-in;animation-timeline:view();animation-range:entry 60% cover 40%}.ph-bar i{animation:bar-in var(--ease)both;animation-timeline:view();animation-range:entry 60% cover 45%}}.hero h1,.hero p,.hero .stores{animation:rise .8s var(--ease)both}.hero p{animation-delay:.55s}.hero p+p{animation-delay:.65s}.hero .stores{animation-delay:.75s}.hero h1{animation-delay:.45s}.hero-art{animation:reveal-pop .9s var(--ease).5s both}.marker{background:linear-gradient(var(--kuning),var(--kuning))0 92%/100% .42em no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:marker .7s var(--ease)1.1s both;padding:0 .08em}@keyframes marker{0%{background-size:0% .42em}}.wipe{z-index:150;background:var(--langit)var(--kawung);pointer-events:none;place-items:center;animation:.7s cubic-bezier(.76,0,.24,1) .12s both wipe;display:grid;position:fixed;inset:0;translate:0 -105%}.wipe-in{justify-items:center;gap:16px;display:grid}.wipe .kw{animation:1.2s linear infinite spin}.wipe-in b{background:var(--awan);color:var(--tinta);font-variant-numeric:tabular-nums;border-radius:12px;padding:4px 16px;font-size:32px;font-weight:900}.page-in{animation:rise .6s var(--ease).4s both}.btn{font:800 18px/1 var(--font-nunito),sans-serif;cursor:pointer;background:var(--daun);color:var(--tinta);box-shadow:0 4px 0 var(--daun-d);border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:16px 28px;text-decoration:none;transition:translate .15s,box-shadow .15s;display:inline-flex}.btn:hover{box-shadow:0 6px 0 var(--daun-d);translate:0 -2px}.btn:active{box-shadow:0 0 0 var(--daun-d);translate:0 4px}.btn-sm{padding:12px 20px;font-size:16px}.split .btn{margin-top:32px}.stores{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.badge{transition:translate .25s var(--spring);display:block}.badge:hover{translate:0 -3px}.badge img{width:auto;height:54px}.top{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);background:#fffffff0;position:sticky;top:0}.top-in{justify-content:space-between;align-items:center;height:72px;display:flex}.brand{transition:scale .3s var(--spring);display:flex}.brand:hover{scale:1.05}.nav{align-items:center;gap:28px;display:flex}.nav a:not(.btn){color:var(--tinta);font-weight:700;text-decoration:none;position:relative}.nav a:not(.btn):after{content:"";background:var(--daun);height:3px;transition:scale .3s var(--ease);border-radius:2px;position:absolute;bottom:-6px;left:0;right:0;scale:0 1}.nav a:not(.btn):hover:after,.nav a[aria-current]:after{scale:1}.nav a[aria-current]{color:var(--link)}.menu-btn{background:0 0;border:0;display:none}.sec{padding:112px 0;position:relative}.sec-sky{background:var(--langit)var(--kawung);color:var(--tinta)}.sec-pale{background:var(--langit-xl)var(--kawung-l)}.lead{color:var(--t2);max-width:720px;font-size:20px}.sec-sky .lead{color:var(--tinta)}.split{grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;display:grid}.split.rev>:first-child{order:2}.split h2{margin-bottom:24px}.wave{background:var(--to);height:48px;-webkit-mask:var(--wave)0 100%/1440px 48px repeat-x;-webkit-mask:var(--wave)0 100%/1440px 48px repeat-x;mask:var(--wave)0 100%/1440px 48px repeat-x;pointer-events:none;animation:18s linear infinite waveflow;position:absolute;bottom:-1px;left:0;right:0}.wave-top{animation-direction:reverse;top:-1px;bottom:auto;scale:1 -1}.hero{background:var(--langit)var(--kawung);color:var(--tinta);padding:88px 0 136px;position:relative;overflow:hidden}.hero .split{grid-template-columns:1.15fr 1fr;position:relative}.hero h1{margin-bottom:24px}.hero p{max-width:600px;font-size:19px}.hero .stores{margin-top:36px}.hero-symbols span{color:#fff3;animation:9s ease-in-out infinite drift;animation-delay:calc(var(--i)*-1.4s);font-weight:900;position:absolute}.hero-symbols span:first-child{font-size:64px;top:8%;left:4%}.hero-symbols span:nth-child(2){font-size:40px;top:6%;left:46%}.hero-symbols span:nth-child(3){font-size:52px;top:14%;left:92%}.hero-symbols span:nth-child(4){font-size:72px;top:78%;left:52%}.hero-symbols span:nth-child(5){font-size:44px;top:82%;left:6%}.hero-symbols span:nth-child(6){font-size:60px;top:72%;left:88%}.hero-symbols span:nth-child(7){font-size:36px;top:90%;left:36%}.hero-symbols span:nth-child(8){font-size:34px;top:4%;left:70%}.hero-art{justify-self:center;width:100%;max-width:520px;position:relative}.hero-art-sm{max-width:440px}.hero-photo{aspect-ratio:1;object-fit:cover;border:12px solid var(--langit-l);border-radius:50%;width:100%}.hero-art .bear{width:42%;position:absolute;bottom:-24px;left:-48px}.hero-art .kw{animation:24s linear infinite spin;position:absolute}.hero-art .kw-1{top:-8px;right:0}.hero-art .kw-2{top:6%;left:4%}.hero-art .kw-3{bottom:18%;right:-16px}.awards{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;display:grid}.award{background:var(--awan);border-radius:var(--r);color:var(--tinta);box-shadow:0 6px 0 var(--madu);transition:translate .3s var(--spring),box-shadow .3s var(--spring);padding:28px 24px}.award:hover{box-shadow:0 10px 0 var(--madu);translate:0 -4px}.award img{width:56px;transition:rotate .4s var(--spring);margin-bottom:16px}.award:hover img{rotate:-12deg}.award b{font-size:20px;font-weight:900;line-height:1.2;display:block}.award span{color:var(--t2);margin-top:8px;font-size:16px;line-height:1.4;display:block}.marquee{z-index:3;background:var(--daun);box-shadow:0 10px 0 var(--daun-d);margin:-16px -24px;padding:18px 0;position:relative;overflow:hidden;rotate:-1.6deg}.marquee-track{width:max-content;animation:45s linear infinite marquee;display:flex}.marquee span{white-space:nowrap;align-items:center;gap:28px;padding-right:28px;font-size:24px;font-weight:900;display:flex}.marquee i{color:var(--awan);font-size:18px;font-style:normal}.marquee:hover .marquee-track{animation-play-state:paused}.stage{place-items:center;min-height:600px;display:grid;position:relative}.stage-blob{aspect-ratio:1;background:var(--langit-xl);border-radius:42% 58% 55% 45%/48% 42% 58% 52%;width:min(500px,100%);animation:10s ease-in-out infinite blob;position:absolute}.stage-bear{z-index:2;width:160px;position:absolute;bottom:2%;right:4%}.stage-bear-l{width:140px;left:2%;right:auto}.stage-kw{animation:20s linear infinite spin;position:absolute;top:4%;right:10%}.phone{z-index:1;aspect-ratio:9/18.5;background:var(--tinta);width:280px;color:var(--tinta);transition:rotate .5s var(--spring);border-radius:46px;padding:10px;position:relative;rotate:-4deg;box-shadow:0 30px 60px #10283f47}.phone-light{rotate:4deg}.stage:hover .phone{rotate:none}.screen{background:var(--awan);border-radius:36px;height:100%;font-size:13px;line-height:1.3;position:relative;overflow:hidden}.notch{z-index:3;background:var(--tinta);border-radius:12px;width:86px;height:24px;position:absolute;top:8px;left:50%;translate:-50%}.ph-sky{text-align:center;color:var(--awan);background:var(--langit)var(--kawung);background-size:80px;padding:46px 16px 22px;position:relative}.ph-honey{background:var(--awan);color:var(--tinta);border-radius:999px;align-items:center;gap:4px;padding:4px 9px 4px 6px;font-size:12px;font-weight:900;display:flex;position:absolute;top:42px;right:12px}.ph-honey img{width:18px}.ph-honey i{color:var(--kuning);text-shadow:0 1px 0 var(--madu-d);opacity:0;font-style:normal;font-weight:900;animation:3s ease-out 1.6s infinite plus;position:absolute;top:-6px;right:2px}.ph-avatar{background:var(--kuning);border:4px solid var(--awan);border-radius:50%;place-items:center;width:88px;height:88px;margin:8px auto;display:grid;overflow:hidden}.ph-avatar img{width:80px;translate:0 10px}.ph-name{font-size:21px;font-weight:900;display:block}.ph-pill{background:var(--tinta);border-radius:999px;margin-top:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.ph-card{background:var(--langit-xl);border-radius:16px;margin:14px 12px 10px;padding:12px}.ph-card small{color:var(--t2);font-size:11px;font-weight:700;display:block}.ph-card b{margin:2px 0 10px;font-size:14px;font-weight:900;display:block}.ph-bar{background:var(--awan);border-radius:8px;height:8px;display:block;overflow:hidden}.ph-bar i{background:var(--daun);transform-origin:0;border-radius:8px;width:64%;height:100%;display:block}.ph-btn{text-align:center;background:var(--daun);box-shadow:0 4px 0 var(--daun-d);border-radius:12px;margin-top:12px;padding:10px;font-weight:900;animation:2.6s ease-in-out infinite nudge;display:block}.ph-row{gap:8px;margin:0 12px;display:flex}.ph-row span{background:var(--madu-l);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-weight:900;display:flex}.ph-row img{width:auto;height:18px}.ph-week{background:var(--langit-xl);border-radius:14px;margin:14px 12px 0;padding:10px 12px}.ph-week small{color:var(--t2);margin-bottom:8px;font-size:11px;font-weight:800;display:block}.ph-week div{justify-content:space-between;display:flex}.ph-week span{width:24px;height:24px;color:var(--t3);background:var(--awan);border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid}.ph-week span.on{color:var(--tinta);background:var(--daun)}.phone-light .screen{background:#f4f8fb;padding:46px 14px 0}.ph-title{text-align:center;font-size:16px;font-weight:900;display:block}.ph-select{border:2px solid var(--tinta);border-radius:999px;justify-content:center;gap:6px;margin:10px 0;padding:6px;font-weight:900;display:flex}.ph-select i{font-style:normal}.ph-unit{color:var(--unit);margin:4px 2px 8px;font-size:11px;font-weight:800;display:block}.ph-lesson{color:var(--awan);background:var(--pink-d);border-radius:14px;margin-bottom:10px;padding:10px 12px;box-shadow:0 4px #a12f57}.ph-lesson small{opacity:.85;font-size:10px;display:block}.ph-lesson b{font-size:13px;display:block}.ph-stars i{color:#ffffff73;font-size:15px;font-style:normal;display:inline-block}.ph-stars i.on{color:var(--kuning)}.ph-locked{opacity:.55;filter:grayscale();box-shadow:0 4px #9aa5ae}.ph-kw{animation:14s linear infinite spin;position:absolute;bottom:14px;right:14px}.tile{aspect-ratio:16/10;border-radius:var(--r);background:var(--kawung)var(--c);background-size:120px;place-items:center;display:grid;position:relative;overflow:hidden}.tile-kw{opacity:.45;animation:18s linear infinite spin;position:absolute;top:-14px;right:-14px}.tile .expr{z-index:1;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--tinta);font-size:clamp(30px,3.2vw,42px);font-weight:900;position:relative}.tile .expr-sm{font-size:clamp(22px,2.2vw,28px)}.ans{color:var(--awan);background:var(--tinta);border-radius:14px;margin-left:.15em;padding:0 .3em;display:inline-block}.tile-char{width:auto;height:62%;transition:translate .35s var(--spring),rotate .35s var(--spring);position:absolute;bottom:-16px;right:10px}.play-hint{color:var(--t2);margin-top:20px;font-weight:800}.mt{border-radius:var(--r);background:var(--langit-xl)var(--kawung-l);box-shadow:0 8px 0 var(--langit-l);padding:28px;position:relative}.mt-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mt-kuma{align-items:flex-end;gap:12px;display:flex}.mt-kuma img{flex:none;width:88px}.mt-right .mt-kuma img{animation:hop .5s var(--ease)}.mt-wrong .mt-kuma img{animation:tilt .45s var(--ease)}@keyframes hop{40%{translate:0 -16px;rotate:-6deg}}@keyframes tilt{30%{rotate:-8deg}70%{rotate:6deg}}.mt-bubble{background:var(--awan);border-radius:14px;max-width:260px;margin-bottom:34px;padding:10px 14px;font-size:16px;font-weight:800;line-height:1.35;position:relative}.mt-bubble:before{content:"";background:var(--awan);width:14px;height:14px;position:absolute;bottom:12px;left:-7px;rotate:45deg}.mt-honey{background:var(--awan);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 8px;font-weight:900;display:flex;position:relative}.mt-honey b{animation:pop-in .4s var(--ease);display:inline-block}.mt-honey i{color:var(--madu-d);font-style:normal;font-weight:900;animation:1.1s ease-out forwards plus;position:absolute;top:-8px;right:6px}.mt-eq{text-align:center;font-variant-numeric:tabular-nums;margin:8px 0 12px;font-size:clamp(44px,6vw,64px);font-weight:900;line-height:1.1}.mt-slot{vertical-align:-.12em;border:3px dashed var(--langit);background:var(--awan);min-width:1.25em;height:1.15em;color:var(--link);border-radius:14px;place-items:center;display:inline-grid}.mt-right .mt-slot{border:3px solid var(--daun-d);background:var(--daun);color:var(--tinta);animation:pop-in .45s var(--ease)}.mt-frame{background:var(--awan);border-radius:14px;grid-template-columns:repeat(5,1fr);gap:8px;max-width:280px;margin:0 auto 20px;padding:10px;display:grid}.mt-frame span{aspect-ratio:1;border:3px dashed var(--langit-l);border-radius:50%}.mt-frame .is-a{border:3px solid var(--tinta);background:var(--tinta)}.mt-frame .is-b{border:3px solid var(--daun-d);background:var(--daun);animation:pop-in .4s var(--ease)both;animation-delay:calc(var(--i)*70ms)}.mt-keys{grid-template-columns:repeat(9,1fr);gap:8px;display:grid}.mt-keys button{background:var(--awan);height:52px;color:var(--tinta);font:900 22px/1 var(--font-nunito),sans-serif;box-shadow:0 4px 0 var(--langit-l);cursor:pointer;border:0;border-radius:12px;transition:translate .12s,box-shadow .12s,background .2s}.mt-keys button:hover{box-shadow:0 6px 0 var(--langit-l);translate:0 -2px}.mt-keys button:active{box-shadow:0 0 0 var(--langit-l);translate:0 4px}.mt-keys .is-shake{background:var(--madu-l);animation:.35s shake}.mt-keys .is-right{background:var(--daun);box-shadow:0 4px 0 var(--daun-d)}@keyframes shake{20%,60%{translate:-6px}40%,80%{translate:6px}}.mt-burst{pointer-events:none;position:absolute;inset:0}.mt-burst span{background:var(--daun);width:14px;height:24px;animation:burst .9s var(--ease)forwards;border-radius:50%;margin:-12px 0 0 -7px;position:absolute;top:42%;left:50%}.mt-burst span:nth-child(4n+2){background:var(--madu)}.mt-burst span:nth-child(4n+3){background:var(--pink)}.mt-burst span:nth-child(4n){background:var(--kuning)}@keyframes burst{0%{transform:rotate(calc(var(--k)*30deg))translateY(-20px);opacity:1}to{transform:rotate(calc(var(--k)*30deg))translateY(-170px);opacity:0}}.nf{text-align:center;background:var(--langit-xl)var(--kawung-l);align-content:center;justify-items:center;gap:16px;min-height:72vh;padding:64px 16px 96px;display:grid}.nf-code{align-items:center;font-size:140px;font-weight:900;line-height:1;display:flex}.nf-zero{margin:0 6px;animation:6s linear infinite spin}.nf-kuma{width:120px;margin-top:-40px}.nf p{max-width:46ch;color:var(--t2)}.nf .btn{margin-top:8px}.quotes{columns:2;column-gap:24px;margin-top:48px}.quote{break-inside:avoid;border-radius:var(--r);background:var(--awan);border:2px solid var(--langit-l);transition:border-color .3s,translate .3s var(--spring);margin:0 0 24px;padding:40px 32px 32px;position:relative}.quote:hover{border-color:var(--langit);translate:0 -4px}.quote-mark{background:var(--langit);width:48px;height:48px;color:var(--awan);border-radius:16px;place-items:center;padding-top:14px;font-size:48px;font-weight:900;line-height:1;display:grid;position:absolute;top:-18px;left:24px}.quote p{font-size:17px}.who{align-items:center;gap:16px;margin-top:24px;display:flex}.who img{object-fit:cover;border-radius:50%;width:56px;height:56px}.who b{font-weight:900;display:block}.who span{color:var(--t2);font-size:15px;line-height:1.4;display:block}.page-head{padding:80px 0 104px;position:relative}.page-head h1{max-width:880px;margin-bottom:24px}.page-head .lead{max-width:820px}.method{gap:24px;margin-top:48px;display:grid}.method-item{border-radius:var(--r);background:var(--awan);grid-template-columns:400px 1fr;align-items:center;gap:40px;padding:20px;display:grid}.method-item h4{margin-bottom:12px;font-size:26px}.method-item p{color:var(--t2)}.grade-nav{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.grade-nav a{color:var(--tinta);background:var(--awan);border:2px solid var(--langit-l);transition:translate .25s var(--spring),background .2s;border-radius:999px;padding:10px 20px;font-weight:800;text-decoration:none}.grade-nav a:hover{background:var(--kuning);translate:0 -3px}.grade{border-top:1px solid var(--rule);padding:72px 0;scroll-margin-top:72px}.grade-head{align-items:center;gap:16px;margin-bottom:32px;display:flex}.grade-badge{width:64px;height:64px;color:var(--tinta);border-radius:20px;flex:none;place-items:center;font-size:26px;font-weight:900;display:grid;rotate:-6deg}.cards{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.card{border-radius:var(--r);background:var(--awan);border:2px solid var(--langit-l);transition:translate .35s var(--spring),border-color .3s;overflow:hidden}.card:hover{border-color:var(--langit);translate:0 -6px}.card:hover .tile-char,.method-item:hover .tile-char{translate:0 -10px;rotate:-8deg}.card .tile{border-radius:0}.card>div:last-child{padding:24px}.card h4{margin-bottom:8px}.card p{color:var(--t2);font-size:17px}.topics{margin-top:32px}.topics h4{color:var(--t2);margin-bottom:12px;font-size:18px}.topics ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.topics li{background:var(--daun-l);transition:background .2s,translate .2s var(--spring);border-radius:12px;padding:8px 16px;font-size:16px;font-weight:700}.topics li:hover{background:var(--daun);translate:0 -2px}.feat{gap:16px;margin:40px 0 0;padding:0;list-style:none;display:grid}.feat li{grid-template-columns:48px 1fr;align-items:start;gap:16px;display:grid}.feat .n{background:var(--daun);width:48px;height:48px;transition:rotate .4s var(--spring);border-radius:16px;place-items:center;font-size:20px;font-weight:900;display:grid}.feat li:hover .n{rotate:-10deg}.feat b{font-size:20px;font-weight:900;display:block}.feat span{color:var(--t2)}.hs-photo{border-radius:var(--r);width:100%}.rounded{border-radius:var(--r)}.hs-kid{justify-self:center;max-width:380px;rotate:2deg;box-shadow:0 24px 48px #10283f2e}.news{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.news a{border-radius:var(--r);color:var(--tinta);background:var(--awan);border:2px solid var(--langit-l);transition:translate .3s var(--spring),border-color .2s;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.news a:hover{border-color:var(--langit);translate:0 -6px}.news img{aspect-ratio:16/9;object-fit:contain;background:var(--langit-xl);width:100%;transition:scale .5s var(--ease)}.news a:hover img{scale:1.04}.news div{padding:20px 24px 24px}.news time{color:var(--link);font-size:14px;font-weight:800}.news h3{letter-spacing:0;margin-top:8px;font-size:18px;font-weight:800;line-height:1.35}.news .tag{background:var(--madu-l);border-radius:8px;margin-top:12px;padding:4px 10px;font-size:13px;font-weight:800;display:inline-block}.cta{background:var(--daun-l);padding:72px 0;position:relative}.cta-in{grid-template-columns:420px 1fr;align-items:center;gap:48px;display:grid}.cta img{animation:5s ease-in-out infinite float}.cta h2{margin-bottom:8px}.cta p{color:var(--t2);margin-bottom:24px;font-size:20px}.foot{background:var(--tinta);color:#c9d4de;padding:64px 0 32px;font-size:16px}.foot-in{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;display:grid}.foot h3{letter-spacing:0;color:var(--awan);margin-bottom:12px;font-size:16px}.foot-tag{max-width:260px;margin-top:16px}.foot a{color:#c9d4de}.social{flex-direction:column;gap:4px;display:flex}.social a,.foot-legal a{text-decoration:none;transition:color .2s}.social a:hover,.foot-legal a:hover{color:var(--daun)}.foot-legal{border-top:1px solid #23415c;flex-wrap:wrap;gap:24px;margin-top:48px;padding-top:24px;font-size:14px;display:flex}.proof{background:var(--awan);box-shadow:0 4px 0 var(--langit-d);border-radius:999px;align-items:center;gap:10px;margin:0 0 20px;padding:6px 16px 6px 6px;font-size:16px;font-weight:700;display:inline-flex}.proof b{font-size:18px;font-weight:900}.proof-faces{display:flex}.proof-faces img{background:var(--kuning);border:2px solid var(--awan);border-radius:50%;width:34px;height:34px;margin-right:-10px}.proof-faces img:nth-child(2){background:var(--daun-l)}.proof-faces img:nth-child(3){background:var(--langit-xl);margin-right:0}.hero .proof{animation:rise .8s var(--ease)both}.nav a.lang{border:2px solid var(--langit-l);letter-spacing:.04em;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:900;transition:background .2s,border-color .2s}.nav a.lang:after{display:none}.nav a.lang:hover{background:var(--langit-xl);border-color:var(--langit)}.retailer{border-radius:var(--r);background:var(--awan);border:2px solid var(--langit-l);color:var(--tinta);transition:translate .25s var(--spring),border-color .2s;align-items:center;gap:16px;margin-top:28px;padding:8px 8px 8px 20px;font-weight:900;text-decoration:none;display:inline-flex}.retailer:hover{border-color:var(--langit);translate:0 -3px}.retailer img{border-radius:10px;width:112px;height:auto}.nf-en{margin-top:16px}.nf-en a{color:var(--link);font-weight:800}.faq-wrap>*,.faq-all{max-width:860px}.faq{gap:12px;margin-top:24px;display:grid}.faq details{border-radius:var(--r);background:var(--awan);border:2px solid var(--langit-l);transition:border-color .2s}.faq details[open]{border-color:var(--langit)}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;padding:20px 24px;font-size:19px;font-weight:900;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";background:var(--langit-xl);width:32px;height:32px;color:var(--link);transition:rotate .3s var(--spring);border-radius:10px;flex:none;place-items:center;font-size:22px;line-height:1;display:grid}.faq details[open] summary:after{rotate:45deg}.faq details p{color:var(--t2);margin:0;padding:0 24px 22px}.faq details a{color:var(--link);font-weight:800}.faq-all{justify-content:flex-start;gap:8px;margin-top:32px;display:flex}.faq-all button{border:2px solid var(--langit-l);background:var(--awan);color:var(--tinta);font:800 15px/1 var(--font-nunito),sans-serif;cursor:pointer;border-radius:999px;padding:8px 16px}.faq-all button:hover{border-color:var(--langit)}.callout{border-radius:var(--r);box-shadow:inset 6px 0 0 var(--madu);background:#fff6e6;padding:24px 28px}.callout b{font-size:20px;font-weight:900;display:block}.callout p{margin:8px 0 0}.faq-help{border-radius:var(--r);background:var(--langit-xl);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:40px;padding:24px 28px;display:flex}.faq-help p{margin:0;font-size:19px}.faq-note{color:var(--t2);margin-top:24px;font-size:15px}.split.top{align-items:start}.split-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px;display:flex}.split-actions span{max-width:260px;font-size:15px;font-weight:700}.seats{border-radius:var(--r);background:var(--awan);max-width:380px;box-shadow:0 8px 0 var(--madu);grid-template-columns:1fr 1fr;justify-self:center;place-items:end center;gap:16px;padding:28px;display:grid}.seats img{object-fit:contain;width:100px;height:100px}.seats b{text-align:center;grid-column:1/-1;font-size:18px;font-weight:900}.steps{grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0 0;padding:0;list-style:none;display:grid}.steps li{border-radius:var(--r);background:var(--awan);align-content:start;gap:16px;padding:24px;font-size:19px;font-weight:800;display:grid}.steps .n{background:var(--daun);border-radius:16px;place-items:center;width:48px;height:48px;font-size:20px;font-weight:900;display:grid}.ready{text-align:center;justify-items:center;display:grid}.ready .lead{margin:8px 0 28px}.ready-alt{margin:32px 0 16px;font-weight:800}.ready .stores{justify-content:center}@media (max-width:960px){.sec{padding:80px 0}.split,.hero .split,.split.rev{grid-template-columns:1fr;gap:48px}.split.rev>:first-child{order:0}.awards{grid-template-columns:repeat(2,1fr)}.quotes{columns:1}.method-item{grid-template-columns:1fr;gap:20px}.cards,.news{grid-template-columns:1fr 1fr}.cta-in{grid-template-columns:1fr;justify-items:start}.cta img{max-width:300px}.foot-in{grid-template-columns:1fr 1fr}.foot-in>:first-child{grid-column:1/-1}.menu-btn{cursor:pointer;flex-direction:column;gap:5px;margin-right:-10px;padding:10px;display:flex}.menu-btn span{background:var(--tinta);width:24px;height:3px;transition:translate .3s var(--ease),rotate .3s var(--ease),opacity .2s;border-radius:2px}.menu-btn[aria-expanded=true] span:first-child{translate:0 8px;rotate:45deg}.menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] span:nth-child(3){translate:0 -8px;rotate:-45deg}.nav{z-index:-1;background:var(--awan);border-bottom:1px solid var(--rule);visibility:hidden;transition:translate .4s var(--ease),visibility 0s .4s;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 24px;position:fixed;top:72px;left:0;right:0;translate:0 -110%;box-shadow:0 24px 40px #10283f1f}.nav.open{visibility:visible;transition:translate .4s var(--ease);translate:0}.nav a:not(.btn){border-bottom:1px solid var(--rule);padding:16px 0;font-size:20px}.nav a:not(.btn):after{display:none}.nav .btn{margin-top:20px}.nav a.lang{border-bottom:2px solid var(--langit-l);align-self:flex-start;margin-top:16px;padding:6px 14px;font-size:15px}.steps{grid-template-columns:1fr}}@media (max-width:600px){body{font-size:16px}.sec{padding:64px 0}.lead,.cta p{font-size:17px}.split h2{margin-bottom:16px}.hero{padding:32px 0 96px}.hero .split{gap:24px}.hero-art{order:-1;max-width:270px}.hero-art .bear{bottom:-12px;left:-28px}.hero-art .kw-1{width:60px;height:60px}.hero-copy{flex-direction:column;display:flex}.hero h1{margin-bottom:16px;font-size:36px}.hero p{font-size:16px}.hero .stores{order:3;margin-top:24px}.hero .proof{align-self:flex-start;margin-bottom:16px;font-size:14px}.hero .proof b{font-size:16px}.hero-more{opacity:.9;order:4;margin-top:20px!important;font-size:15px!important}.hero-art-sm{max-width:300px}.badge img{height:46px}.awards{gap:12px;margin-top:28px}.award{border-bottom-width:5px;padding:16px}.award img{width:36px;margin-bottom:10px}.award b{font-size:15px}.award span{font-size:13px}.marquee span{font-size:18px}.stage{min-height:500px}.phone{scale:.86}.stage-bear{width:110px;right:0}.stage-bear-l{width:100px;left:0}.quotes,.cards{scroll-snap-type:x mandatory;scrollbar-width:none;columns:auto;gap:14px;margin-inline:-16px;padding:4px 16px 12px;display:flex;overflow-x:auto}.quotes::-webkit-scrollbar{display:none}.cards::-webkit-scrollbar{display:none}.quotes{align-items:flex-start;margin-top:40px;padding-top:22px}.quote{scroll-snap-align:center;flex:0 0 86%;margin:0;padding:36px 22px 22px}.quote p{font-size:15px}.cards{margin-top:0}.card{scroll-snap-align:center;flex:0 0 82%}.card>div:last-child{padding:18px}.card p{font-size:15px}.tile .expr{font-size:30px}.tile .expr-sm{font-size:21px}.page-head{padding:48px 0 88px}.grade-nav{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding:4px 16px;overflow-x:auto}.grade-nav a{flex:none}.grade{padding:48px 0}.grade-head{margin-bottom:20px}.grade-badge{border-radius:16px;width:52px;height:52px;font-size:22px}.method-item{padding:14px}.method-item h4{font-size:21px}.topics li{padding:6px 12px;font-size:14px}.feat b{font-size:17px}.hs-kid{max-width:260px}.mt{padding:18px}.mt-kuma img{width:64px}.mt-bubble{margin-bottom:22px;font-size:14px}.mt-keys{grid-template-columns:repeat(5,1fr)}.mt-keys button{height:48px}.nf-code{font-size:96px}.nf-zero{width:84px;height:84px}.news{grid-template-columns:1fr;gap:16px}.news img{aspect-ratio:2}.news div{padding:16px 18px 18px}.news h3{font-size:16px}.cta{text-align:left;padding:56px 0}.cta img{max-width:240px}.foot{padding:48px 0 28px}.foot-in{gap:28px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}.wipe{display:none}}