@font-face{font-family:Nunito;src:url('./nunito-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url('./nunito-extrabold.ttf') format('truetype');font-weight:800 1000;font-display:swap}
:root{--cream:#fff9ec;--blue:#073bd4;--navy:#132a56;--mint:#bceece;--yellow:#ffdc55;--coral:#ff7865;--line:#dddfd5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--navy);font-family:Nunito,Arial,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:5px}header{max-width:1320px;margin:auto;padding:27px 50px;display:flex;justify-content:space-between;align-items:center;gap:20px}.wordmark{display:flex;align-items:center;gap:10px;font-weight:1000;font-size:25px;line-height:1.1;letter-spacing:-1px}.wordmark>img{background:var(--blue);border-radius:13px;padding:3px;box-shadow:0 3px #062592}.wordmark>span>span{color:var(--blue)}.wordmark small{display:block;font-size:9px;letter-spacing:3px;margin-top:5px}.wordmark>span{display:block}nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:1000}.lang{border:1px solid var(--line);padding:9px 17px;border-radius:30px;font-size:12px}nav a:hover,.quiet:hover{color:var(--blue)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:1000;line-height:1.1;letter-spacing:-1.8px}.hero{display:grid;grid-template-columns:1.15fr 1fr;max-width:1320px;margin:auto;min-height:690px;padding:48px 50px 65px;align-items:center;gap:30px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:1000;color:var(--blue);margin-bottom:24px}.hero h1{font-size:clamp(45px,4.7vw,70px);letter-spacing:-3.5px;line-height:1.08}.hero h1 em{font-style:normal;color:var(--blue)}.intro{max-width:470px;color:#5c6780;margin-top:25px;font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:54px;padding:13px 25px;border-radius:14px;background:var(--blue);color:white;font-size:15px;font-weight:1000;box-shadow:0 4px #03228d;transition:transform .15s}.button:hover{transform:translateY(-2px)}.button>span{font-size:22px}.quiet{font-size:13px;font-weight:1000}.release{position:relative;margin-top:35px;padding-left:19px;font-size:12px}.release b{font-weight:1000}.release small{display:block;color:#788299;font-size:10px;margin-top:3px}.status-dot{position:absolute;top:7px;left:0;width:7px;height:7px;border-radius:50%;background:#2aa676;box-shadow:0 0 0 4px #d5edda}
.hero-art{position:relative;min-height:560px;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;border-radius:50%;z-index:-1}.orbit-a{width:460px;height:460px;background:var(--mint);transform:rotate(-15deg);border-radius:45% 55% 48% 52%}.orbit-b{width:500px;height:500px;border:1px solid #d8e6d1;transform:rotate(15deg);border-radius:42% 58% 42% 58%}.phone{width:267px;padding:7px;background:#132b56;border:2px solid #1a396d;border-radius:35px;box-shadow:12px 18px 0 #1260511c,0 25px 45px #17476d25;transform:rotate(8deg);overflow:hidden}.phone img{display:block;width:100%;height:auto;border-radius:27px}.level-bubble{position:absolute;z-index:2;left:1%;top:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-12deg);width:115px;height:115px;border-radius:33px;background:var(--yellow);border:3px solid #fff1a0;box-shadow:0 6px #c79721;color:var(--navy);line-height:1.15}.level-bubble b{font-size:36px;font-weight:1000;letter-spacing:-1.5px}.level-bubble span{font-size:12px;font-weight:1000}.float-symbol{position:absolute;font-size:75px;font-weight:1000;line-height:1}.symbol-plus{color:var(--coral);right:1%;top:35px;transform:rotate(15deg);text-shadow:0 4px #d6534d}.symbol-times{color:var(--blue);left:3%;bottom:75px;font-size:55px;transform:rotate(-10deg)}.star{position:absolute;color:#eeb82e;font-size:58px;right:-2%;bottom:115px;transform:rotate(13deg);text-shadow:0 3px #d99931}.math-sticker{position:absolute;z-index:2;right:-8px;bottom:26px;padding:9px 20px;background:var(--cream);border:2px solid #fff;border-radius:16px;font-size:22px;font-weight:1000;transform:rotate(-6deg);box-shadow:0 6px 0 #d8c7a3}.math-sticker b{color:var(--blue)}.ribbon{background:var(--blue);color:var(--cream);display:flex;justify-content:center;align-items:center;gap:35px;padding:21px 25px;font-size:18px;font-weight:1000;letter-spacing:.1px}.ribbon>span:last-child{color:var(--yellow);font-size:25px}
.section{max-width:1220px;margin:auto;padding:110px 50px}h2{font-size:clamp(32px,3.1vw,46px);letter-spacing:-1.8px}h3{font-size:23px;letter-spacing:-.7px}.section p:not(.eyebrow){color:#67718a;line-height:1.8;margin-top:22px}.how{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.how>div>p:not(.eyebrow){max-width:450px;font-size:16px}.demo{position:relative;text-align:center;background:#d4f2dc;border:2px solid #bee5c9;box-shadow:0 8px #acd0b6;border-radius:30px;padding:42px 25px 25px;transform:rotate(-2deg)}.equation{display:grid;grid-template-columns:1fr .5fr 1fr .5fr 1fr;align-items:center;gap:7px;direction:ltr}.equation b,.crossing b{display:grid;place-items:center;height:62px;background:#fff9df;border:2px solid #fffdf0;box-shadow:0 5px #d1c08d;border-radius:13px;font-size:31px;line-height:1}.equation span,.crossing span{font-size:23px;font-weight:1000}.equation .blank{background:#76c9b0;border:2px dashed #2c957e;box-shadow:0 5px #41977f;color:#f8fff0}.equation .blank.solved{background:#ffdc55;border:2px solid #fff099;box-shadow:0 5px #cda733;color:var(--navy)}.crossing{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:18px;direction:ltr;opacity:.45;transition:opacity .3s}.crossing b{height:35px;width:35px;border-radius:8px;font-size:22px;box-shadow:0 3px #c7b985}.demo.won .crossing{opacity:1}.demo>p{min-height:47px;font-size:12px!important;font-weight:1000;line-height:1.5!important;color:#2f705c!important;max-width:100%!important;margin:25px 0 10px!important}.demo-bank{display:flex;justify-content:center;gap:15px;direction:ltr}.demo-bank button{border:2px solid #fff1a0;border-radius:13px;background:var(--yellow);box-shadow:0 5px #c69b2b;width:55px;height:58px;font-weight:1000;font-size:30px;color:var(--navy)}.demo-bank button:hover{transform:translateY(-2px)}.demo-bank button:disabled{opacity:.4;cursor:default}.demo-bank button.wrong{animation:shake .25s}.demo>small{display:block;font-size:9px;color:#658e72;margin-top:20px}.reset{background:none;border:0;color:#23674b;font-size:12px;font-weight:1000;margin:7px auto 0;min-height:40px}.reset[hidden]{display:none}.skip{position:fixed;z-index:99;top:-100px;left:15px;padding:10px 20px;color:white;background:var(--blue)}.skip:focus{top:10px}
.journey{padding-top:20px}.section-heading{max-width:620px}.worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px}.world{position:relative;border-radius:24px;overflow:hidden;min-height:280px;box-shadow:0 6px #132a561a;background:#0c79a5;color:white}.world-2{background:#087b9a}.world-3{background:#392f89}.world>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}.world>div{position:relative;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;padding:25px;background:linear-gradient(transparent,#061e62b0)}.world small{margin-bottom:auto;font-weight:1000;border:1px solid #ffffff55;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#002c6833}.world h3{font-size:25px}.world p{font-size:12px;color:#e7fcf6!important;margin-top:10px!important;line-height:1.6!important}.numbers{display:flex;justify-content:center;align-items:center;gap:65px;padding-top:55px}.numbers>div{display:flex;flex-direction:column;text-align:center}.numbers b{font-size:49px;font-weight:1000;letter-spacing:-2px;color:var(--blue);line-height:1.3}.numbers div span{font-size:12px;color:#727a8a}.numbers>span{color:#dfbd66;font-size:22px}.features{padding-top:30px}.features>h2{max-width:630px}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.feature-list article{border-top:1px solid #ced5c7;padding-top:24px}.feature-list article>span{font-weight:1000;color:#c59c31;font-size:12px}.feature-list h3{margin-top:23px}.feature-list p{font-size:14px}.energy{border-radius:35px;background:#e5edff;padding:65px;display:grid;grid-template-columns:.8fr 1fr;align-items:center;gap:70px;max-width:1120px}.energy h3{margin-top:32px;font-size:20px}.energy p{font-size:14px;margin-top:14px!important}.energy-art{position:relative;min-height:230px;display:grid;place-items:center}.energy-art>span{display:grid;place-items:center;width:185px;height:185px;background:var(--blue);border:5px solid #4582ff;border-radius:47px;box-shadow:0 10px #0a269b;color:var(--cream);font-size:90px;font-weight:1000;transform:rotate(-9deg)}.energy-art>b{position:absolute;right:-3px;bottom:2px;display:grid;place-items:center;width:110px;height:80px;border-radius:25px;background:var(--mint);border:4px solid #edfff0;box-shadow:0 6px #75bb99;font-size:39px;font-weight:1000;color:#1c754d;transform:rotate(13deg)}.energy-art>i{position:absolute;left:0;top:-18px;font-size:140px;font-style:normal;line-height:1;color:var(--yellow);text-shadow:0 4px #d4a731;transform:rotate(7deg)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px;max-width:930px;margin-inline:auto}.gallery figure{margin:0;text-align:center}.gallery img{width:100%;height:auto;display:block;border:6px solid #17345b;border-radius:27px;box-shadow:0 10px #18325e12}.gallery figcaption{font-size:12px;margin-top:20px;font-weight:1000;color:#798198}.faq{display:grid;grid-template-columns:.9fr 1fr;gap:90px;padding-top:10px}.faq h2{margin-bottom:28px}.faq details{padding:23px 0;border-bottom:1px solid var(--line)}.faq details:first-child{padding-top:0}.faq summary{list-style:none;font-size:16px;font-weight:1000;cursor:pointer;display:flex;justify-content:space-between;gap:15px}.faq summary::-webkit-details-marker{display:none}.faq summary>span{color:var(--blue);font-size:23px;line-height:1}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:14px;margin-top:14px!important}.end-note{max-width:1220px;margin:10px auto 80px;background:var(--blue);color:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:45px 50px;gap:35px;border-radius:30px}.end-note img{width:85px;height:85px;object-fit:contain;flex:none}.end-note .eyebrow{color:#a7c6ff;font-size:9px;margin-bottom:12px}.end-note h2{font-size:28px}.end-note p:last-child{font-size:12px;color:#ccd9ff;margin-top:10px}.end-note .cream{background:var(--cream);color:var(--blue);box-shadow:0 4px #a1b5de;flex:none}.end-note>div{flex:1}footer{max-width:1220px;margin:auto;padding:30px 50px 35px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:25px}.footer-brand{font-size:26px;font-weight:1000;color:var(--blue);letter-spacing:-1px}.footer-brand span{display:block;font-size:12px;letter-spacing:0;color:#8b91a0;font-weight:400;margin-top:6px}.footer-links{display:flex;justify-content:flex-end;gap:20px;align-items:center;flex-wrap:wrap;font-size:11px;font-weight:1000}footer>p{font-size:10px;color:#8c929f}footer>p>a{color:#64738b}footer>small{font-size:9px;align-self:end;justify-self:end;color:#8c929f}.document{max-width:820px;margin:auto;padding:60px 30px 100px}.document .eyebrow{margin-top:45px}.document h1{font-size:52px;margin:0 0 18px}.updated{font-size:12px;color:#8791a4}.document aside{margin:30px 0 45px;padding:18px 23px;background:#e9f2df;color:#426846;border-radius:14px;font-size:13px}.document section{margin-top:32px}.document section h2{font-size:23px;margin-bottom:13px;letter-spacing:-.6px}.document section p{font-size:15px;line-height:1.85;color:#5e6d83}.document section a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.document>.button{margin-top:45px}.document>p:not(.eyebrow):not(.updated){margin:25px 0}
@keyframes shake{25%,75%{transform:translateX(-4px)}50%{transform:translateX(4px)}}@media(min-width:1500px){.hero-art{transform:scale(1.05)}}@media(max-width:1000px){header{padding:25px 30px}.hero{padding:45px 35px 60px;gap:15px;min-height:600px}.hero h1{font-size:49px}.hero-art{min-height:500px}.orbit-a{width:350px;height:390px}.orbit-b{width:380px;height:420px}.phone{width:235px}.level-bubble{left:0;width:90px;height:90px}.level-bubble b{font-size:30px}.float-symbol{font-size:55px}.star{right:0}.math-sticker{right:-5px;font-size:16px}.section{padding:80px 35px}.how{gap:45px}.equation{gap:4px}.equation b{height:50px;font-size:25px}.demo{padding:30px 20px 20px}.worlds{gap:15px}.world>div{padding:20px}.numbers{gap:45px}.feature-list{gap:30px}.energy{margin:0 25px;padding:45px;gap:50px}.energy-art>b{right:-15px}.faq{gap:45px}.end-note{margin-inline:25px;padding:35px;gap:25px}.end-note img{width:60px;height:60px}.end-note h2{font-size:23px}.gallery{gap:25px}footer{padding-inline:35px}}
@media(max-width:720px){body{font-size:16px}header{padding:22px}.wordmark{font-size:22px}.wordmark>img{width:37px;height:37px}nav{gap:18px;font-size:12px}.lang{padding:7px 11px;font-size:10px}.hero{grid-template-columns:1fr;padding:32px 25px 46px;gap:25px;text-align:center}.hero .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:22px}.hero h1{font-size:clamp(42px,8vw,58px);letter-spacing:-2.3px}.intro{margin:23px auto 0;max-width:420px;font-size:16px}.hero-actions{justify-content:center;gap:23px;margin-top:25px}.release{display:inline-block;margin-top:29px;text-align:start}.hero-art{min-height:515px;width:100%;max-width:430px;margin:15px auto 0}.orbit-a{width:360px;height:420px}.orbit-b{width:390px;height:450px}.phone{width:250px}.level-bubble{left:2%;top:30px}.symbol-plus{right:5%;top:45px;font-size:58px}.star{right:1%;bottom:140px}.symbol-times{left:7%;bottom:80px}.math-sticker{right:0;bottom:20px}.ribbon{font-size:13px;line-height:1.6;gap:18px;text-align:center;padding:19px 25px}.section{padding:65px 25px}.how{grid-template-columns:1fr;gap:35px}.how>div:first-child{max-width:490px}h2{font-size:34px}.how>div>p:not(.eyebrow){font-size:15px}.demo{max-width:420px;width:100%;margin:auto;padding:30px}.equation b{height:60px;font-size:29px}.section-heading{max-width:500px}.journey{padding-top:25px}.worlds{grid-template-columns:1fr;gap:18px}.world{min-height:220px}.world>div{min-height:220px;padding:25px}.world>img{object-position:center 60%}.world h3{font-size:26px}.numbers{gap:25px;padding-top:35px}.numbers b{font-size:34px;letter-spacing:-1px}.numbers div span{font-size:9px}.numbers>span{font-size:14px}.features{padding-top:10px}.feature-list{grid-template-columns:1fr;gap:26px;margin-top:30px}.feature-list h3{margin-top:10px;font-size:23px}.feature-list p{margin-top:13px!important;font-size:15px}.energy{margin:0 18px;padding:32px 26px;grid-template-columns:1fr;gap:35px}.energy-art{max-width:290px;width:100%;margin:auto;min-height:215px}.energy h2{font-size:32px}.energy h3{margin-top:28px}.screens .gallery{gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;display:flex;margin-inline:-8px;padding:0 8px 18px}.gallery figure{flex:0 0 63%;scroll-snap-align:center}.gallery img{border-radius:22px}.gallery figcaption{margin-top:16px}.faq{grid-template-columns:1fr;gap:35px;padding-top:15px}.faq details:first-child{padding-top:20px;border-top:1px solid var(--line)}.faq h2{margin-bottom:18px}.end-note{margin:0 18px 55px;flex-direction:column;text-align:center;padding:35px 25px;gap:23px}.end-note h2{font-size:29px}.end-note img{width:73px;height:73px}.end-note p:last-child{font-size:12px}.end-note .button{min-width:190px}footer{padding:30px 25px;grid-template-columns:1fr;gap:20px}.footer-links{justify-content:flex-start;gap:22px}.footer-brand{font-size:25px}footer>small{justify-self:start}.document{padding:35px 25px 75px}.document h1{font-size:40px;letter-spacing:-1.7px}.document .eyebrow{margin-top:35px}.document aside{margin-top:25px}.document section p{font-size:14px}.document section h2{font-size:22px}}@media(max-width:380px){nav>a:first-child{display:none}.hero h1{font-size:39px}.hero-art{min-height:480px}.phone{width:225px}.orbit-a{width:310px;height:370px}.orbit-b{width:330px;height:400px}.level-bubble{left:-6px;width:80px;height:80px}.level-bubble b{font-size:27px}.math-sticker{right:-4px}.symbol-plus{right:-2px}.hero-actions{gap:15px}.button{padding:12px 20px;font-size:14px}.quiet{font-size:12px}.numbers{gap:17px}.numbers b{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:720px){.hero-art{overflow:clip}.wordmark{font-size:20px;gap:8px}nav{gap:12px}.lang{white-space:nowrap}}
