.mathlab-landing{color:#172d45;background:radial-gradient(at 85% 10%,#dfeaff 0,#0000 26%),radial-gradient(at 2% 30%,#fff0df 0,#0000 24%),#f7f9fc;font-family:Inter,Segoe UI,sans-serif;overflow:clip}.mathlab-landing *{box-sizing:border-box}.mathlab-landing .wrap{width:min(1180px,100% - 80px);margin-inline:auto}.mathlab-landing button,.mathlab-landing a{cursor:pointer}.mathlab-landing a{text-decoration:none}.mathlab-landing button:focus-visible,.mathlab-landing a:focus-visible,.mathlab-landing input:focus-visible{outline-offset:5px;outline:3px solid #235be0}.landing-skip{z-index:100;background:#fff;padding:15px;position:absolute;top:-80px;left:20px}.landing-skip:focus{top:10px}.landing-nav{justify-content:space-between;align-items:center;gap:24px;height:100px;display:flex}.landing-brand{letter-spacing:-.6px;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.landing-brand img{border-radius:10px}.brand-caption{letter-spacing:1.8px;margin-top:3px;font-size:8px;font-weight:600;display:block}.landing-nav nav{gap:28px;font-size:13px;font-weight:550;display:flex}.landing-nav nav a:hover,.landing-nav nav button:hover{color:#235be0}.login-link{background:#ffffff80;border:1px solid #d1daea;border-radius:50px;align-items:center;gap:9px;padding:12px 17px;font-size:13px;font-weight:650;display:flex}.landing-hero{grid-template-columns:1.13fr 1fr;align-items:center;gap:55px;padding-top:65px;padding-bottom:110px;display:grid}.landing-eyebrow{letter-spacing:1.7px;color:#4a627f;align-items:center;gap:9px;font-size:10px;font-weight:750;display:flex}.live-dot{background:#235be0;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 4px #235be010}.mathlab-landing h1{letter-spacing:-4px;margin:26px 0;font-size:clamp(48px,5.7vw,78px);font-weight:750;line-height:1.07}.mathlab-landing h1 span,.section-intro h2 span,.parent-section h2 span{color:#235be0}.hero-copy>p{color:#596c83;max-width:490px;font-size:17px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.landing-primary,.landing-secondary{border-radius:12px;align-items:center;gap:12px;min-height:48px;padding:15px 20px;font-size:13px;font-weight:650;transition:transform .2s,box-shadow .2s;display:inline-flex}.landing-primary{color:#fff;background:#235be0;box-shadow:0 8px 20px #235be023}.landing-secondary{color:#172d45;background:#ffffff90;border:1px solid #d6dfed}.landing-primary:hover,.landing-secondary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #235be020}.hero-notes{color:#617089;gap:24px;margin-top:25px;font-size:12px;display:flex}.hero-notes span{align-items:center;gap:6px;display:flex}.hero-notes svg{color:#235be0}.hero-art{justify-content:center;align-items:center;height:390px;display:flex;position:relative}.glass{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #fff;box-shadow:0 20px 65px #263c6810}.hero-flash{z-index:1;border-radius:26px;width:310px;padding:25px;transform:rotate(-7deg)}.hero-flash>span{letter-spacing:1.6px;color:#69758a;font-size:9px;font-weight:700}.hero-flash .abacus{max-width:200px;height:190px;margin:15px auto;display:block}.hero-equation{color:#617089;border-top:1px solid #e2e7f0;align-items:center;gap:10px;padding-top:15px;font-size:11px;display:flex}.hero-equation strong{color:#235be0;margin-left:auto;font-size:36px;line-height:1}.orbit{border:1px solid #cbdafa;border-radius:50%;width:360px;height:360px;position:absolute;transform:rotate(-25deg)scaleY(.8)}.orbit-two{border-style:dashed;width:440px;height:440px;transform:rotate(45deg)scaleY(.8)}.math-tile{z-index:2;border-radius:20px;place-items:center;width:70px;height:70px;font-size:46px;font-weight:400;display:grid;position:absolute;box-shadow:0 10px 25px #235be010}.tile-plus{color:#876125;background:#f7d696;top:0;left:5%;transform:rotate(-15deg)}.tile-divide{color:#235be0;background:#cbdcfb;bottom:22px;right:0;transform:rotate(14deg)}.floating-note{z-index:3;border-radius:14px;align-items:center;gap:10px;padding:15px 20px;font-size:12px;display:flex;position:absolute;bottom:0;left:8%;transform:rotate(3deg)}.floating-note svg{color:#235be0}.art-dot{background:#94c9bb;border-radius:50%;width:14px;height:14px;position:absolute}.dot-one{top:50px;right:5%}.dot-two{background:#eebf78;width:9px;height:9px;bottom:70px;left:2%}.section-intro{justify-content:space-between;align-items:end;gap:60px;margin-bottom:35px;display:flex}.mathlab-landing h2{letter-spacing:-1.7px;margin:17px 0 0;font-size:clamp(30px,3.4vw,45px);font-weight:700;line-height:1.16}.section-intro>p{color:#617089;max-width:350px;font-size:14px;line-height:1.8}.abacus-lab{background:#ffffffc9;border:1px solid #dce5f2;border-radius:24px;padding:24px 32px;box-shadow:0 18px 60px #263c6809}.lab-toolbar{letter-spacing:1.4px;color:#5c6b81;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;font-size:10px;font-weight:700;display:flex}.lab-toolbar button{letter-spacing:0;background:#eff3fa;border-radius:9px;align-items:center;gap:7px;padding:9px 14px;font-size:12px;display:flex}.abacus-surface{padding:10px 0}.interactive-abacus{width:100%;max-height:350px;display:block;overflow:visible}.movable-bead{cursor:grab;touch-action:none;transition:transform .16s}.movable-bead:active{cursor:grabbing}.movable-bead:focus{outline:none}.movable-bead:focus-visible polygon{stroke:#235be0;stroke-width:4px}.abacus-result{text-align:center;background:linear-gradient(100deg,#f6f9ff,#ecf2ff,#f6f9ff);border-radius:15px;margin:10px auto 0;padding:18px 10px}.abacus-result>span{letter-spacing:2px;color:#697c96;font-size:9px;font-weight:700}.abacus-result output{color:#235be0;font-variant-numeric:tabular-nums;letter-spacing:1px;overflow-wrap:anywhere;font-size:clamp(24px,3.8vw,48px);font-weight:650;line-height:1.4;display:block}.abacus-result p{color:#617089;margin-top:5px;font-size:12px}.lab-controls{justify-content:space-between;gap:10px;padding-top:18px;font-size:12px;display:flex}.lab-controls label{cursor:pointer;align-items:center;gap:8px;display:flex}.lab-controls input{accent-color:#235be0;width:16px;height:16px}.lab-controls button{color:#235be0;min-height:32px;font-weight:650}.lab-help{color:#68788e;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:20px 0 0;font-size:11px;display:flex}.lab-help span{color:#78879a}.explore-foot{color:#738199;justify-content:space-between;margin:15px 5px;font-size:11px;display:flex}.mobile-rod-note{display:none}.practice-section{padding-top:100px}.practice-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.practice-card{background:#fff;border:1px solid #e2e7ef;border-radius:22px;padding:14px 14px 25px;transition:transform .2s}.practice-card:hover{transform:translateY(-5px)}.practice-preview{border-radius:13px;flex-direction:column;justify-content:space-between;align-items:center;height:210px;padding:20px;display:flex}.preview-peach{background:#faf0df}.preview-blue{background:#eaf0ff}.preview-mint{background:#e8f4ef}.practice-preview .abacus{max-width:130px;height:130px}.practice-preview button{background:#ffffffb0;border-radius:50px;align-items:center;gap:7px;min-height:36px;padding:8px 12px;font-size:11px;display:flex}.mini-equation{letter-spacing:-3px;padding-top:12px;font-size:58px;font-weight:650}.mini-equation span{color:#235be0;font-weight:300}.sound-wave{align-items:center;gap:8px;height:120px;display:flex}.sound-wave i{background:#6cae99;border-radius:10px;width:7px}.card-kicker{letter-spacing:1.4px;color:#697b94;align-items:center;gap:8px;margin:24px 10px 10px;font-size:9px;display:flex}.practice-card h3{letter-spacing:-.7px;margin:0 10px 10px;font-size:22px;font-weight:650}.practice-card>p{color:#617089;margin:0 10px;font-size:13px;line-height:1.8}.demo-caption{color:#728097;text-align:center;margin-top:20px;font-size:11px;line-height:1.7}.progress-section{grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-top:120px;padding-bottom:110px;display:grid}.progress-copy>p{color:#617089;margin-top:24px;font-size:14px;line-height:1.8}.progress-copy ul{gap:16px;margin:25px 0;padding:0;font-size:13px;list-style:none;display:grid}.progress-copy li{align-items:center;gap:10px;display:flex}.progress-copy li svg{color:#235be0}.progress-copy .small-note{max-width:360px;font-size:11px}.progress-example{border-radius:24px;padding:30px;transform:rotate(2deg)}.example-heading{letter-spacing:1px;color:#6b7b93;justify-content:space-between;gap:15px;font-size:8px;font-weight:650;display:flex}.example-heading span+span{letter-spacing:0;background:#edf2fa;border-radius:5px;padding:4px 8px}.progress-example h3{letter-spacing:-.7px;margin-top:22px;font-size:22px;font-weight:650}.progress-example>p{color:#617089;font-size:12px}.example-score{align-items:center;gap:20px;margin-top:28px;display:flex}.example-score>strong{color:#235be0;letter-spacing:-3px;font-size:64px;line-height:1}.example-score strong span{color:#8393ad;letter-spacing:0;font-size:24px}.example-score>span{color:#617089;font-size:12px;line-height:1.9}.example-score b{color:#235be0;font-weight:500}.example-bars{border-bottom:1px solid #e2e7ef;align-items:end;gap:14px;height:125px;margin-top:15px;padding:0 10px 8px;display:flex}.example-bars>div{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.example-bars i{background:#b2c8fa;border-radius:6px 6px 0 0;width:100%;display:block}.example-bars>div:last-child i{background:#235be0}.example-bars span{color:#8793a4;font-size:9px}.parent-section{text-align:center;border-top:1px solid #e0e7f1;padding:60px 0 80px}.parent-section>.landing-eyebrow{justify-content:center}.parent-steps{grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px;display:grid}.parent-steps>div>span{color:#235be0;background:#e8effc;border-radius:12px;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:inline-grid}.parent-steps h3{margin-top:17px;font-size:17px;font-weight:650}.parent-steps p{color:#617089;max-width:255px;margin:10px auto 0;font-size:13px;line-height:1.8}.contact-section{background:linear-gradient(115deg,#e4edff,#eaf0ff 60%,#f1edff);border:1px solid #fff;border-radius:25px;justify-content:space-between;align-items:center;gap:40px;padding:50px 55px;display:flex}.contact-section h2{margin-top:16px}.contact-section p{color:#617089;max-width:330px;margin-top:20px;font-size:13px;line-height:1.8}.contact-actions{flex-direction:column;align-items:center;gap:16px;display:flex}.contact-number{letter-spacing:.5px;font-size:23px;font-weight:600}.contact-actions>span{color:#617089;font-size:11px}.landing-footer{justify-content:space-between;align-items:center;gap:20px;padding-top:40px;padding-bottom:35px;display:flex}.landing-footer .landing-brand{font-size:16px}.landing-footer p{color:#728097;font-size:11px}.landing-footer>a:last-child{align-items:center;gap:5px;font-size:11px;display:flex}@media (width<=1000px){.mathlab-landing .wrap{width:calc(100% - 48px)}.landing-nav nav{gap:16px;font-size:11px}.landing-hero{gap:20px}.hero-art{transform:scale(.85)}.hero-actions{flex-direction:column;align-items:start}.progress-section{gap:40px}.hero-copy>p{font-size:15px}.mathlab-landing h1{letter-spacing:-2.5px}.section-intro{gap:30px}.section-intro>p{max-width:290px}.contact-section{padding:35px}.practice-grid{gap:16px}}@media (width<=639px){.mathlab-landing .wrap{width:calc(100% - 32px)}.landing-nav{height:80px}.landing-nav nav{display:none}.landing-brand{font-size:17px}.landing-brand img{width:32px;height:32px}.brand-caption{letter-spacing:1px;font-size:6px}.login-link{padding:10px 12px;font-size:11px}.landing-hero{grid-template-columns:1fr;gap:10px;padding-top:30px;padding-bottom:35px}.landing-eyebrow{letter-spacing:1.2px;font-size:8px}.mathlab-landing h1{letter-spacing:-2.8px;margin:20px 0;font-size:52px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:row;gap:10px;margin-top:24px}.landing-primary,.landing-secondary{padding:13px 16px;font-size:12px}.hero-notes{gap:20px;margin-top:20px;font-size:11px}.hero-art{height:320px;margin:0 -10px;transform:scale(.8)}.section-intro{margin-bottom:22px;display:block}.mathlab-landing h2{letter-spacing:-1.3px;font-size:32px}.section-intro>p{max-width:none;margin-top:18px;font-size:13px}.abacus-lab{border-radius:17px;padding:16px 9px}.lab-toolbar{letter-spacing:.7px;margin:0 5px 15px;font-size:8px}.lab-toolbar button{padding:7px 9px;font-size:10px}.interactive-abacus{height:250px}.abacus-result{padding:12px 8px}.abacus-result p{font-size:10px}.lab-controls{padding-inline:4px;font-size:10px}.lab-help{padding:0 7px;font-size:10px;line-height:1.7}.lab-help span{display:none}.explore-foot{gap:10px;font-size:9px}.desktop-rod-note{display:none}.mobile-rod-note{display:inline}.practice-section{padding-top:65px}.practice-grid{grid-template-columns:1fr}.practice-card{padding:14px 14px 24px}.practice-preview{height:205px}.practice-card h3{font-size:23px}.progress-section{grid-template-columns:1fr;gap:30px;padding-top:70px;padding-bottom:60px}.progress-example{padding:24px;transform:none}.parent-section{padding:40px 0 55px}.parent-steps{grid-template-columns:1fr;gap:30px;margin-top:32px}.parent-steps h3{margin-top:12px}.contact-section{flex-direction:column;align-items:start;gap:28px;padding:30px 24px}.contact-actions{align-items:start;gap:14px}.landing-footer{flex-wrap:wrap;padding-top:30px;padding-bottom:25px}.landing-footer p{display:none}.landing-footer>a:last-child{font-size:9px}}@media (prefers-reduced-motion:reduce){.mathlab-landing *,.mathlab-landing :before,.mathlab-landing :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}