:root{--green:#173e35;--ink:#193a32;--cream:#f8f7f0;--muted:#68746c;--lime:#dceca2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}header{max-width:1280px;margin:auto;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce0d6}.brand{display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:2px;line-height:1.4}.brand b{font-size:18px}.emblem{background:var(--green);color:var(--cream);font:italic 44px Georgia;border-radius:50%;height:52px;width:52px;text-align:center;position:relative}.emblem span{font-size:20px;color:var(--lime);position:absolute;right:5px;top:5px}nav{display:flex;gap:32px;font-size:14px}.outline{border:1px solid #b6c2b6;border-radius:7px;padding:12px 18px;background:transparent;color:var(--green)}.hero{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:72px 40px 60px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;display:flex;gap:10px;align-items:center}.eyebrow span{width:7px;height:7px;background:#7b9953;border-radius:50%}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(45px,5.4vw,76px);line-height:1.04;letter-spacing:-3px;margin:25px 0}h1 em{color:#739046}p{color:var(--muted);font-size:15px;line-height:1.8}.actions{display:flex;gap:24px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;gap:30px;background:var(--green);color:white;padding:17px 21px;border-radius:7px;font-size:14px;border:0}.textlink{font-size:13px}.hero-foot{display:flex;gap:35px;margin-top:44px;font-size:15px;line-height:1.8}.hero-foot small{font-size:11px;color:var(--muted)}.art{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;background:#e9ecdf;border-radius:160px 160px 24px 24px;overflow:hidden}.orb{position:absolute;border:1px solid #c9d0bd;width:440px;height:440px;border-radius:50%}.orb2{width:340px;height:340px}.math-card{z-index:1;background:#fffef7;border-radius:16px;box-shadow:0 20px 50px #25452e15;padding:27px;width:78%;transform:rotate(-5deg)}.card-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#728063}.math-card h2{font:26px/1.3 Georgia;margin:25px 0}.dots{display:flex;align-items:center;justify-content:center;gap:22px}.dots div{display:flex;gap:8px;padding:12px;background:#f0f2e5;border-radius:30px}.dots i{display:block;width:24px;height:24px;background:#95ad65;border-radius:50%;box-shadow:inset -3px -3px 0 #0001}.dots div:last-child i{background:#e9b96e}.equation{text-align:center;font:42px Georgia;margin:25px 0}.equation span{display:inline-block;background:#dfeeb3;padding:5px 18px;border-radius:10px}.card-note{text-align:center;font-size:12px;border-top:1px solid #e6e8de;padding-top:15px}.float{position:absolute;font-size:60px;color:#759051}.star{right:20px;top:32px}.plus{left:15px;bottom:80px}.floating-note{position:absolute;z-index:2;right:20px;bottom:47px;background:white;box-shadow:0 10px 25px #0001;padding:16px 22px;border-radius:12px;display:flex;gap:12px;transform:rotate(3deg);font-size:12px}.floating-note>span{background:#e7f0ce;padding:8px;border-radius:50%}.floating-note small{display:block;color:var(--muted);margin-top:6px}.art-label{position:absolute;bottom:15px;letter-spacing:2px;font-size:8px}.ribbon{display:flex;justify-content:center;gap:80px;background:var(--green);color:#eaf0d9;padding:24px;font-size:12px}.section{max-width:1280px;margin:auto;padding:70px 40px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:25px}h2{font:36px/1.2 Georgia;letter-spacing:-1px;margin:15px 0}.section-head p{font-size:13px}.years{display:flex;gap:12px;margin:28px 0}.years button{flex:1;padding:16px;background:transparent;border:1px solid #d5dccd;border-radius:8px;color:var(--green)}.years button.active{background:var(--green);color:white}.years small{display:block;font-size:9px;margin-top:5px;opacity:.75}.topic-grid,.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.topic{border:1px solid #dce1d5;border-radius:12px;padding:25px;background:#fffefa}.topic-icon{height:66px;display:flex;align-items:center;font:38px Georgia;letter-spacing:8px}.topic:nth-child(2) .topic-icon{color:#a5733f}.topic:nth-child(3) .topic-icon{color:#7976a4}.tag{font-size:10px;letter-spacing:1px;color:#778269}.topic h3{font:24px Georgia;margin:14px 0}.topic p{font-size:13px;min-height:46px}.topic-actions{display:flex;gap:10px;margin-top:23px}.topic-actions button{border:1px solid #d6ddcd;background:transparent;padding:11px;border-radius:6px;color:var(--green);flex:1}.topic-actions button:last-child{background:var(--green);color:white;border-color:var(--green)}.method{background:#eef0e5;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-left:max(40px,calc((100vw - 1200px)/2));padding-right:max(40px,calc((100vw - 1200px)/2))}.steps article{display:flex;gap:22px;padding:15px 0;border-bottom:1px solid #d6ddcd}.steps article>span{font:25px Georgia;color:#829064}.steps h3{font-size:16px;margin:0}.steps p{font-size:13px;margin:6px 0}.packages{margin-top:30px}.packages article{border:1px solid #d8dece;padding:30px;border-radius:12px;display:flex;flex-direction:column}.packages article>span{font-size:9px;letter-spacing:1.5px}.packages h3{font:27px Georgia}.packages p,.packages li{font-size:13px;line-height:1.8}.packages ul{padding-left:18px;flex:1}.packages button{padding:14px;border:1px solid #b5c1ac;background:transparent;border-radius:6px;color:inherit;text-align:left}.packages .featured{background:var(--green);color:white}.featured p{color:#d0dccf}.featured button{background:var(--lime);color:var(--green);border-color:var(--lime)}.closing{text-align:center;padding:60px 20px;background:#e9eddc}.closing>span{font-size:42px;color:#7e9651}.closing h2{font-size:40px}.closing .button{margin-top:15px}footer{max-width:1280px;margin:auto;padding:35px 40px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:12px}footer small{font-size:10px;color:var(--muted);line-height:1.8;max-width:380px}dialog{border:0;border-radius:16px;padding:38px;width:min(620px,92vw);max-height:90dvh;color:var(--ink);background:var(--cream)}dialog::backdrop{background:#102d27aa;backdrop-filter:blur(4px)}.close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:28px;color:var(--green)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.answers button{padding:18px;background:white;border:1px solid #bac6b3;border-radius:8px;font-size:23px;color:var(--green)}.answers button:disabled{opacity:.55;cursor:default}.answers button.correct{background:#dceca2;opacity:1;border-color:#688744}.answers button.wrong{background:#ffe3d6;opacity:1;border-color:#a46341}.feedback{background:#e8eddd;padding:16px;border-radius:8px;line-height:1.7;margin-bottom:18px}.meter{height:6px;background:#e1e6d7;border-radius:5px;margin:18px 0}.meter div{height:100%;background:#7f9b50;border-radius:5px}.empty{background:#edf0e4;text-align:center;border-radius:12px;padding:40px}.lesson-example{padding:24px;background:#e8eedb;border-radius:12px;font-size:22px;text-align:center;margin:20px 0}.small{font-size:12px;color:var(--muted)}button:focus-visible,a:focus-visible{outline:3px solid #ba842f;outline-offset:4px}.result-row{display:flex;justify-content:space-between;border-bottom:1px solid #d6ddcd;padding:15px 0} @media(max-width:800px){header{padding:18px 22px}nav{display:none}.brand b{font-size:14px}.emblem{width:42px;height:42px;font-size:35px}.outline{font-size:11px;padding:10px}.hero{grid-template-columns:1fr;padding:40px 24px;gap:35px}h1{font-size:57px}.art{min-height:420px}.ribbon{gap:20px;padding:20px 16px;font-size:10px;line-height:1.5}.section{padding:45px 24px}.section-head{display:block}.section-head h2{font-size:30px}.years{display:grid;grid-template-columns:repeat(3,1fr)}.topic-grid,.packages,.method{grid-template-columns:1fr}.method{gap:20px}.topic p{min-height:0}.hero-foot{gap:25px}.actions{gap:18px}.textlink{font-size:11px}footer{padding:30px 24px;flex-direction:column;align-items:flex-start;gap:6px}dialog{padding:34px 24px}h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.lesson-stage{background:linear-gradient(145deg,#e9eedc,#f2ead6);border:1px solid #d4ddc6;border-radius:18px;padding:20px 12px;text-align:center;overflow:hidden;min-height:210px}.scene-label{font-size:9px;letter-spacing:2px;color:#71815c}.lesson-objects{display:flex;align-items:center;justify-content:center;gap:10px;min-height:105px}.learning-object{color:#63883c;font-size:50px;display:inline-block;animation:object-in .55s both;animation-delay:calc(var(--order)*.055s);line-height:1.3;transition:transform .6s,opacity .6s}.learning-object.gold{color:#c69530}.learning-object.highlight{color:#376724;background:#d5e7a1;outline:2px solid #719146;border-radius:12px;animation:object-pulse .7s both}.learning-object.split{margin-left:22px}.learning-object.removed{animation:object-out 1.1s .2s both}.lesson-equation{font:38px Georgia;color:#173e35;min-height:46px}.lesson-caption{font-size:17px;line-height:1.65;min-height:60px;color:#274f3b;text-align:center;margin:18px 0}.lesson-transport{display:flex;gap:12px;justify-content:center}.lesson-transport .button{min-width:160px;justify-content:center}.scene-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin:18px 0;font-size:12px}.scene-nav button{border:1px solid #bac6b3;border-radius:50%;width:34px;height:34px;background:white;color:#173e35}.scene-nav button:disabled{opacity:.35;cursor:default}.audio-options{display:flex;gap:15px;flex-wrap:wrap;padding:16px;background:#ebefdf;border-radius:10px;font-size:12px;align-items:center}.audio-options label{display:flex;align-items:center;gap:6px}.audio-options input{accent-color:#31553a}.volume-label{width:100%}.volume-label input{flex:1;min-width:80px}.lesson-transcript{border-top:1px solid #d6ddcd;padding:15px 0}.lesson-transcript summary{cursor:pointer;font-size:13px}.lesson-quiz{width:100%;justify-content:center}.paused .learning-object{animation-play-state:paused}@keyframes object-in{from{opacity:0;transform:translateY(-22px) scale(.6)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes object-out{to{opacity:0;transform:translate(60px,-60px) scale(.5)}}@keyframes object-pulse{50%{transform:scale(1.15)}100%{transform:scale(1)}}@media(max-width:480px){.learning-object{font-size:38px}.lesson-objects{gap:8px}.learning-object.split{margin-left:10px}.lesson-equation{font-size:32px}.lesson-caption{font-size:15px}}@media(prefers-reduced-motion:reduce){.learning-object{animation:none!important;transition:none}.learning-object.removed{opacity:0}}
/* Manual step navigation remains readable before playback. */
.paused .learning-object{animation:none;opacity:1;transform:none}.paused .learning-object.removed{opacity:0}