@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f7f4eb;--ink:#19291e;--green:#213f28;--lime:#dce99d;--muted:#677064;--line:#dedfd2;--white:#fff;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #789047;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}em{color:#49643b}p{line-height:1.65}.logo{text-decoration:none;display:inline-flex;align-items:center;gap:9px;font-size:27px;font-weight:700;letter-spacing:-1.5px}.logo img{width:33px;height:33px}.btn{border:0;border-radius:12px;background:var(--green);color:white;padding:18px 27px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:26px;text-decoration:none;min-height:58px;transition:transform .18s,background .18s}.btn:hover{background:#31553a;transform:translateY(-2px)}.btn.light{background:var(--lime);color:var(--ink)}.btn.wide{width:100%}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:#647346}.nav{max-width:1200px;margin:auto;padding:27px 34px;display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;align-items:center;gap:32px;font-size:14px}.nav-links>a:not(.btn){text-decoration:none}.nav .btn{padding:12px 21px;min-height:46px}.hero{max-width:1200px;margin:44px auto 76px;padding:0 34px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:65px}.hero h1{font-size:clamp(55px,5.9vw,80px);line-height:1.01;max-width:620px;margin:21px 0}.hero p{max-width:440px;color:var(--muted);font-size:17px;margin:22px 0 29px}.small-note{font-size:12px;color:var(--muted);margin-top:14px}.hero-art{position:relative;background:#e7eadb;border-radius:140px 140px 25px 25px;min-height:490px;padding:65px 34px 32px;overflow:hidden}.orb{position:absolute;width:190px;height:190px;border-radius:50%;background:#d9e69b;top:25px;right:-60px}.art-caption{font-size:11px;letter-spacing:2px;text-transform:uppercase;text-align:center;margin-bottom:21px}.learning-card{position:relative;background:#fffef9;padding:25px;border:1px solid #daddca;border-radius:19px;box-shadow:0 20px 50px #243d2112;transform:rotate(-3deg)}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.tag{background:#edf0df;border-radius:30px;padding:7px 10px;color:var(--green);font-size:11px}.learning-card h3{font-family:var(--serif);font-size:29px;margin:22px 0}.math-row{display:flex;align-items:center;justify-content:center;gap:22px;padding:17px 0 23px;font-family:var(--serif);font-size:37px}.fraction{display:grid;text-align:center;line-height:1}.fraction span:first-child{border-bottom:2px solid var(--green);padding-bottom:6px}.fraction span:last-child{padding-top:6px}.hint{background:#f0f2e5;padding:15px;border-radius:10px;font-size:12px;line-height:1.65}.mini-progress{height:5px;background:#edf0df;border-radius:20px;margin:23px 0 9px}.mini-progress:before{content:'';display:block;height:100%;width:65%;background:#73924a;border-radius:20px}.floating-note{position:relative;margin:-4px 0 0 27px;transform:rotate(3deg);background:var(--green);color:white;padding:17px 20px;border-radius:12px;display:flex;gap:13px;align-items:center;font-size:13px;box-shadow:0 15px 35px #213f2822}.floating-note strong{display:block;margin-bottom:3px}.floating-note span{font-size:12px;color:#d1dcc8}.subject-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 20px;display:flex;justify-content:center;gap:48px;flex-wrap:wrap;font-size:13px;color:#607055}.section{max-width:1150px;margin:auto;padding:88px 34px}.section-heading{text-align:center;max-width:670px;margin:0 auto 45px}.section h2{font-size:clamp(37px,4.5vw,58px);line-height:1.07;margin:15px 0}.section-heading p{color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{border:1px solid var(--line);padding:29px;background:#fffdf6;border-radius:18px}.feature-icon{width:48px;height:48px;background:#e8edcf;border-radius:14px;display:grid;place-items:center;font-size:24px;margin-bottom:28px}.feature h3{font-family:var(--serif);font-size:29px;margin-bottom:12px}.feature p{color:var(--muted);font-size:14px}.band{background:#e9eddc}.how{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.how h2{margin:17px 0 24px}.how p{color:var(--muted)}.steps-list{display:grid;gap:28px}.list-step{display:flex;gap:20px}.step-no{width:39px;height:39px;border:1px solid #aebf92;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:13px}.list-step h3{margin:4px 0 7px;font-size:16px}.list-step p{font-size:14px}.grade-section{background:#fffdf7;border:1px solid var(--line);border-radius:25px;padding:35px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.grades{display:grid;grid-template-columns:1fr 1fr;gap:9px}.grade-link{background:white;border:1px solid var(--line);padding:19px;border-radius:12px;text-align:center;text-decoration:none;font-weight:500}.grade-link:hover{background:var(--green);color:white}.faq{max-width:760px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:22px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{padding:16px 24px 0 0;font-size:14px;color:var(--muted)}.bottom-cta{background:var(--green);color:var(--paper);text-align:center;padding:70px 24px}.bottom-cta h2{font-size:clamp(40px,5vw,62px);margin-bottom:25px}.bottom-cta em{color:var(--lime)}footer{max-width:1150px;margin:auto;padding:32px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}footer .logo{font-size:22px}footer .logo img{width:27px;height:27px}footer nav{display:flex;gap:18px}.quiz-header{max-width:450px;margin:auto;padding:24px 22px 0;text-align:center}.quiz-header .logo{font-size:23px}.quiz-header .logo img{width:28px;height:28px}.progress-row{display:flex;align-items:center;gap:13px;margin:23px 0 0}.back{border:0;background:none;color:var(--green);font-size:24px;width:25px;height:26px;padding:0;display:grid;place-items:center}.progress{height:6px;background:#e3dfd1;border-radius:20px;flex:1;overflow:hidden}.progress-fill{height:100%;background:var(--green);border-radius:20px;transition:width .4s}.step-count{font-size:10px;color:var(--muted);margin:10px 0 0}.quiz{max-width:450px;margin:30px auto 0;padding:0 22px 50px;text-align:center;animation:enter .3s ease}.quiz h1,.quiz h2{font-size:40px;line-height:1.12;margin-bottom:17px}.quiz.start h1{font-size:52px;line-height:1.03;margin:24px 0}.quiz .intro{font-size:15px;line-height:1.6;color:#49564a;margin-bottom:26px}.quiz .eyebrow{font-size:10px}.quiz .prompt{font-size:30px;margin:24px 0 18px}.choices{display:grid;gap:10px;margin:24px 0}.choices.two{grid-template-columns:1fr 1fr}.choice{position:relative;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;min-height:64px;padding:18px 19px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--ink);line-height:1.35;transition:border-color .15s,background .15s,transform .15s;font-size:15px}.choices.two .choice{justify-content:center;text-align:center;min-height:69px}.choice:hover{border-color:#789047;transform:translateY(-1px)}.choice.selected{background:var(--green);color:white;border-color:var(--green)}.check{border:1px solid #c9cdbd;width:20px;height:20px;border-radius:5px;flex-shrink:0}.selected .check{background:var(--lime);color:var(--green);border-color:var(--lime)}.selected .check:after{content:'✓';display:block;text-align:center;line-height:18px}.support-note{font-size:12px;color:var(--muted);line-height:1.6;margin:18px 0}.info-art{margin:30px 0 24px;background:#e6ebd8;border-radius:20px;padding:28px 22px;overflow:hidden;position:relative}.info-art .illustration{display:flex;justify-content:center;align-items:flex-end;gap:10px;height:130px}.stair{background:#c1d483;width:66px;border-radius:12px 12px 0 0;display:grid;place-items:center;font-family:var(--serif);font-size:36px;color:var(--green)}.stair:nth-child(1){height:53px}.stair:nth-child(2){height:88px;background:#92b66c}.stair:nth-child(3){height:123px;background:var(--green);color:var(--lime)}.art-label{margin-top:20px;font-size:12px;color:#4b6241}.benefits{display:grid;gap:12px;text-align:left;margin:25px 0}.benefit{padding:18px;border:1px solid var(--line);border-radius:13px;background:#fffef9}.benefit strong{display:block;margin-bottom:6px;font-size:14px}.benefit p{font-size:13px;color:var(--muted)}.chip-cloud{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:23px 0}.chip{padding:12px 15px;background:white;border:1px solid var(--line);border-radius:30px;font-size:13px}.input-label{display:block;text-align:left;font-size:13px;margin:28px 0 9px}.text-input{width:100%;border:1px solid #cdd2c3;border-radius:12px;background:white;padding:19px;font-size:17px;color:var(--ink)}.form-error{min-height:25px;color:#a33424;text-align:left;font-size:12px;margin-top:7px}.profile{border:1px solid var(--line);border-radius:17px;padding:24px;background:#fffef9;text-align:left;margin:27px 0}.profile-top{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid var(--line)}.avatar{width:47px;height:47px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-family:var(--serif);font-size:28px}.profile-top small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.profile dl{display:grid;grid-template-columns:1fr 1fr;gap:23px 18px;margin:25px 0 0}.profile dt{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted);margin-bottom:7px}.profile dd{font-size:13px;line-height:1.45;margin:0}.ring{width:160px;height:160px;border-radius:50%;background:conic-gradient(var(--green) var(--angle,0deg),#e2e5d5 0);display:grid;place-items:center;margin:30px auto}.ring-inner{width:139px;height:139px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:35px;font-family:var(--serif)}.loading-list{display:grid;gap:15px;text-align:left;margin:25px 0;font-size:13px;color:var(--muted)}.loading-list div{display:flex;gap:11px;align-items:center}.loading-list .done{color:var(--green)}.loading-list span{font-size:16px}.paywall{max-width:940px;margin:35px auto;padding:0 24px 65px}.paywall>h1{text-align:center;font-size:50px;line-height:1.1}.paywall>.intro{text-align:center;color:var(--muted);margin:20px auto 35px}.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.plan{padding:21px;border:1px solid var(--line);border-radius:13px;background:white;margin:12px 0;width:100%;text-align:left;color:var(--ink);display:flex;justify-content:space-between;align-items:center;position:relative;min-height:95px}.plan.selected{border:2px solid var(--green);background:#f0f3e3;padding:20px}.plan strong{display:block;font-size:17px}.plan small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.plan-price{text-align:right}.plan-price strong{font-size:25px}.plan-badge{position:absolute;right:17px;top:-11px;background:var(--green);color:white;font-size:10px;padding:5px 10px;border-radius:20px}.pay-summary{background:#e8eddc;border-radius:20px;padding:27px}.pay-summary h2{font-size:31px;margin-bottom:17px}.tick-list{list-style:none;padding:0;display:grid;gap:18px;font-size:14px}.tick-list li{display:flex;gap:12px;line-height:1.55}.tick-list li:before{content:'✓';color:#597333;font-weight:700}.demo-notice{background:#eee9db;border-radius:9px;padding:13px 16px;font-size:12px;line-height:1.6;margin:20px 0}.legal{max-width:750px;margin:55px auto;padding:0 25px}.legal h1{font-size:46px;margin-bottom:25px}.legal h2{font-size:27px;margin:26px 0 12px}.legal p{margin-bottom:15px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:32px;max-width:430px;width:calc(100% - 35px);color:var(--ink)}dialog::backdrop{background:#14231aaa}dialog h2{font-size:36px;margin-bottom:17px}dialog p{font-size:14px;margin-bottom:25px}@keyframes enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.nav{padding:21px}.nav-links>a:not(.btn){display:none}.nav .btn{font-size:12px;padding:11px 15px}.hero{grid-template-columns:1fr;gap:35px;margin:25px auto 45px;padding:0 22px}.hero h1{font-size:58px;max-width:540px}.hero p{font-size:16px}.hero-art{min-height:420px;border-radius:100px 100px 23px 23px;padding:40px 28px 25px;max-width:500px;width:100%;justify-self:center}.hero .btn{width:100%}.subject-strip{gap:15px 24px;font-size:11px}.section{padding:57px 22px}.features{grid-template-columns:1fr}.feature{padding:24px}.feature-icon{margin-bottom:19px}.how{grid-template-columns:1fr;gap:35px}.grade-section{grid-template-columns:1fr;gap:22px;padding:25px}.section-heading{margin-bottom:30px}.section h2{font-size:43px}.bottom-cta{padding:50px 22px}footer{flex-wrap:wrap;gap:22px;padding:27px 22px}footer>span{order:3;width:100%}.pay-grid{grid-template-columns:1fr;gap:23px}.paywall>h1{font-size:39px}.pay-summary{order:2}.quiz{margin-top:27px}.quiz h1,.quiz h2{font-size:37px}.quiz.start h1{font-size:48px}.quiz-header{padding-top:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}