:root{color-scheme:light;--paper:#f8f6ef;--ink:#071222;--blue:#437594;--line:#bdd8ea;--bubble:#e5f1fa;--body:'Plus Jakarta Sans',system-ui,sans-serif;--heading:'Gabarito',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.5 var(--body);-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button, a, input{touch-action:manipulation}img{display:block;max-width:100%}svg{display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--heading);line-height:1.04}h2 span,h1 span{color:var(--blue)}.wrap{width:min(1120px,calc(100% - 120px));margin-inline:auto}main.wrap{width:min(960px,calc(100% - 120px))}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 28px;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:13px;font-weight:700;transition:background .15s,transform .15s}.button:hover{background:#356783;transform:translateY(-1px)}:focus-visible{outline:3px solid #437594;outline-offset:4px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;top:8px;left:8px;z-index:20;background:#fff;padding:12px}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo img{width:136px;height:auto}.nav{display:flex;align-items:center;gap:30px;font-size:14px}.nav a:not(.button):hover{text-decoration:underline;text-underline-offset:5px}.menu-toggle{display:none}.hero{text-align:center;padding-top:16px}.hero h1{font-size:clamp(48px,6.6vw,80px);font-weight:800;letter-spacing:-.055em;color:#050a0c;line-height:1.04}.hero h2{font-size:clamp(25px,3.2vw,38px);font-weight:700;letter-spacing:-.025em}.hero-copy{font-size:clamp(16px,1.7vw,20px);margin:7px 0 3px;letter-spacing:-.035em}.course-proof{font-size:14px;margin:0 0 14px;color:#445466}.whiteboard{height:clamp(430px,42vw,480px);position:relative;text-align:left;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 6px 22px #1c21230c;isolation:isolate}.whiteboard:before{content:"";position:absolute;inset:7px;border:1px solid #dcecff;border-radius:7px;background-image:linear-gradient(#dcecff 1px,transparent 1px),linear-gradient(90deg,#dcecff 1px,transparent 1px);background-size:24px 24px;z-index:-1}.whiteboard h3{font-size:26px;font-weight:600;letter-spacing:-.035em;position:absolute;left:36px;top:43px}.triangle{position:absolute;left:5%;top:21%;width:43%;height:62%;overflow:visible}.triangle-outline{fill:none;stroke:var(--ink);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.right-angle{fill:none;stroke:#4796c4;stroke-width:3}.triangle text{fill:var(--ink);font:29px var(--body);letter-spacing:-1px}.triangle .unknown{font-size:44px;font-style:italic}.assistant-float{position:absolute;right:29px;bottom:9px;width:34.5%;max-width:375px;min-width:328px;display:flex;justify-content:flex-end}.mascot-button{height:101px;width:100px;padding:0;border:0;background:none;display:flex;align-items:center;justify-content:center}.mascot-button img{width:94px;height:100px;object-fit:contain;animation:mascot-bob 5.5s ease-in-out infinite}.chat-panel{position:absolute;bottom:109px;right:0;display:flex;flex-direction:column;width:100%;height:330px;padding:12px 16px 9px;border:1px solid var(--line);border-radius:18px;background:#fffffffa;box-shadow:0 5px 18px #26485f16;animation:chat-in .18s ease-out}.chat-panel[hidden]{display:none}.chat-header{display:flex;align-items:center;gap:9px;min-height:44px;margin-bottom:9px}.chat-header img{width:60px;height:43px;object-fit:contain}.chat-header h4{font:700 14px var(--heading);flex:1}.icon-button{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:0;border-radius:50%;background:none;color:var(--ink)}.icon-button:hover{background:var(--bubble)}.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.chat-messages{overflow:auto;overscroll-behavior:contain;flex:1;display:flex;flex-direction:column;gap:12px;padding:0 0 8px;scrollbar-width:thin}.bubble{padding:10px 15px;border-radius:14px;font-size:15px;line-height:1.48;letter-spacing:-.035em;white-space:pre-wrap;overflow-wrap:anywhere}.assistant{background:var(--bubble);align-self:flex-start;max-width:93%}.student{background:var(--blue);color:#fff;align-self:flex-end;max-width:88%;border-bottom-right-radius:3px}.chat-status{font-size:12px;line-height:1.4;color:var(--blue);margin:0;overflow-wrap:anywhere}.chat-status:not(:empty){margin:3px 0 7px}.chat-composer{display:flex;align-items:center;gap:8px}.chat-composer input{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--ink);background:#fff;font-size:14px;height:41px}.chat-composer input::placeholder{color:#697f96}.send-button{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:0;border-radius:50%;background:var(--blue);color:#fff}.send-button:hover{background:#356783}.send-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.demo-privacy{font-size:9px;line-height:1.4;color:#647080;margin:6px 0 0;text-align:center}.chat-next{font-size:13px;color:var(--blue);text-decoration:underline;text-underline-offset:3px}.section-row{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;border-top:1px solid #d6d9d4}.section-row h2{font-size:clamp(30px,4.2vw,51px);font-weight:700;letter-spacing:-.045em;line-height:1}.section-row p:not(.bubble){font-size:clamp(16px,1.85vw,21px);line-height:1.4;letter-spacing:-.035em;margin-top:10px}.hint-section{padding:28px 8px 25px;margin-top:26px}.example-chat{border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px 30px}.example-heading{display:flex;align-items:center;gap:13px;margin-bottom:7px}.example-heading img{width:76px;height:51px;object-fit:contain}.example-heading strong{font:600 17px var(--heading)}.example-chat .bubble{font-size:18px;max-width:none}.family-section{padding:0 8px;min-height:205px;gap:24px}.family-section h2{font-size:clamp(28px,3.8vw,46px)}.books{width:100%;height:205px;object-fit:contain;object-position:center}.courses{text-align:center;margin-top:0;padding:0 0 14px}.courses h2{font-size:clamp(23px,2.8vw,33px);letter-spacing:-.03em}.course-links{display:flex;justify-content:center;gap:14px;margin:12px auto 0;max-width:690px}.course-links a{flex:1;border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px 10px;font-size:14px;font-weight:700;white-space:nowrap}.course-links a:hover,.course-links .course-highlight{background:var(--blue);border-color:var(--blue);color:white}.closing{border-top:1px solid #d6d9d4;text-align:center;padding:18px 0 0}.closing h2{font-size:clamp(25px,3.3vw,38px);letter-spacing:-.035em}.closing .button{margin-top:12px;min-width:190px}.site-footer{padding:0 5px 20px;font-size:13px}.footer-main{display:flex;justify-content:space-between;align-items:center}.footer-main nav{display:flex;gap:28px}.site-footer a:hover{text-decoration:underline}.footer-resources{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;font-size:11px;color:#66727a;margin-top:20px}.chat-panel button:focus-visible{outline-offset:2px}@keyframes mascot-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1.4deg)}}@keyframes chat-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1250px){.chat-panel{height:330px}.whiteboard h3{font-size:27px}.bubble{font-size:16px}.chat-header h4{font-size:15px}.chat-composer input{font-size:15px}.hint-section{padding-block:32px}.family-section,.books{min-height:220px}}
@media(max-width:850px){.wrap,main.wrap{width:calc(100% - 48px)}.site-header{height:78px}.nav{gap:18px;font-size:12px}.logo img{width:112px}.nav .button{padding-inline:18px}.hero h1{font-size:clamp(48px,8vw,68px)}.whiteboard{height:460px}.whiteboard h3{left:25px;top:28px;font-size:23px}.triangle{left:0;top:21%;width:46%;height:58%}.assistant-float{right:20px;min-width:292px;width:42%}.chat-panel{height:304px;padding-inline:12px}.chat-header img{width:47px}.chat-header h4{font-size:13px}.bubble{font-size:14px}.section-row{gap:22px}.example-chat{padding:12px 16px}.example-heading strong{font-size:14px}.example-heading img{width:54px}.example-chat .bubble{font-size:16px}.family-section{min-height:194px}.books{height:180px}.desktop-break{display:none}.course-links{gap:9px}.course-links a{font-size:12px;padding-inline:8px}}
@media(max-width:620px){.wrap,main.wrap{width:calc(100% - 32px)}.site-header{height:72px;position:relative}.logo img{width:110px}.menu-toggle{display:grid;place-items:center;order:2;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.menu-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.nav{display:none;position:absolute;top:66px;right:0;left:0;padding:15px;border:1px solid var(--line);background:#fff;border-radius:13px;box-shadow:0 5px 18px #26485f16;z-index:10;align-items:stretch;gap:3px;font-size:15px}.nav.open{display:flex;flex-direction:column}.nav>a{padding:10px 12px}.hero{padding-top:17px}.hero h1{font-size:clamp(37px,9.1vw,56px);letter-spacing:-.06em;white-space:nowrap}.hero h2{font-size:clamp(23px,6vw,33px);margin-top:5px}.hero-copy{font-size:15px;max-width:300px;margin:9px auto 3px;letter-spacing:-.02em}.course-proof{max-width:330px;margin:0 auto 16px;font-size:12px;line-height:1.4}.whiteboard{height:615px}.whiteboard h3{left:22px;top:23px;font-size:23px}.triangle{left:9%;top:65px;width:77%;height:230px}.triangle text{font-size:29px}.assistant-float{min-width:0;width:calc(100% - 38px);right:19px;bottom:7px;max-width:none}.mascot-button,.mascot-button img{height:70px;width:70px}.chat-panel{bottom:78px;height:235px;padding:8px 12px;border-radius:15px}.chat-header{margin-bottom:4px;min-height:35px}.chat-header img{height:34px;width:46px}.chat-header h4{font-size:14px}.chat-messages{gap:8px}.bubble{padding:8px 12px;font-size:14px}.demo-privacy{font-size:8px;margin-top:4px}.chat-composer input{font-size:16px;height:40px}.send-button{height:40px;width:40px}.section-row{grid-template-columns:1fr;gap:20px;padding:25px 4px}.hint-section{margin-top:23px}.section-row h2{font-size:34px}.section-row p:not(.bubble){font-size:16px;margin-top:10px}.example-chat{padding:12px 18px}.example-heading img{width:61px;height:43px}.example-heading strong{font-size:16px}.example-chat .bubble{font-size:16px}.family-section{gap:9px;padding-bottom:10px}.family-section h2{font-size:32px}.books{height:auto;max-height:190px;width:100%}.courses{padding:10px 0 22px}.courses h2{font-size:25px;max-width:300px;margin:auto}.course-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.course-links a{font-size:14px;padding:10px}.closing{padding:22px 0}.closing h2{font-size:28px;max-width:300px;margin:auto}.closing .button{margin-top:16px}.site-footer{padding:0 0 22px}.footer-main{gap:15px;font-size:10px}.footer-main nav{gap:15px}.footer-resources{font-size:10px;gap:17px;margin-top:17px}}
[hidden]{display:none!important}.restart-chat{align-self:flex-start;border:0;background:none;padding:5px 0 8px;color:var(--blue);font-size:12px;text-decoration:underline;text-underline-offset:3px}
.plans{border-top:1px solid #d6d9d4;padding:28px 0 30px;text-align:center}.plans h2{font-size:clamp(27px,3.2vw,38px);letter-spacing:-.035em}.plans>p{max-width:680px;margin:8px auto 20px;font-size:15px}.plan-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;text-align:left}.plan-option{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px;border:1px solid var(--line);border-radius:13px;background:#fff}.plan-option h3{font-size:23px}.plan-option .plan-price{font:700 29px/1.1 var(--heading);color:var(--blue)}.plan-price s{font:500 15px var(--body);color:#66727a}.plan-option p:not(.plan-price){font-size:15px}.plan-option .button{margin-top:auto}@media(max-width:620px){.plans{padding:24px 0}.plans>p{font-size:14px}.plan-options{grid-template-columns:1fr;gap:12px}.plan-option{padding:19px}.plan-option h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}