:root{--navy:#101b43;--blue:#0759db;--sky:#e9f6ff;--line:#dce8f5;--ink:#223151;--muted:#61718a;--bg:#f8fbff;--r:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}.container{width:min(1180px,calc(100% - 42px));margin:auto}.top{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #edf0f7;box-shadow:0 4px 22px #152d4a08}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:860;letter-spacing:-.5px;line-height:1.05;font-size:19px;white-space:nowrap}.logo{display:inline-grid;place-items:center;color:var(--blue)}.logo svg{width:44px;height:42px}.links{display:flex;align-items:center;gap:23px;font-size:13px;font-weight:750}.links a:hover,.links a.active{color:var(--blue)}.navbuttons{display:flex;gap:9px}.btn{border:1.5px solid var(--blue);border-radius:11px;background:var(--blue);color:#fff;padding:12px 18px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:9px;justify-content:center;transition:.16s}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 15px #0c58cb26}.btn.ghost{background:#fff;color:var(--blue)}.btn.light{background:#fff;color:#113775;border-color:#fff}.btn.small{padding:9px 13px}.menu{display:none}.hero{background:linear-gradient(113deg,#f5fbff 5%,#dff4ff 52%,#b5e4ff);overflow:hidden}.hero-inner{min-height:330px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:20px}.eyebrow{color:#0861d7;font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(38px,4.5vw,61px);line-height:1.04;letter-spacing:-2.2px;margin:15px 0;max-width:640px}.hero h1 em{color:var(--blue);font-style:normal}.hero p{max-width:570px;color:#34435b;font-weight:520;font-size:16px;line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 32px}.heroart{height:330px;position:relative;display:grid;place-items:center}.heroart:before{content:"";position:absolute;inset:18px 0 0 15px;border-radius:48% 52% 40% 40%;background:#b2e1ff80}.hill{position:absolute;bottom:-70px;left:0;width:110%;height:130px;background:linear-gradient(95deg,#8bdb8a,#51b97b);border-radius:55% 65% 0 0;transform:rotate(-4deg)}.kids{font-size:126px;position:relative;filter:drop-shadow(0 15px 6px #14497924);white-space:nowrap;letter-spacing:-27px}.bubble{position:absolute;background:#fff9;border-radius:50%;display:grid;place-items:center}.bubble.one{top:30px;left:15%;height:60px;width:60px;font-size:31px}.bubble.two{top:55px;right:10%;height:55px;width:55px;font-size:27px}.featurestrip{display:grid;grid-template-columns:repeat(4,1fr);background:#eff7ff;border-radius:17px;margin:20px 0;padding:17px 20px;gap:14px}.feature{display:flex;gap:11px;align-items:center;padding:2px 14px;border-right:1px solid #bad5ed}.feature:last-child{border:0}.fic{font-size:27px}.feature strong{display:block;font-size:13px}.feature small{display:block;color:#52627b;line-height:1.4;margin-top:3px;font-size:11px}.finder{display:grid;grid-template-columns:1.3fr repeat(3,1fr) auto;gap:13px;align-items:end;background:#e8f4ff;padding:23px;border-radius:18px}.finder h2{font-size:22px;margin:0 0 5px}.finder small{color:#526782}.field label{display:block;font-size:11px;font-weight:800;margin-bottom:7px}select,input{width:100%;border:1px solid #c5d8eb;border-radius:9px;background:#fff;min-height:43px;padding:10px;color:#152c52}select:focus,input:focus{outline:3px solid #bddcff}.grades{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0}.grades h2{margin:0 15px 0 0;font-size:22px}.grade{border:2px solid transparent;min-width:59px;height:55px;border-radius:13px;background:#e5efff;color:#0758c8;font-size:24px;font-weight:900}.grade:nth-of-type(3n){background:#e0f8e7;color:#10853b}.grade:nth-of-type(4n){background:#fff1d1;color:#e68d08}.grade.selected{border-color:#115cc6;box-shadow:0 0 0 3px #bcdcff}.section{margin:38px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:18px}.section-title h2{font-size:28px;letter-spacing:-1px;margin:0 0 4px}.section-title p{margin:0;color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lesson{border:1px solid #dce9f7;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 5px 16px #1542790a;transition:.2s}.lesson:hover{transform:translateY(-3px);box-shadow:0 9px 28px #16407816}.thumb{height:160px;background:linear-gradient(145deg,#e3f3ff,#89caff);display:flex;align-items:center;justify-content:center;font-size:70px;position:relative}.thumb.tan{background:linear-gradient(145deg,#fff0c7,#ffc484)}.thumb.ice{background:linear-gradient(145deg,#d4f4ff,#8ecaf7)}.thumb.green{background:linear-gradient(145deg,#e5f8d1,#8edeb6)}.thumb.purple{background:linear-gradient(145deg,#f2e5ff,#c7b2f4)}.pill{display:inline-flex;align-items:center;border-radius:99px;font-size:11px;font-weight:800;background:#e9f2ff;color:#0758c8;padding:5px 9px}.duration{position:absolute;bottom:10px;right:10px;background:#15213fd9;color:#fff;border-radius:7px;padding:4px 7px;font-size:11px;font-weight:700}.lessonbody{padding:16px}.lesson h3{margin:10px 0 13px;min-height:48px;font-size:18px;line-height:1.3;letter-spacing:-.3px}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.action{border:0;background:#edf6ff;padding:10px 3px;border-radius:10px;font-size:12px;font-weight:800;color:#0755bf}.action span{display:block;font-size:20px;margin-bottom:4px}.action:hover{background:#d9ebff}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.panel{border-radius:19px;padding:27px;display:flex;align-items:center;gap:18px;min-height:176px}.panel.free{background:#ecf8ed}.panel.app{background:#e5f2ff}.panelicon{font-size:65px;flex:0 0 90px;text-align:center}.panel h2{font-size:23px;letter-spacing:-.6px;margin:3px 0 6px}.panel p{font-size:14px;color:#4b5970;line-height:1.55;margin:0 0 15px}.subjects{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.subject{border:2px solid transparent;background:#e7f5ff;border-radius:16px;min-height:120px;padding:19px 10px;font-weight:800}.subject:nth-child(2){background:#f0eaff}.subject:nth-child(3){background:#e9f9e8}.subject:nth-child(4){background:#fff4d7}.subject:nth-child(5){background:#e0f8f7}.subject:nth-child(6){background:#f0f2f6}.subject.selected{border-color:#1b66df}.subject span{font-size:32px;display:block;margin-bottom:8px}.why{background:#eaf6ff;border-radius:19px;padding:26px;display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:16px;align-items:center}.why h2{margin:0;font-size:24px}.whyitem{border-left:1px solid #a9c5e3;padding-left:18px}.whyitem strong{display:block;font-size:14px}.whyitem small{color:#53647e;line-height:1.5}.cta{margin:30px 0;background:linear-gradient(100deg,#0641a5,#0969ee);border-radius:18px;color:#fff;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:12px}.cta h2{margin:0 0 5px;font-size:26px}.cta p{margin:0;color:#d9e9ff}.footer{background:#f8fbff;border-top:1px solid #dbe8f7;padding:32px 0 18px}.footgrid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:25px}.footgrid strong{display:block;margin-bottom:10px}.footgrid a,.footgrid small{display:block;color:#63738b;font-size:12px;margin:7px 0}.legal{border-top:1px solid #e2ebf5;margin-top:20px;padding-top:15px;display:flex;justify-content:space-between;color:#6f7c91;font-size:11px}.empty{background:#f3f8ff;border:1px dashed #aac8ea;border-radius:15px;text-align:center;padding:36px;grid-column:1/-1}.empty h3{margin-top:0}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,120px);background:#102451;color:#fff;border-radius:12px;padding:13px 20px;box-shadow:0 10px 30px #0d295544;z-index:80;transition:.25s;max-width:90vw;text-align:center;font-size:13px}.toast.show{transform:translate(-50%)}.overlay{position:fixed;inset:0;background:#0b1833ac;z-index:60;display:none;align-items:center;justify-content:center;padding:20px}.overlay.open{display:flex}.modal{width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:23px;box-shadow:0 25px 70px #071a3f50;padding:28px;position:relative}.close{position:absolute;top:18px;right:18px;border:0;background:#eef4fb;border-radius:50%;height:36px;width:36px;font-size:22px}.modal h2{margin:12px 32px 8px 0;font-size:28px}.modal p{line-height:1.55;color:#54627a}.videoplace{background:linear-gradient(130deg,#d1eaff,#a8d3fb);border-radius:15px;padding:35px;display:grid;place-items:center;text-align:center;font-size:51px;margin:20px 0}.videoplace small{display:block;font-size:12px;color:#516580}.modalactions{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}.quiz{background:#f1f7ff;border-radius:15px;padding:16px;margin-top:14px}.quiz button{display:block;width:100%;text-align:left;border:1px solid #cfdded;background:#fff;border-radius:9px;padding:12px;margin-top:8px;color:#233554}.quiz button.correct{background:#e2f9e6;border-color:#32ae57}.quiz button.wrong{background:#fff0ee;border-color:#e87369}.quiz-status{margin-top:10px;font-weight:700;font-size:13px}.tag{background:#e9f4ff;color:#0751b6;border-radius:30px;padding:6px 11px;font-size:11px;font-weight:800}.placeholder{font-size:12px;color:#596e89;background:#fff9eb;border:1px solid #f5e8bd;padding:12px;border-radius:10px;margin-top:10px}.appdemo{display:grid;grid-template-columns:1fr 1fr;gap:12px}.appdemo>div{padding:17px;border:1px solid #dfebf9;border-radius:13px;background:#f5faff}.appdemo strong{display:block;margin-bottom:6px}@media(max-width:1040px){.links{gap:11px}.finder{grid-template-columns:1fr 1fr 1fr}.finder h2,.finder button{grid-column:1/-1}.featurestrip{grid-template-columns:1fr 1fr}.feature:nth-child(2){border:0}.subjects{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.container{width:min(100% - 28px,1180px)}.nav{height:66px}.brand{font-size:15px}.logo svg{width:35px}.links{display:none;position:absolute;top:65px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:20px 28px;box-shadow:0 15px 30px #12234822}.links.open{display:flex}.menu{display:block;border:0;background:#e9f4ff;padding:10px;border-radius:9px;font-size:20px}.navbuttons .btn{display:none}.hero-inner{grid-template-columns:1fr;gap:0}.hero h1{font-size:42px}.heroart{height:175px}.kids{font-size:100px}.bubble.one{top:0}.bubble.two{top:10px}.featurestrip{grid-template-columns:1fr 1fr;padding:16px 6px}.feature{padding:7px;align-items:flex-start}.feature:nth-child(2){border:0}.feature strong{font-size:12px}.feature small{font-size:10px}.finder{grid-template-columns:1fr 1fr}.finder h2,.finder .topic,.finder button{grid-column:1/-1}.cards{grid-template-columns:1fr}.lesson h3{min-height:auto}.twocol{grid-template-columns:1fr}.subjects{grid-template-columns:repeat(3,1fr)}.why{grid-template-columns:1fr 1fr}.why h2{grid-column:1/-1}.cta{flex-direction:column;text-align:center}.footgrid{grid-template-columns:1fr 1fr}.legal{gap:8px;flex-wrap:wrap}}@media(max-width:420px){.hero h1{font-size:36px}.hero-actions .btn{flex:1 1 100%}.finder{grid-template-columns:1fr}.finder .field{grid-column:1/-1}.grades h2{width:100%}.subjects{grid-template-columns:repeat(2,1fr)}.why{grid-template-columns:1fr}.why h2{grid-column:auto}.panel{padding:18px}.panelicon{flex:0 0 55px;font-size:45px}.footgrid{grid-template-columns:1fr 1fr}.modal{padding:20px}.appdemo{grid-template-columns:1fr}}