:root{--red:#e8452c;--blue:#0b4fc4;--yellow:#ffb81c;--ink:#1d1d1d;--mute:#666;--paper:#fbfaf6;--line:#d8e6f3;--border:#e6e3da;--note:#fff3b0;--note-border:#f0dc70}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}a{color:inherit}:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.wrap{max-width:1080px;margin:0 auto;padding:24px}.nav{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:8px;font-family:Caveat Brush,cursive;font-size:34px;text-decoration:none;display:flex}.logo img,.footer img{object-fit:contain}.btn{cursor:pointer;background:var(--blue);color:#fff;border:0;border-radius:10px;padding:10px 20px;font:600 15px Inter,sans-serif;text-decoration:none;transition:transform .1s,opacity .1s;display:inline-block}.btn:hover{opacity:.9;transform:translateY(-1px)}.hero{max-width:880px;margin-left:max(0px,50% - 540px);padding-top:88px;padding-bottom:40px}h1,h2,h3{font-family:Caveat Brush,cursive;font-weight:400}h1{font-size:clamp(46px,8vw,88px);line-height:1}h1 u{background:linear-gradient(transparent 62%, var(--yellow) 62%);text-decoration:none}.hero p{color:var(--mute);margin:20px 0 28px;font-size:19px}.cta-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.cta-note{color:var(--mute);font-size:14px}.demo{padding-top:24px;padding-bottom:24px}.tablet{border:1.5px solid var(--border);background:#fff;border-radius:24px;grid-template-columns:1.4fr 1fr;gap:16px;padding:20px;display:grid;box-shadow:0 16px 40px #0b4fc41a}.work{background:#fff repeating-linear-gradient(transparent 0 35px, var(--line) 35px 36px);border-radius:14px;min-height:220px;padding:12px 24px;font-family:Caveat Brush,cursive;font-size:30px;line-height:36px;position:relative}.circled{border:2px solid var(--red);border-radius:999px;padding:0 8px}.hint{color:var(--red);font-size:22px;position:absolute;top:52px;right:20px;transform:rotate(-3deg)}.chat{flex-direction:column;justify-content:flex-end;gap:8px;font-size:14px;display:flex}.bubble{border-radius:14px;max-width:90%;padding:10px 14px}.bubble.student{background:#f1efe8;align-self:flex-start}.bubble.bene{background:var(--blue);color:#fff;align-self:flex-end}.bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:170px;gap:14px;padding-top:40px;display:grid}.tile{border:1.5px solid var(--border);background:#fff;border-radius:18px;flex-direction:column;justify-content:flex-end;padding:22px;display:flex}.tile h3{font-size:28px}.tile p{color:var(--mute);font-size:14px}.tile.big{background:var(--blue);color:#fff;border-color:var(--blue);grid-area:span 2/span 2}.tile.big h3{font-size:44px}.tile.big p{color:#dbe6ff;font-size:16px}.tile.note{background:var(--note);border-color:var(--note-border);transform:rotate(-1.5deg)}.tile.lined{background:#fff repeating-linear-gradient(transparent 0 23px, var(--line) 23px 24px)}.steps{padding-top:96px}.steps h2,.join h2{margin-bottom:24px;font-size:clamp(36px,5vw,52px);line-height:1.05}.steps ol{grid-template-columns:repeat(3,1fr);gap:24px;padding:0;list-style:none;display:grid}.num{background:var(--yellow);border-radius:50%;place-items:center;width:36px;height:36px;margin-bottom:12px;font-weight:600;display:inline-grid}.steps h3{font-size:28px}.steps p{color:var(--mute);margin-top:4px;font-size:15px}.join{background:var(--note);border:1.5px solid var(--note-border);text-align:center;border-radius:24px;max-width:1032px;margin-top:96px;padding:48px 32px}.join p{color:#5a4f1c;margin-bottom:24px}.join form{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.join input{border:1.5px solid var(--note-border);background:#fff;border-radius:10px;min-width:260px;padding:10px 14px;font:400 15px Inter,sans-serif}.footer{color:var(--mute);align-items:center;gap:8px;padding-top:48px;padding-bottom:32px;font-size:14px;display:flex}@media (width<=700px){.bento{grid-template-columns:1fr 1fr}.tablet,.steps ol{grid-template-columns:1fr}.hero{padding-top:48px}.join{margin-left:24px;margin-right:24px}}