@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#202044;--muted:#6f728a;--violet:#6954db;--purple:#efeaff;--bg:#fcfbff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;padding:0 28px;margin:auto}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:25px;letter-spacing:-1.4px;white-space:nowrap}.brand span:last-child{color:var(--violet)}.mark{background:#e9e3ff;color:#705be2;padding:8px 11px;border-radius:12px;margin-right:6px}.nav nav{display:flex;align-items:center;gap:29px;font-weight:700;font-size:13px}.nav nav>a:hover{color:var(--violet)}.signin{margin-left:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:14px;background:var(--violet);color:white!important;padding:16px 23px;font-weight:800;font-size:14px;box-shadow:0 12px 28px #6954db25;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #6954db40}.btn.small{padding:13px 17px;border-radius:11px}.btn.outline{background:white;color:var(--ink)!important;border:1px solid #e6e3f3;box-shadow:none}.menu{display:none;border:0;background:none;font-size:26px}.hero{min-height:630px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;padding-top:35px;padding-bottom:95px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--violet)}.pulse{display:inline-block;background:#44c6a4;width:8px;height:8px;border-radius:50%;margin-right:7px}.hero h1,.section h2,.safety h2,.cta h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(38px,4.5vw,62px);line-height:1.13;letter-spacing:-3px;margin:22px 0}.hero h1 em,.section h2 em,.safety h2 em,.cta h2 em{font-style:normal;color:var(--violet)}.hero-copy>p{font-size:17px;line-height:1.85;color:var(--muted);max-width:530px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.trust{display:flex;align-items:center;gap:15px;margin-top:43px}.avatars{display:flex;padding-left:10px}.avatars span{display:grid;place-items:center;background:#f1edff;border:3px solid white;width:43px;height:43px;border-radius:50%;margin-left:-10px;font-size:21px}.trust strong,.trust small{display:block}.trust strong{font-size:13px}.trust small{color:var(--muted);font-size:12px;margin-top:5px}.hero-art{position:relative;min-height:470px;display:grid;place-items:center}.glow{position:absolute;inset:0;background:radial-gradient(ellipse,#e9e3ff 5%,#f4f0ff 56%,transparent 73%);border-radius:50%}.lesson-card{position:relative;z-index:1;width:min(100%,430px);padding:24px;background:white;border:1px solid #eeeaf9;border-radius:25px;box-shadow:0 28px 70px #3b2a7d1d;transform:rotate(-2deg)}.lesson-top,.lesson-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9290a8;font-weight:700}.live{color:#8066db}.teacher{display:flex;align-items:center;gap:12px;margin:25px 0}.teacher-avatar{background:#f8e7dd;border-radius:17px;font-size:40px;padding:13px}.teacher strong,.teacher small{display:block}.teacher strong{font-size:15px}.teacher small{color:var(--muted);font-size:12px;margin-top:5px}.audio{margin-left:auto;color:var(--violet);font-size:22px}.chat{padding:13px 16px;border-radius:15px;margin:11px 0;font-size:13px;line-height:1.6;max-width:88%}.chat.ai{background:#f2eeff}.chat.student{background:#e4f7ef;margin-left:auto}.lesson-footer{border-top:1px solid #f0eef7;margin-top:22px;padding-top:18px}.float-note{position:absolute;z-index:2;bottom:17px;left:-20px;display:flex;gap:12px;align-items:center;background:white;padding:15px 18px;border-radius:15px;box-shadow:0 15px 38px #2820531a;transform:rotate(4deg)}.float-note>span{font-size:30px}.float-note strong,.float-note small{display:block}.float-note strong{font-size:13px}.float-note small{font-size:11px;color:var(--muted);margin-top:4px}.star{position:absolute;color:#e7aa58;font-size:40px}.star-one{right:0;top:25px}.star-two{left:0;top:35px;color:#b6a9f3}.strip{background:#f0edff}.strip-inner{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.strip span{font-size:10px;letter-spacing:1.5px;color:#8c80bf;font-weight:800;max-width:160px}.strip strong{font-size:17px}.strip b{color:#9d8de5}.section{padding-top:105px;padding-bottom:105px}.section-heading{text-align:center;max-width:650px;margin:0 auto 46px}.section h2{font-size:clamp(32px,3.4vw,46px);margin:16px 0}.section-heading p{color:var(--muted);line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{min-height:245px;padding:29px;border-radius:23px}.feature.large{grid-row:span 2;min-height:510px}.feature h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:21px;letter-spacing:-.8px;margin:24px 0 10px}.feature p{color:#67667e;line-height:1.75;font-size:14px}.feature-icon{font-size:30px;display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#ffffffa6}.purple{background:#eee9ff}.cream{background:#fff3dc}.blue{background:#e6f1ff}.mint{background:#e6f7ee}.peach{background:#ffebe7}.mini-lesson{display:flex;align-items:center;gap:13px;background:white;padding:18px;border-radius:15px;margin-top:62px;box-shadow:0 10px 30px #4b318d12}.mini-lesson span{font-size:28px}.mini-lesson strong,.mini-lesson small{display:block}.mini-lesson strong{font-size:13px}.mini-lesson small{color:var(--muted);font-size:11px;margin-top:6px}.steps-section{background:#f7f5ff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.steps>div{background:white;padding:33px;border-radius:20px}.number{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:32px;color:#b8aaf6}.steps h3{font-size:20px}.steps p,.portal-grid p{color:var(--muted);font-size:14px;line-height:1.8}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portal-grid article{border:1px solid #ebe8f3;background:white;border-radius:22px;padding:30px}.portal-emoji{font-size:40px}.portal-grid h3{font-size:21px}.portal-grid a,.text-link{font-weight:800;color:var(--violet);font-size:13px}.safety{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:65px;padding-bottom:110px}.safety h2{font-size:44px}.safety p{color:var(--muted);line-height:1.9}.safety-badges{display:grid;grid-template-columns:1fr 1fr;gap:15px}.safety-badges div{background:#f2efff;border-radius:18px;padding:23px;font-size:25px;min-height:130px}.safety-badges span{display:block;font-size:13px;font-weight:800;margin-top:14px}.cta{background:#6552d9;color:white;text-align:center;padding:95px 0}.cta .eyebrow{color:#d8d0ff}.cta h2{font-size:clamp(36px,4.3vw,56px)}.cta h2 em{color:#fbdc97}.cta p{color:#e5dfff;margin-bottom:29px}.btn.light{background:white;color:var(--violet)!important}footer{background:#fff}.footer-inner{min-height:115px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p{color:var(--muted);font-size:12px}.footer-inner>div{display:flex;gap:22px;font-size:13px;font-weight:700}
@media(max-width:900px){.nav nav{gap:13px}.hero{grid-template-columns:1fr;gap:10px;padding-top:40px}.hero-copy{max-width:690px}.hero-art{min-height:470px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature.large{grid-row:span 2}.strip-inner{justify-content:center}.strip-inner span{flex-basis:100%;text-align:center;max-width:none;margin-top:16px}.safety{gap:30px}}
@media(max-width:640px){.wrap{padding-left:19px;padding-right:19px}.nav{height:72px}.brand{font-size:22px}.menu{display:block}.nav nav{display:none;position:absolute;z-index:20;top:70px;left:12px;right:12px;background:white;border:1px solid #eee;border-radius:18px;padding:22px;box-shadow:0 15px 35px #21174b1a;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.signin{margin-left:0}.hero{padding-bottom:65px}.hero h1{letter-spacing:-2px}.hero-copy>p{font-size:15px}.hero-art{min-height:410px}.lesson-card{padding:17px}.float-note{left:0;bottom:0}.strip-inner strong{font-size:13px}.strip-inner b{display:none}.section{padding-top:70px;padding-bottom:70px}.feature-grid,.steps,.portal-grid,.safety{grid-template-columns:1fr}.feature.large{min-height:350px}.mini-lesson{margin-top:30px}.feature{min-height:220px}.safety{padding-top:55px;padding-bottom:70px}.safety h2{font-size:35px}.safety-badges{gap:10px}.safety-badges div{padding:15px}.footer-inner{flex-direction:column;padding-top:30px;padding-bottom:30px;text-align:center}.actions .btn{width:100%}}