:root{font-family:Arial,Helvetica,sans-serif;color:#202c26;background:#f7f8f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #22774f;outline-offset:4px}.nav,main,footer{max-width:1180px;margin:auto}.nav{height:112px;display:flex;justify-content:space-between;align-items:center;padding:0 36px}.brand{text-decoration:none;font-size:24px;letter-spacing:-1.2px;font-weight:700;display:flex;align-items:center;gap:11px}.brand-dot{font-size:10px;align-self:flex-start;margin:9px 0 0 -7px}.mark{display:inline-flex;font-family:Georgia,serif;letter-spacing:-5px;font-style:italic;font-size:30px;width:35px;height:36px;align-items:center}.mark span{transform:translateY(3px);display:inline-block}.nav-link{font-size:13px;text-decoration:none;border-bottom:1px solid #c6cec5;padding-bottom:7px}.nav-link span{padding-left:15px}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:70px;padding:61px 36px 74px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.6px;display:flex;gap:9px;align-items:center;margin-bottom:29px}.eyebrow>span{height:6px;width:6px;border-radius:50%;background:#508360}h1{font-size:76px;line-height:1.02;font-weight:500;letter-spacing:-4.6px;margin:0 0 27px}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#4c7458;letter-spacing:-4px}.description{font-size:15px;line-height:1.8;max-width:397px;color:#667067;margin:0}.signup{margin-top:32px;scroll-margin-top:40px}.input-row{display:flex;gap:6px;background:#fff;border:1px solid #d9ded5;padding:6px;border-radius:7px;max-width:445px}.input-row input{min-width:0;flex:1;border:0;padding:10px 8px;background:transparent;outline-offset:0;font-size:13px;color:#202c26}.input-row button{border:0;background:#243d2e;color:#fff;padding:14px 15px;border-radius:4px;font-size:12px;white-space:nowrap}.input-row button:hover{background:#35583f}.input-row button span{padding-left:10px}.input-row button:disabled{opacity:.65;cursor:wait}.consent{display:flex;gap:7px;align-items:flex-start;margin-top:13px;font-size:10px;line-height:1.6;color:#687067}.consent input{accent-color:#42694d;margin:1px 0 0}.consent a{text-underline-offset:2px}.signup-note{font-size:10px;color:#788075;margin:11px 0 0}#form-message{font-size:12px;line-height:1.5;margin:10px 0 0;color:#365b3f}#form-message:empty{display:none}.trap{position:absolute;left:-9999px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.example{position:relative;background:#ecf0e8;padding:20px 22px 0;border-radius:14px;transform:rotate(1.5deg);box-shadow:0 22px 48px -36px #32472a40}.example-top{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.1px;color:#768372}.tiny-icon{color:#48694b;font-size:20px}.sample-label{margin-left:auto;font-size:8px;text-transform:none;letter-spacing:0;background:#e1e7dd;padding:4px 7px;border-radius:3px}.prompt{font-size:11px;background:#fbfcf9;border-radius:6px;padding:15px 12px;margin:16px 0 13px;color:#677261;border:1px solid #e2e7dc}.prompt-icon{margin-right:6px;color:#8b9d82}.lesson{background:#fffdf5;border-radius:7px;padding:22px 27px 14px;border:1px solid #dfe4d7}.lesson-meta{display:flex;justify-content:space-between;color:#8b9182;font-size:8px;letter-spacing:1.4px}.lesson h2{font-family:Georgia,serif;font-weight:400;font-size:32px;line-height:1.08;letter-spacing:-1px;margin:22px 0 9px}.lesson>p{font-size:10px;color:#7b8274}.fraction-visual{position:relative;display:flex;justify-content:center;margin:23px 0 25px}.fraction-circle{position:relative;width:151px;height:151px;border-radius:50%;background:conic-gradient(#b7cdaa 0 75%,#eef0e5 75% 100%);border:1px solid #a5ba96;transform:rotate(-12deg);box-shadow:4px 5px 0 #e4e9d6}.line-v,.line-h{position:absolute;background:#fffdf5;left:50%;top:0;width:3px;height:100%;transform:translateX(-50%)}.line-h{transform:translateX(-50%) rotate(90deg)}.doodle{position:absolute;right:-3px;top:22px;font-family:Georgia,serif;font-style:italic;color:#7e8c70;font-size:15px;transform:rotate(6deg)}.doodle svg{display:block;width:42px;height:47px;fill:none;stroke:#929e81;stroke-width:1.4;transform:rotate(15deg)}.answers{display:flex;justify-content:center;gap:15px}.answers button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:1px solid #dfe4d5;border-radius:7px;width:68px;height:67px;font-family:Georgia,serif;font-size:20px;color:#536447;transition:background .15s,transform .15s}.answers button:hover{background:#eef2e5;transform:translateY(-2px)}.answers button i{width:16px;height:1px;background:#7e8b6b;margin:2px 0}.answers button.correct{background:#dfeacf;border-color:#8aa779}.answers button.retry{background:#f3e9d9;border-color:#c4b597}.lesson #lesson-feedback{font-size:9px;text-align:center;height:24px;line-height:1.5;margin:15px -10px 0}.example-bottom{padding:16px 0 19px;text-align:center;color:#798771;font-size:10px}.spark{margin-right:6px;font-size:15px}.steps{border-top:1px solid #dde2d7;margin:0 36px;padding:35px 0 45px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step-no{font-family:Georgia,serif;font-size:12px;color:#8f9a84}.steps h3{font-size:14px;font-weight:500;margin:15px 0 9px}.steps p{font-size:12px;line-height:1.7;color:#7a8376;margin:0}footer{display:flex;align-items:center;gap:28px;padding:25px 36px 30px;color:#899080;font-size:10px;border-top:1px solid #e5e8df}.footer-brand{font-size:13px;letter-spacing:-.4px;color:#53634e;font-weight:600}footer a{margin-left:auto;text-decoration:none}.privacy{max-width:690px;padding:60px 30px 90px}.privacy h1{font-size:46px;letter-spacing:-2px}.privacy h2{font-size:18px;font-weight:500;margin-top:35px}.privacy p{line-height:1.8;color:#667067;font-size:15px}@media(min-width:1450px){.hero{padding-top:90px;padding-bottom:90px}}@media(max-width:900px){.hero{gap:35px}h1{font-size:62px;letter-spacing:-3.5px}.lesson{padding:20px}.example{padding:16px 15px 0}.doodle{right:-7px;font-size:12px}.input-row{flex-wrap:wrap}.input-row button{flex-grow:1}}@media(max-width:680px){.nav{height:88px;padding:0 24px}.brand{font-size:21px}.nav-link{font-size:11px}.hero{grid-template-columns:1fr;padding:34px 24px 48px;gap:46px}.intro{max-width:490px}.eyebrow{font-size:9px;margin-bottom:25px}h1{font-size:65px;letter-spacing:-3.8px;margin-bottom:22px}.description{font-size:14px;max-width:370px}.input-row{flex-wrap:nowrap}.input-row button{flex-grow:0;font-size:11px;padding:14px 12px}.consent{font-size:10px}.example{max-width:420px;width:100%;margin:auto;transform:rotate(1deg);padding:19px 22px 0}.lesson{padding:22px 25px 14px}.lesson h2{font-size:34px}.lesson>p{font-size:11px}.fraction-circle{height:157px;width:157px}.doodle{right:1px;font-size:15px}.steps{margin:0 24px;padding:28px 0;gap:28px;grid-template-columns:1fr}.steps>div{position:relative;padding-left:35px}.step-no{position:absolute;left:0;top:3px}.steps h3{margin:0 0 7px}.steps br{display:none}.steps p{font-size:12px}footer{margin:0 24px;padding:22px 0 28px;flex-wrap:wrap;gap:17px}footer>span:nth-child(2){display:none}footer>a{margin-left:auto}footer>span:last-child{width:100%;font-size:9px}.privacy{padding-top:32px}.privacy h1{font-size:40px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
