:root{font-family:DM Sans,system-ui,sans-serif;color:#173e3a;background:#fbf8ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #e99032;outline-offset:3px}.top{height:76px;display:flex;align-items:center;gap:24px;max-width:1240px;margin:auto;padding:0 28px}.brand{border:0;background:none;color:#174d47;font:900 29px Nunito,sans-serif;letter-spacing:-1.5px;padding:0}.brand-icon{font-size:25px;color:#f3a838}.brand-dot,footer span{color:#eb9c33}.top-label{font-size:10px;font-weight:800;letter-spacing:.16em;color:#82938a}.save{margin-left:auto;color:#59857c;font-size:12px;font-weight:700}.home{max-width:1184px;margin:auto;padding:0 28px}.demo{background:#fff0ca;color:#785b25;padding:12px 17px;border-radius:10px;font-size:10px;font-weight:800;letter-spacing:.1em;margin:5px 0 20px}.demo span{font-size:12px;font-weight:500;letter-spacing:0;margin-left:8px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:410px;border-radius:22px;overflow:hidden;background:#e8f0df}.hero-copy{padding:52px 20px 45px 52px;align-self:center}.eyebrow,.lesson-eyebrow{font-weight:800;font-size:11px;letter-spacing:.16em;color:#5c8c7e}.hero h1,.lesson h1{font:900 clamp(38px,4.7vw,66px)/1.05 Nunito,sans-serif;letter-spacing:-.045em;margin:18px 0;color:#173f3a}.hero h1 em{font-style:normal;color:#428b79}.hero-copy>p{color:#648077;line-height:1.7;max-width:390px;margin-bottom:24px}.primary{background:#174f49;color:#fff;border:0;border-radius:10px;padding:16px 20px;font-weight:700;min-height:52px;display:inline-flex;align-items:center;gap:30px;justify-content:space-between}.primary:hover{background:#246a5f}.hero-note{font-size:12px;color:#789086;margin-top:23px}.hero-art{position:relative;overflow:hidden;background:#cfe8cf;min-height:300px}.sun{position:absolute;right:15%;top:12%;font-size:90px;color:#f5bf55}.cloud{position:absolute;color:#f8f7e7;font-size:56px}.c1{top:8%;left:13%}.c2{top:28%;right:6%;font-size:39px}.hill{position:absolute;border-radius:50% 50% 0 0;width:120%;height:55%;bottom:-20%;transform:rotate(-8deg)}.hill1{background:#88c4a4;left:-20%}.hill2{background:#5ea88d;right:-25%;bottom:-30%;transform:rotate(12deg)}.mascot{position:absolute;bottom:48px;left:34%;width:150px;text-align:center}.ears{font-size:65px;line-height:30px;color:#ca8255;letter-spacing:35px;margin-left:20px}.face{width:145px;height:135px;border-radius:48% 48% 44% 44%;background:#e9a66d;box-shadow:inset -10px -10px #d8905c;display:grid;place-items:center;font:700 40px Nunito;color:#473a30}.flower{position:absolute;color:#fbe2a0;font-size:35px}.f1{bottom:36px;left:13%}.f2{bottom:90px;right:14%}.art-caption{position:absolute;bottom:18px;right:24px;color:#eaf7e9;font-size:11px;font-weight:700}.quest{margin:25px 0 68px;padding:20px 25px;border:1px solid #e9e8dc;border-radius:14px;background:#fffef9;display:flex;align-items:center;gap:18px}.quest-icon{background:#fff0c9;color:#da9a31;border-radius:12px;width:52px;height:52px;display:grid;place-items:center;font-size:25px}.quest small,.quest strong{display:block}.quest small,.island-bottom small{font-size:10px;letter-spacing:.13em;color:#b98b3b;font-weight:800}.quest strong{margin:5px 0;color:#294e46}.quest p{margin:0;color:#85978e;font-size:12px}.quest-mark{margin-left:auto;color:#95aaa1}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-head h2,.stickers h2{font:900 32px Nunito;margin:8px 0;color:#173f3a;letter-spacing:-.03em}.section-head p,.stickers p{margin:0;color:#81958b;font-size:14px}.count{font-size:12px;color:#80988b}.islands{display:grid;grid-template-columns:1fr 1fr;gap:20px}.island{border:1px solid #e8e8df;background:#fffefb;border-radius:18px;overflow:hidden;text-align:left;color:inherit;padding:0;transition:transform .2s}.island:hover{transform:translateY(-3px)}.island-top{display:flex;justify-content:space-between;align-items:center;padding:21px 23px 0}.subject{font-size:10px;letter-spacing:.14em;font-weight:800;color:#af8741}.violet .subject{color:#8770a6}.round-arrow{border:1px solid #e3e8dc;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.island-illustration{height:130px;display:grid;place-items:center;position:relative;font-size:80px;background:radial-gradient(ellipse,#ffefc9 0,transparent 60%)}.violet .island-illustration{background:radial-gradient(ellipse,#eee5fb 0,transparent 60%)}.island-illustration i{position:absolute;right:27%;top:15%;font-style:normal;font-size:20px;color:#dfae59}.island-bottom{padding:20px 25px 22px}.island-bottom h3{font:900 24px Nunito;margin:8px 0}.island-bottom p{color:#899a91;font-size:14px;margin:0}.island-status{border-top:1px solid #edf0e8;margin-top:23px;padding-top:17px;color:#508a79;font-size:12px;font-weight:800}.island-status span{float:right}.stickers{margin:65px 0;display:flex;gap:25px;align-items:center;background:#f4eddf;border-radius:18px;padding:25px 35px}.sticker-art{width:92px;height:92px;background:#ffdb85;border-radius:50%;display:grid;place-items:center;font-size:46px;color:#b98434}footer{border-top:1px solid #e7e8de;padding:30px 0 45px;color:#92a097;font-size:12px}footer strong{font:900 25px Nunito;color:#174d47}footer p{margin:8px 0}.lesson{max-width:760px;margin:auto;padding:20px 25px 70px}.back,.text-button{border:0;background:none;color:#568b7b;font-weight:700;padding:12px 0}.lesson-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;font-weight:800;color:#698c80;margin:25px 0 15px}.progress-track{height:7px;border-radius:8px;background:#e1e9dc;overflow:hidden}.progress-track div{height:100%;background:#76b89c;border-radius:8px;transition:width .2s}.steps{display:flex;justify-content:space-between;margin:20px 0 30px;color:#a0b0a6;font-size:10px;letter-spacing:.08em}.steps .active{color:#297965}.lesson-card{background:#fffefa;border:1px solid #ecece2;border-radius:20px;padding:40px;box-shadow:0 14px 40px #315b4610}.lesson h1{font-size:40px;margin:15px 0 22px}.lesson .primary{margin-top:22px}.story,.takeaway{background:#eaf3e5;border-radius:15px;padding:24px;font-size:35px}.story p,.takeaway p{font-size:20px;line-height:1.6;font-weight:700;margin:8px 0;color:#315d50}.support,.lead{color:#6c8579;line-height:1.7}.lead{font-size:19px;color:#365d50}.example,.simpler{background:#fff4d9;border-radius:12px;padding:19px;color:#705c35;line-height:1.6}.example small{font-weight:800;letter-spacing:.12em}.example p{margin:8px 0 0}.text-button{display:block}.choices{display:grid;gap:10px;margin:22px 0}.choices button{background:#fff;border:1px solid #dfe9dd;border-radius:11px;text-align:left;padding:16px;color:#315d50;font-weight:700;min-height:52px}.choices button:hover:not(:disabled){border-color:#78b99d;background:#f0f8ef}.choices span{float:right}.feedback{padding:15px;background:#eaf4e9;color:#376856;border-radius:10px;line-height:1.5}.counter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.counter{background:#f3f7ed;border-radius:12px;text-align:center;padding:15px 5px}.counter small,.counter strong{display:block}.counter small{font-size:12px;color:#789387}.counter strong{font:900 35px Nunito}.counter button{width:36px;height:36px;margin:3px;border:0;border-radius:8px;background:#deecdb;color:#286a56;font-size:20px}.result{text-align:center;font:900 36px Nunito;padding:18px}.result small{display:block;font:600 14px DM Sans;color:#789387}.celebrate{text-align:center}.big-star{font-size:75px}.celebrate p{color:#6c8579;line-height:1.6}.lesson-foot{text-align:center;color:#92a398;font-size:12px;margin:25px}@media(max-width:650px){.top{height:66px;padding:0 20px}.top-label{display:none}.save{font-size:10px;text-align:right}.home{padding:0 16px}.demo{line-height:1.6}.demo span{display:block;margin:2px 0 0}.hero{grid-template-columns:1fr}.hero-copy{padding:36px 26px}.hero h1{font-size:43px}.hero-art{min-height:250px}.mascot{transform:scale(.8);bottom:25px}.quest{margin:18px 0 48px;padding:16px}.section-head{align-items:start;gap:12px}.section-head h2,.stickers h2{font-size:27px}.count{text-align:right;max-width:115px}.islands{grid-template-columns:1fr}.stickers{margin:45px 0;padding:20px;gap:15px}.sticker-art{width:65px;height:65px;flex-shrink:0;font-size:34px}.lesson{padding:10px 16px 50px}.lesson-card{padding:25px}.lesson h1{font-size:32px}.steps span b{display:none}.steps{font-size:17px}.lesson-meta{font-size:9px}.story p,.takeaway p{font-size:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choices button[aria-pressed=true]{border-color:#438d76;background:#eaf4e9}.choices button:disabled{opacity:.7}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-block:20px}body{min-width:320px;min-height:100vh;min-height:100svh}button,a{touch-action:manipulation}button{min-width:48px;min-height:48px}button,a{-webkit-tap-highlight-color:rgba(66,139,121,.18)}button:focus-visible,a:focus-visible{outline:3px solid #e99032;outline-offset:4px}.top{height:auto;min-height:80px;flex-wrap:wrap;gap:12px 24px;padding:12px max(24px,env(safe-area-inset-right)) 12px max(24px,env(safe-area-inset-left));padding-top:max(12px,env(safe-area-inset-top))}.brand{flex-shrink:0;min-height:48px;display:inline-flex;align-items:center}.top-label{line-height:1.5}.save{flex:1 1 180px;min-width:0;max-width:420px;text-align:right;line-height:1.5;overflow-wrap:anywhere}.home{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom)}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-copy{min-width:0;padding:clamp(28px,4vw,52px)}.hero h1{font-size:clamp(40px,5vw,66px);overflow-wrap:break-word}.hero-copy>p{font-size:17px;max-width:42ch}.primary{min-height:56px;max-width:100%;gap:clamp(12px,3vw,30px);line-height:1.4}.islands{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.island,.island-bottom,.quest>div,.stickers>div{min-width:0}.island-bottom h3{overflow-wrap:break-word;line-height:1.25}.subject{line-height:1.5;overflow-wrap:break-word}.quest p{font-size:15px;line-height:1.65}.quest-icon,.sticker-art{flex-shrink:0}.section-head{gap:20px}.count{line-height:1.5}.lesson{max-width:944px;padding:24px max(24px,env(safe-area-inset-right)) calc(56px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.lesson-card{padding:clamp(24px,4vw,48px);min-width:0}.lesson h1{font-size:clamp(32px,4.2vw,46px);line-height:1.15;overflow-wrap:break-word}.lead,.support,.feedback,.simpler,.example{font-size:18px}.story p,.takeaway p{font-size:clamp(18px,2.1vw,22px);line-height:1.65}.steps{gap:8px;font-size:12px;line-height:1.5}.steps span{min-width:0}.back,.text-button{min-height:48px;padding:12px 16px;line-height:1.5}.back{margin-left:-16px}.choices{grid-template-columns:minmax(0,1fr)}.choices button{min-width:0;min-height:56px;font-size:18px;line-height:1.5;overflow-wrap:break-word}.choices button span{margin-left:12px}.match-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.match-grid .choices{grid-auto-rows:1fr}.counter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.counter{min-width:0;padding:20px 8px}.counter small{font-size:15px;line-height:1.5}.counter>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.counter button{width:48px;height:48px;min-width:48px;min-height:48px;margin:0;font-size:26px}.result{font-size:42px}.result small{font-size:17px}.lesson-foot{margin:24px 0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.lesson-foot a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:8px}@media(min-width:1024px){.islands{grid-template-columns:repeat(3,minmax(0,1fr))}.island-top,.island-bottom{padding-inline:20px}}@media(min-width:601px)and (max-width:1023px){.top-label{display:none}.home{padding-left:max(28px,env(safe-area-inset-left));padding-right:max(28px,env(safe-area-inset-right))}.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{padding:36px 40px}.hero-copy>p{max-width:56ch}.hero h1{font-size:clamp(44px,6vw,58px)}.hero-art{min-height:210px}.mascot{left:calc(50% - 75px);bottom:28px;transform:scale(.85)}.quest{margin-bottom:44px}.lesson{padding-inline:28px}}@media(max-width:600px){.top{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));gap:8px 12px;min-height:72px}.top-label{display:none}.save{flex-basis:128px;font-size:12px;max-width:none}.home{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{padding:28px 24px}.hero h1{font-size:clamp(36px,8vw,44px)}.hero-art{min-height:210px}.islands{grid-template-columns:minmax(0,1fr);gap:18px}.section-head{flex-wrap:wrap;gap:12px}.count{max-width:none;text-align:left}.lesson{padding:16px max(16px,env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.lesson-card{padding:24px}.lesson h1{font-size:30px}.steps b{display:none}.steps{font-size:20px;margin-block:20px}.counter-grid{gap:8px}.counter{padding:16px 4px}.counter small{font-size:13px}.counter>div{flex-direction:column;align-items:center}.match-grid{gap:12px}.choices button{font-size:17px;padding:14px}.quest{padding:18px}.stickers{padding:20px;gap:16px}}@media(max-width:420px){.match-grid{grid-template-columns:minmax(0,1fr)}.match-grid .choices{margin-block:8px}.story,.takeaway{padding:18px}.island-bottom{padding-inline:20px}}@media(hover:none),(pointer:coarse){.island:hover{transform:none}.primary,.choices button{min-height:56px}.counter button{width:52px;height:52px;min-width:52px;min-height:52px}}@media(orientation:landscape)and (max-height:700px)and (min-width:900px){.hero{min-height:320px}.hero-copy{padding:28px 36px}.hero-art{min-height:280px}.quest{margin-bottom:36px}}