@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
.profile-label{display:inline-block;color:#6d55e6;background:#f3f0ff;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:700}.teacher-info h3{font:700 17px/1.4 Manrope,sans-serif;margin:12px 0 6px}.teacher-info>p{font-size:13px;color:#77788a;margin:0 0 14px;min-height:32px}.tags span{font-size:11px;line-height:1.5;color:#55556c;background:#f7f7fa;padding:8px 9px;border-radius:8px}.profile-link{display:inline-flex;gap:8px;align-items:center;color:#6d55e6;text-decoration:none;font-size:12px;font-weight:700;margin-top:16px}
:root{font-family:'DM Sans',sans-serif;color:#22233a;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}.topbar{max-width:1160px;margin:auto;height:82px;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:21px;display:flex;gap:9px;align-items:center;text-decoration:none;color:#24243c}.brand-mark{font-size:17px;color:#6b52e8;background:#f0ecff;border-radius:10px;padding:8px}.topbar nav{display:flex;gap:36px}.topbar nav a,footer>a:last-child{color:#55556c;text-decoration:none;font-size:14px}.button{display:inline-flex;gap:12px;align-items:center;background:#6e54e9;color:white;padding:15px 22px;border-radius:12px;text-decoration:none;font-weight:700;font-size:14px;box-shadow:0 8px 18px #6e54e932}.button-small{padding:12px 17px}.hero{max-width:1160px;margin:auto;padding:64px 28px 80px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.eyebrow{letter-spacing:1.3px;font-size:11px;font-weight:700;color:#806cec}.hero h1,.section-heading h2,.faq h2{font:800 clamp(40px,5vw,60px)/1.12 Manrope,sans-serif;letter-spacing:-2.6px;margin:18px 0}.hero h1 span{color:#7157e9}.lead{font-size:17px;line-height:1.7;color:#66677c;max-width:470px;margin:0 0 27px}.social-proof{display:flex;align-items:center;gap:13px;margin-top:32px}.social-proof p{font-size:12px;line-height:1.6;color:#77788a;margin:0}.social-proof strong{color:#37374e}.avatars{display:flex;padding-left:5px}.avatars span{width:34px;height:34px;margin-left:-5px;border:2px solid white;border-radius:50%;display:grid;place-items:center;color:white;font-size:12px;font-weight:700;background:#ea8e72}.avatars span:nth-child(2){background:#728aca}.avatars span:nth-child(3){background:#75ad8a}.hero-art{height:380px;background:#f4f1ff;border-radius:34px;position:relative;overflow:hidden;display:grid;place-items:center}.hero-art:before,.hero-art:after{content:'';position:absolute;border-radius:50%;background:#e8e1ff}.hero-art:before{width:260px;height:260px;top:55px;right:48px}.hero-art:after{width:80px;height:80px;bottom:28px;left:42px;background:#fff1dc}.code-card{z-index:1;position:absolute;top:71px;left:42px;padding:17px 20px 20px;background:#29263e;border-radius:15px;box-shadow:0 18px 35px #29263e30;transform:rotate(-5deg);color:#e3def8}.dots{display:flex;gap:5px;margin-bottom:16px}.dots i{width:7px;height:7px;border-radius:50%;background:#ff8176}.dots i:nth-child(2){background:#f1ce71}.dots i:nth-child(3){background:#85d4a5}.code-card code{font:12px/2.1 monospace;white-space:nowrap}.code-card code span{color:#8f89aa;padding-right:10px}.code-card b{color:#ad95ff}.code-card em{color:#91d4bc;font-style:normal}.code-card strong{color:#ffca70}.mascot{z-index:1;position:absolute;right:72px;bottom:67px;width:150px;height:150px;border-radius:38px;background:#7359eb;box-shadow:0 18px 30px #7359eb50;transform:rotate(8deg);display:grid;place-items:center;color:white;font:800 77px Manrope}.mascot span{position:absolute;right:22px;top:18px;font-size:19px;color:#ffd977}.spark{position:absolute;color:#f5bd48;z-index:1}.spark-one{font-size:42px;right:51px;top:44px}.spark-two{font-size:35px;left:95px;bottom:45px;color:#65c6a1}.note-card{position:absolute;z-index:2;bottom:25px;right:28px;background:white;padding:12px 16px;border-radius:13px;box-shadow:0 10px 25px #3a315525;display:flex;align-items:center;gap:9px;font-size:12px}.note-card>span{font-size:22px}.note-card strong,.note-card small{display:block}.note-card small{color:#858598;margin-top:3px}.benefits{max-width:1160px;margin:0 auto;padding:30px 28px 76px;display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.benefit-icon{height:43px;width:43px;border-radius:13px;display:grid;place-items:center;font-size:22px;font-weight:700}.lilac{background:#f0ecff;color:#755de7}.yellow{background:#fff4d7;color:#d69c20}.mint{background:#e4f8f0;color:#48a980}.benefits h2{font:700 17px Manrope,sans-serif;margin:17px 0 8px}.benefits p{font-size:13px;line-height:1.6;color:#77788a;margin:0;max-width:290px}.teachers{background:#fafaff;padding:70px max(28px,calc((100% - 1104px)/2)) 82px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.section-heading h2,.faq h2{font-size:34px;letter-spacing:-1.2px;margin:10px 0 0}.section-heading>a{color:#6d55e6;text-decoration:none;font-size:13px;font-weight:700;margin-bottom:5px}.teacher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.teacher-card{background:white;border:1px solid #eeeef5;border-radius:18px;overflow:hidden}.portrait{height:145px;display:grid;place-items:center;font-size:68px}.portrait-one{background:#fbe7df}.portrait-two{background:#dfeafa}.portrait-three{background:#f2e4f5}.teacher-info{padding:17px}.rating{font-size:12px;color:#eba93b;font-weight:700}.rating span{color:#9999a8;font-weight:400}h3{font:700 17px Manrope,sans-serif;margin:9px 0 3px}.teacher-info>p{font-size:13px;color:#77788a;margin:0 0 15px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:10px;color:#6d55e6;background:#f3f0ff;padding:7px 8px;border-radius:7px}.faq{max-width:600px;text-align:center;margin:80px auto;padding:0 28px 75px}.faq h2{margin:10px 0}.faq>p:not(.eyebrow){color:#77788a;line-height:1.7;font-size:14px;margin:15px auto 22px}.faq .button{padding:13px 24px}footer{border-top:1px solid #eeeef4;max-width:1160px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center}footer .brand{font-size:17px}footer .brand-mark{font-size:13px;padding:6px}footer>span{font-size:12px;color:#9292a0}
@media(max-width:760px){.topbar{height:70px}.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px;gap:20px}.hero-art{height:330px}.benefits{grid-template-columns:1fr;gap:25px;padding-bottom:55px}.benefits>div{display:grid;grid-template-columns:48px 1fr;column-gap:12px;align-items:center}.benefit-icon{grid-row:span 2}.benefits h2{margin:0 0 5px}.teacher-grid{grid-template-columns:1fr}.portrait{height:180px}.section-heading{align-items:start;gap:18px;flex-direction:column}.teachers{padding-top:55px}.faq{margin-top:60px}footer{gap:15px;flex-wrap:wrap}footer>span{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}