.landing{--ink:#153f38;--orange:#f37643;--lime:#d9ee88;background:#fbfaf5;color:var(--ink);overflow-x:clip}
.landing header{max-width:1320px;border:0;padding:24px 42px}.landing .brand{font-size:25px;letter-spacing:1px}.landing .brand small{font-weight:600;color:#64776b}.landing nav{gap:30px}.landing nav a{font-size:14px}.landing .header-download{border-radius:30px;box-shadow:none;padding-inline:23px}
.landing .wrap{max-width:1280px;padding-inline:42px}.landing .hero{grid-template-columns:1fr 1fr;gap:55px;padding-block:40px 55px;min-height:680px}.hero-copy{position:relative}.landing .eyebrow{font-size:13px;color:#466553;letter-spacing:.4px;display:flex;gap:9px;align-items:center}.eyebrow i{height:8px;width:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #f3764316}.landing h1{font-size:clamp(48px,5.6vw,76px);line-height:1.09;letter-spacing:-3px;position:relative;font-weight:900;margin-bottom:28px}.landing h1 em{color:var(--orange);position:relative;display:inline-block}.landing h1 em:after{content:"";position:absolute;bottom:-8px;left:3%;width:94%;height:10px;border-top:3px solid var(--orange);border-radius:50%;transform:rotate(-3deg)}.heading-spark{display:inline-block;font-size:49px;color:#aabd6a;vertical-align:middle;margin-inline-start:15px;transform:rotate(12deg)}.landing .lead{font-size:18px;line-height:1.9;max-width:460px;color:#597267}.landing .actions{gap:24px;margin-top:27px}.landing .button{border-radius:18px;transition:transform .2s,box-shadow .2s,background .2s}.landing .button:hover{transform:translateY(-3px);box-shadow:0 12px 24px #143f3820}.download-main{padding:14px 22px;box-shadow:0 5px 0 #0b3029!important;gap:30px}.download-main small{display:block;font-size:11px;font-weight:400;color:#d9e9de;margin-top:1px}.download-main .arrow{font-size:28px;font-weight:400}.landing .text-link{font-size:14px}.landing .fine{font-size:12px}.scene-shell{position:relative;perspective:1100px;padding-bottom:32px}.scene{height:548px;position:relative;background:radial-gradient(ellipse at 55% 42%,#346d58,#163f37 72%);border-radius:140px 32px 110px 32px;isolation:isolate;box-shadow:inset 0 1px 1px #ffffff40,0 26px 55px -28px #163f3780;transform:rotate(-2deg)}.scene-grid{position:absolute;inset:0;overflow:hidden;border-radius:inherit;z-index:-1}.scene-grid:before{content:"";position:absolute;inset:60% -50% -50%;background-image:linear-gradient(#b5d7af17 1px,transparent 1px),linear-gradient(90deg,#b5d7af17 1px,transparent 1px);background-size:45px 45px;transform:perspective(240px) rotateX(48deg)}.scene-label{position:absolute;top:31px;left:40px;font-size:10px;letter-spacing:2px;color:#c8dfc9}.orbit{position:absolute;width:81%;height:68%;border:1px solid #d9ee8838;border-radius:50%;top:14%;left:9%;transform:rotate(-26deg)}.orbit:after{content:"";position:absolute;inset:24px -25px;border:1px solid #d9ee8817;border-radius:50%;transform:rotate(50deg)}.hero-robot{position:absolute;height:367px;width:auto;bottom:89px;left:50%;transform:translateX(-50%) rotate(3deg);z-index:3;filter:drop-shadow(9px 16px 6px #052b3240);animation:robot-float 5s ease-in-out 3}.pedestal{position:absolute;bottom:50px;left:15%;width:70%;height:110px;background:linear-gradient(90deg,#7c9848,#b6d474 45%,#8daa53);border-radius:50%;box-shadow:0 22px 0 #637f37,0 28px 0 #436132,0 48px 40px #061e3360;transform:rotate(2deg)}.pedestal:before{content:"";position:absolute;inset:0 0 18px;border-radius:50%;background:linear-gradient(135deg,#e6f6b3,#b8d97b);box-shadow:inset 0 2px 1px #ffffffe0}.robot-shadow{position:absolute;bottom:78px;left:31%;width:40%;height:25px;border-radius:50%;background:#35562755;filter:blur(8px);z-index:2}.floating-equation{position:absolute;right:-20px;top:102px;border-radius:19px;background:#fffaf0;padding:16px 23px;font-size:25px;font-weight:800;color:#23463b;z-index:4;box-shadow:5px 7px 0 #d9cfac,10px 20px 25px #08271c30;transform:rotate(10deg)}.floating-equation b{color:#da6536}.coin{position:absolute;display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffe7a0,#f1b644 65%);color:#b1781c;font-size:36px;border:5px solid #ffd878;box-shadow:4px 6px 0 #a87322,inset 0 0 0 2px #e7b64b,12px 15px 20px #09251e40;z-index:4}.coin-one{top:94px;left:29px;transform:rotate(-19deg) scaleX(.82);animation:coin-bob 6s ease-in-out 2}.coin-two{right:28px;bottom:144px;transform:rotate(17deg) scale(.66)}.orb{position:absolute;border-radius:50%;box-shadow:8px 12px 20px #032e3040}.orb-one{height:54px;width:54px;right:86px;top:32px;background:radial-gradient(circle at 30% 25%,#ffba80,#ed7848 50%,#ac4835)}.orb-two{height:24px;width:24px;left:60px;bottom:138px;background:radial-gradient(circle at 30% 25%,#eaf6af,#9bb267 60%,#61864c)}.scene-plus{position:absolute;left:38%;top:44px;font-size:39px;color:#d9ee88;transform:rotate(12deg);text-shadow:3px 4px #7c9754}.achievement{position:absolute;bottom:164px;left:-32px;display:flex;align-items:center;gap:11px;background:#fffdf3;padding:13px 17px;border-radius:16px;z-index:5;box-shadow:0 12px 35px #001c2840;transform:rotate(-4deg);font-size:13px;font-weight:700}.achievement>span:first-child{background:#e8efcb;color:#789246;border-radius:50%;width:35px;height:35px;font-size:24px;display:grid;place-items:center}.achievement small{display:block;font-weight:400;font-size:10px;color:#6b7b65}.scene-bottom{position:absolute;bottom:12px;right:0;left:0;text-align:center;font-size:10px;color:#d2e7c1;letter-spacing:.2px}.motion-toggle{position:absolute;bottom:-5px;left:14px;border:0;background:transparent;color:#536b5c;font:inherit;font-size:11px;cursor:pointer;padding:8px 10px}.motion-toggle:focus-visible,.quiz-answers button:focus-visible{outline:3px solid #db7943;outline-offset:4px}.motion-paused .scene *{animation-play-state:paused!important}
.trust-strip{display:flex;justify-content:space-between;gap:20px;border-block:1px solid #dce4d8;padding-block:24px!important;font-size:13px;color:#516652}.trust-strip b{color:#799753;margin-inline-end:6px}.landing .section{padding-block:82px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.landing h2{font-size:clamp(32px,3.4vw,46px);letter-spacing:-1.5px;line-height:1.15}.section-heading h2{margin:0}.section-heading p{margin:0;font-size:15px}.world-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:26px}.world-card,.learning-card{border-radius:28px;overflow:hidden;border:1px solid #e0e5d8;background:#fff}.game-frame{position:relative;padding:18px 18px 0}.game-frame img{width:100%;height:auto;display:block;aspect-ratio:2.2;object-fit:cover;border-radius:17px}.game-frame>span{position:absolute;bottom:12px;right:30px;border-radius:20px;background:#fff9;padding:3px 10px;font-size:10px;backdrop-filter:blur(8px)}.world-copy{padding:25px 30px 29px}.card-index{font-size:11px;letter-spacing:1px;color:#647c67}.landing h3{font-size:25px;letter-spacing:-.6px;margin-top:10px}.world-grid p{font-size:15px;line-height:1.8;margin-bottom:0}.learning-card{padding:22px 30px 30px;background:#edf0e2}.number-sculpture{height:165px;display:flex;gap:22px;align-items:center;justify-content:center;direction:ltr;position:relative;perspective:700px}.number-sculpture span{font-size:110px;font-weight:900;line-height:1;color:#f48659;text-shadow:1px 1px #d75a32,2px 2px #d75a32,3px 3px #d75a32,4px 4px #d75a32,5px 5px #c7522b,9px 13px 0 #183d3710;transform:rotate(-12deg)}.number-sculpture span:nth-of-type(2){color:#698c69;text-shadow:1px 1px #3e6949,2px 2px #3e6949,3px 3px #3e6949,4px 4px #3e6949,5px 5px #3e6949,9px 13px 0 #183d3710;transform:rotate(13deg) translateY(9px)}.number-sculpture b{font-size:40px;color:#a2b07c;font-weight:400}.number-sculpture i{position:absolute;right:10px;top:5px;color:#d1ac48;font-style:normal;font-size:30px}.subject-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.subject-tags span{font-size:11px;border:1px solid #cbd5bd;border-radius:20px;padding:4px 10px}.landing .try-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-block:35px 85px}.try-section p{max-width:360px}.try-note{font-size:12px;color:#72836e}.quiz-card{background:#eeeaf4;border:1px solid #e3ddea;border-radius:30px;padding:28px 35px;text-align:center;box-shadow:0 9px 0 #e1dbe8;transform:rotate(-1deg)}.quiz-label{font-size:11px;color:#776585}.quiz-card .quiz-equation{font-size:48px;font-weight:900;letter-spacing:3px;color:#504364;max-width:none;margin:16px 0}.quiz-equation span{color:#9a7bb2}.quiz-answers{display:flex;justify-content:center;gap:15px;direction:ltr}.quiz-answers button{font:inherit;font-size:23px;font-weight:800;border:1px solid #d1c8da;border-radius:15px;min-height:56px;min-width:70px;background:#fff;color:#59476c;box-shadow:0 4px 0 #d8cde2;cursor:pointer;transition:transform .2s,background .2s}.quiz-answers button:hover{transform:translateY(-3px);background:#faf5ff}.quiz-answers button.correct{background:#d9ee88;color:#234f36;box-shadow:0 4px 0 #a6bf6b}.quiz-answers button.retry{background:#ffe4cc;color:#713c1f}.quiz-card #quiz-result{font-size:13px;margin:21px 0 0;min-height:23px;max-width:none}.landing .parent-section{background:#173f38;position:relative;margin:20px 24px;border-radius:38px;padding-block:68px}.landing .parent-section .wrap{padding-inline:48px}.landing .parent-section .eyebrow{color:#d9ee88}.landing .parent-section h2{font-size:43px}.landing .parent-note{background:#ffffff07;border-color:#ffffff24;transform:rotate(-1deg)}.landing .button.light{background:#d9ee88}.landing .steps{gap:32px}.landing .steps li{position:relative;border-top:1px solid #d9e1d4;padding-top:24px}.landing .steps li:before{border-radius:50%;background:#ebeddf;box-shadow:3px 4px 0 #d9dfc8}.landing .steps h3{font-size:21px}.landing .steps p{font-size:15px}.landing .note{font-size:14px;background:#f1eddf;border:1px solid #e8e2ce;line-height:1.9}.landing .faq{padding-top:30px}.landing summary{font-size:18px}.landing .final-cta{margin-block:25px 60px;padding-block:58px;background:radial-gradient(ellipse at 50% 80%,#e9eecb,transparent 65%)}.landing .final-cta .eyebrow{justify-content:center}.landing .final-cta h2{font-size:55px}.final-cta em{font-style:normal;color:#e57848}.landing footer{padding-block:30px}.landing button{touch-action:manipulation}@keyframes robot-float{0%,100%{transform:translateX(-50%) rotate(3deg)}50%{transform:translateX(-50%) translateY(-9px) rotate(1deg)}}@keyframes coin-bob{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(min-width:1450px){.landing .hero{gap:80px}}
@media(max-width:1000px){.landing header{padding-inline:26px}.landing .wrap{padding-inline:28px}.landing .hero{gap:30px}.landing h1{font-size:57px}.scene{height:470px}.hero-robot{height:315px}.floating-equation{font-size:20px;right:-10px;padding:13px}.achievement{left:-12px;font-size:11px;padding:10px}.landing .actions{gap:16px;flex-wrap:wrap}.trust-strip{flex-wrap:wrap;justify-content:center}.landing .try-section{gap:35px}.number-sculpture{height:140px}.world-grid{grid-template-columns:1.15fr 1fr}.world-copy,.learning-card{padding:23px}.landing .parent-grid{gap:40px}}
@media(max-width:760px){.landing header{padding:18px 22px;align-items:center;gap:10px}.landing .brand{font-size:21px;gap:8px}.landing .brand img{width:38px;height:38px}.landing .brand small{font-size:9px}.landing header nav{display:none}.landing .header-download{padding:9px 17px;min-height:42px;font-size:12px}.landing .wrap{padding-inline:23px}.landing .hero{grid-template-columns:1fr;gap:36px;padding-top:25px;padding-bottom:25px}.landing h1{font-size:clamp(46px,10.5vw,65px);line-height:1.08;letter-spacing:-2px;margin-bottom:24px}.heading-spark{font-size:35px}.landing .lead{font-size:16px;line-height:1.8}.landing .eyebrow{font-size:11px;margin-bottom:18px}.landing .actions{flex-direction:row;align-items:center;gap:22px;margin-top:24px}.landing .download-main{padding:12px 18px;gap:24px;font-size:14px}.landing .actions .text-link{font-size:12px}.landing .fine{font-size:10px}.scene-shell{max-width:470px;width:100%;margin:auto;padding-inline:8px}.scene{height:430px;border-radius:100px 27px 80px 27px}.hero-robot{height:290px;bottom:88px}.floating-equation{font-size:20px;right:-9px;top:82px}.scene-label{left:30px;top:27px;font-size:8px}.coin-one{top:81px;left:22px;width:53px;height:53px;font-size:26px}.orb-one{width:43px;height:43px;top:28px;right:70px}.scene-plus{font-size:30px;top:27px}.achievement{bottom:138px;left:-12px}.pedestal{height:88px}.scene-bottom{font-size:8px;bottom:14px}.trust-strip{padding-block:20px!important;display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:10px}.landing .section{padding-block:48px}.section-heading{display:block;margin-bottom:24px}.section-heading p{font-size:14px;margin-top:15px}.section-heading p br{display:none}.landing h2{font-size:34px}.world-grid{grid-template-columns:1fr;gap:20px}.world-copy{padding:24px}.game-frame{padding:12px 12px 0}.learning-card{padding:23px 25px 28px}.number-sculpture{height:135px}.landing .try-section{grid-template-columns:1fr;gap:23px;padding-block:12px 60px}.try-section h2{margin-bottom:16px}.try-section p{font-size:15px;margin-bottom:12px}.quiz-card{padding:24px 18px}.quiz-card .quiz-equation{font-size:43px}.landing .parent-section{margin:0 12px;border-radius:28px;padding-block:40px}.landing .parent-section .wrap{padding-inline:22px}.landing .parent-section h2{font-size:33px}.landing .parent-section p{font-size:15px}.landing .parent-grid{gap:27px}.landing .parent-note{padding:21px;transform:none}.landing .steps{gap:10px}.landing .steps li{padding-top:20px}.landing summary{font-size:16px}.landing .faq{padding-top:15px}.landing .final-cta{margin-block:0 25px;padding-block:35px}.landing .final-cta h2{font-size:43px}.landing footer{font-size:11px;gap:18px}.landing .section-heading .eyebrow{margin-bottom:12px}}
@media(max-width:360px){.landing .actions{gap:15px}.landing .actions .text-link{font-size:11px}.scene{height:390px}.hero-robot{height:262px}.floating-equation{font-size:18px}.achievement{font-size:10px}.achievement small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.landing *, .landing *:before,.landing *:after{animation:none!important;transition:none!important}.landing .button:hover,.quiz-answers button:hover{transform:none}}

/* Keep transformed decorative layers inside the page's scrollable area. */
.landing .hero{overflow:clip}