:root{--ink:#16213b;--ink-2:#3d4762;--muted:#55607a;--faint:#8a93a8;--paper:#fbfaf6;--sheet:#fff;--desk:#f1f0eb;--line:#e3e1da;--line-2:#d5d3cb;--blue:#1f5fbf;--blue-dark:#1f4e9c;--blue-tint:#edf2fb;--blue-chip:#e8eef9;--red:#d0312d;--green:#2f8a3e;--orange:#e07b00;--orange-tint:#fdebd3;--hand-ink:#26314f;--sans:"Inter", system-ui, sans-serif;--display:"Space Grotesk", system-ui, sans-serif;--math:"STIX Two Text", "Times New Roman", serif;--hand:"Caveat", "Segoe Print", "Comic Sans MS", cursive}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{font:16px/1.5 var(--sans);color:var(--ink);background:var(--paper);margin:0}a{color:var(--blue)}a:hover{color:var(--ink)}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,p{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hand{font-family:var(--hand)}.math{font-family:var(--math)}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.paper{background-color:var(--sheet);background-image:linear-gradient(#16213b0e 1px,#0000 1px),linear-gradient(90deg,#16213b0e 1px,#0000 1px);background-size:28px 28px}.btn{white-space:nowrap;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{color:#fff;background:#24304f}.btn-light{color:var(--ink);background:#fff}.btn-light:hover{background:var(--paper);color:var(--ink)}.btn-outline{border-color:var(--ink);color:var(--ink);background:0 0}.btn-outline:hover{color:var(--ink);background:#16213b0d}.btn-lg{min-height:52px;font-size:17px}.btn-google{padding-left:12px}.g-mark{width:28px;height:28px;color:var(--ink);font:700 16px var(--display);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.btn-light .g-mark{background:var(--ink);color:#fff}.link-btn{min-height:44px;color:var(--blue);background:0 0;border:0;padding:0 10px;font-weight:600}.link-btn:hover{color:var(--ink)}.icon-btn{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--desk)}.icon-btn[aria-pressed=true]{background:var(--blue-chip)}.logo{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo:hover{color:var(--ink)}.logo span{font:700 22px var(--display);letter-spacing:-.01em}.logo.small span{font-size:19px}.home{background:var(--paper);font-size:17px;line-height:1.55}.wrap{max-width:1200px;margin:0 auto;padding:0 32px}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:22px;display:flex}.site-nav{flex-wrap:wrap;align-items:center;gap:24px;font-size:15px;display:flex}.site-nav a:not(.btn){color:var(--ink);text-decoration:none}.site-nav a:not(.btn):hover{color:var(--blue)}.hero{flex-wrap:wrap;align-items:center;gap:56px;padding-block:56px 96px;display:flex}.hero-copy{flex-direction:column;flex:420px;gap:24px;min-width:0;display:flex}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--blue);font-size:14px;font-weight:600}.hero h1{font:700 clamp(40px, 5.2vw, 64px) / 1.04 var(--display);letter-spacing:-.025em;text-wrap:balance}.lede{color:var(--ink-2);text-wrap:pretty;max-width:34em;font-size:19px}.cta-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.cta-note{color:var(--muted);max-width:22em;font-size:14px}.demo{flex-direction:column;flex:460px;gap:14px;min-width:0;margin:0;display:flex}.demo-page{border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;min-height:330px;padding:28px 30px 32px;display:flex;box-shadow:0 24px 48px -28px #16213b73}.demo-problem{padding-bottom:6px;font-size:22px}.demo-line{color:var(--hand-ink);align-items:center;gap:10px;font-size:34px;line-height:1.25;display:flex}.demo-line.tutor{color:var(--blue);font-size:32px}.caret-mark{flex:none;align-self:flex-end;margin-left:-2px;overflow:visible;transform:translateY(3px)}.blank{vertical-align:-.08em;border:2.5px solid;border-radius:3px;width:.8em;height:.8em;display:inline-block}.caption-slot{min-height:66px;position:relative}.caption{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:15px;display:flex;position:absolute;inset:0}.demo figcaption{color:var(--muted);font-size:13px}.bars{flex:none;align-items:center;gap:3px;height:22px;display:inline-flex}.bars span{background:var(--blue);border-radius:2px;width:3px;height:100%;animation:.9s ease-in-out infinite alternate talk}.bars span:nth-child(2){animation-delay:.2s}.bars span:nth-child(3){animation-delay:.45s}.bars.small{height:16px}.bars.paused span{animation-play-state:paused}.band{border-block:1px solid var(--line);background:#fff}.section{flex-direction:column;gap:44px;padding-block:88px;display:flex}.section h2{font:700 40px / 1.1 var(--display);letter-spacing:-.02em;text-wrap:balance}.steps{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:40px;margin:0;padding:0;list-style:none;display:grid}.steps li{flex-direction:column;gap:12px;display:flex}.step-no{font:700 46px / 1 var(--hand);color:var(--blue)}.steps h3{font-size:21px;font-weight:600}.steps p,.features p{color:var(--ink-2)}.split{flex-wrap:wrap;align-items:flex-start;gap:56px;padding-block:88px;display:flex}.split>h2{font:700 40px / 1.1 var(--display);letter-spacing:-.02em;text-wrap:balance;flex:320px}.features{flex:2 520px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:36px 44px;min-width:0;display:grid}.features>div{flex-direction:column;gap:8px;display:flex}.features h3{font-size:19px;font-weight:600}.dark{background:var(--ink);color:#f3f2ee}.dark h3{color:#fff;font-size:19px;font-weight:600}.dark p{color:#c9ceda}.dark a:not(.btn){color:#fff}.beta-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:40px;display:grid}.beta-grid>div{flex-direction:column;gap:10px;display:flex}.site-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:32px;font-size:14px;display:flex}.site-footer nav{gap:20px;display:flex}.site-footer a{color:var(--muted)}.loop{flex-direction:column;gap:10px;animation:14s infinite loopfade;display:flex}.w1{animation:14s infinite reveal1}.w2{animation:14s infinite reveal2}.w3{animation:14s infinite reveal3}.mk1{stroke-dasharray:1;animation:14s infinite draw1}.mk2{stroke-dasharray:1;animation:14s infinite draw2}.cap1{animation:14s infinite cap1}.cap2{animation:14s infinite cap2}@keyframes loopfade{0%,93%{opacity:1}97%,to{opacity:0}}@keyframes reveal1{0%,4%{clip-path:inset(0 100% 0 0)}16%,to{clip-path:inset(0)}}@keyframes reveal2{0%,30%{clip-path:inset(0 100% 0 0)}40%,to{clip-path:inset(0)}}@keyframes reveal3{0%,55%{clip-path:inset(0 100% 0 0)}70%,to{clip-path:inset(0)}}@keyframes draw1{0%,18%{stroke-dashoffset:1px}24%,to{stroke-dashoffset:0}}@keyframes draw2{0%,72%{stroke-dashoffset:1px}78%,to{stroke-dashoffset:0}}@keyframes cap1{0%,19%{opacity:0;transform:translateY(6px)}23%,52%{opacity:1;transform:none}56%,to{opacity:0}}@keyframes cap2{0%,74%{opacity:0;transform:translateY(6px)}78%,to{opacity:1;transform:none}}@keyframes talk{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.loop,.w1,.w2,.w3,.mk1,.mk2,.cap1,.bars span{animation:none}.cap2{opacity:0;animation:none}}.notice{background:var(--orange-tint);color:var(--ink);border-radius:12px;margin:4px 0 0;padding:12px 16px;font-size:15px}.access{flex-direction:column;min-height:100vh;display:flex}.access main{flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:20px;width:100%;max-width:520px;padding:40px;display:flex;box-shadow:0 18px 40px -28px #16213b80}.card h1{font:700 32px / 1.15 var(--display);letter-spacing:-.02em}.card p{color:var(--ink-2)}.card .small{color:var(--muted);font-size:14px}.request-status:empty{display:none}.request-status{color:#1e5e2b;background:#e6f4ea;border-radius:10px;padding:12px 14px;font-size:15px}.work{background:var(--desk);flex-direction:column;min-height:100vh;display:flex}.app-bar{background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}.app-bar .left,.app-bar .right{align-items:center;gap:14px;display:flex}.chip{background:var(--blue-chip);color:var(--blue-dark);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}.avatar{width:44px;height:44px;color:var(--blue-dark);background:#dce4f3;border:0;border-radius:50%;padding:0;font-weight:700;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.menu-wrap{position:relative}.menu{z-index:20;border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;min-width:220px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 28px -12px #16213b59}.menu .who{color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:6px;padding:8px 10px 10px;font-size:14px}.menu .who strong{color:var(--ink);display:block}.menu a,.menu button{min-height:44px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;padding:0 10px;text-decoration:none;display:flex}.menu a:hover,.menu button:hover{background:var(--desk)}.workspace{flex-wrap:wrap;flex:1;gap:16px;padding:16px;display:flex}.page{border:1px solid var(--line);border-radius:12px;flex:999 560px;min-width:0;min-height:560px;padding:84px 56px 40px;position:relative;box-shadow:0 1px 3px #16213b14}.tools{border:1px solid var(--line);background:#fff;border-radius:12px;gap:4px;padding:4px;display:flex;position:absolute;top:14px;left:14px;box-shadow:0 2px 8px #16213b14}.page-empty{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex;position:absolute;inset:0}.page-empty .hand{color:var(--faint);font-size:42px;line-height:1.1}.page-empty p:last-child{color:var(--muted);font-size:15px}.lines{flex-direction:column;gap:14px;max-width:760px;display:flex}.problem{padding-bottom:8px;font-size:25px}.line{align-items:center;gap:18px;display:flex}.line .no{width:18px;color:var(--faint);flex:none;font-size:13px}.line.tutor .no{color:var(--blue)}.line .hand{color:var(--hand-ink);flex-wrap:wrap;align-items:center;gap:0 6px;font-size:40px;line-height:1.2;display:inline-flex}.line.tutor .hand{color:var(--blue);font-size:38px}.mark-wrap{display:inline-block;position:relative}.mark-wrap>svg{pointer-events:none;position:absolute;overflow:visible}.placeholder-line{color:#a3aaba;margin-top:36px;font-size:30px}.scan{background:#fbfaf6eb;border:1px dashed #b9bfcc;border-radius:10px;flex-direction:column;gap:18px;max-width:760px;padding:22px 26px;display:flex}.scan-label{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.scan .math{font-size:24px;line-height:1.55}.choices{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px 24px;margin:0;padding:0;font-size:22px;list-style:none;display:grid}.tutor-panel{flex-direction:column;flex:360px;gap:12px;min-width:0;max-width:460px;display:flex}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-head h2{font:700 20px var(--display)}.seg{border:1px solid var(--line-2);background:#fff;border-radius:999px;gap:2px;margin:0;padding:3px;display:flex}.seg input{opacity:0;pointer-events:none;position:absolute}.seg label{min-height:40px;color:var(--ink-2);cursor:pointer;border-radius:999px;align-items:center;padding:0 14px;font-size:14px;font-weight:600;display:flex}.seg input:checked+label{background:var(--ink);color:#fff}.seg input:focus-visible+label{outline:3px solid var(--blue);outline-offset:1px}.box{border:1px solid var(--line);background:#fff;border-radius:12px}.photo-cta{flex-direction:column;gap:6px;padding:18px;display:flex}.btn-photo{background:var(--blue);color:#fff;border:0;border-radius:12px;min-height:56px;font-size:17px}.btn-photo:hover{background:var(--blue-dark);color:#fff}.photo-card{align-items:center;gap:14px;padding:10px;display:flex}.thumb{border:1px solid var(--line-2);background:#e9e7e1;border-radius:8px;flex:none;width:112px;height:76px;padding:0;position:relative;overflow:hidden}.thumb i{background:#b5b2a9;border-radius:2px;height:4px;position:absolute}.thumb b{border:2px solid var(--blue);background:#f7f6f2;border-radius:4px;height:26px;position:absolute;top:31px;left:6px;right:8px}.photo-card .meta{flex-direction:column;min-width:0;display:flex}.photo-card .meta span:last-child{color:var(--muted);font-size:14px}.photo-card .link-btn{margin-left:auto}.chat{flex-direction:column;flex:1;gap:10px;min-height:220px;padding:16px;display:flex;overflow:auto}.bubble{max-width:88%;padding:10px 14px}.bubble.tutor{background:var(--blue-tint);border-radius:14px 14px 14px 4px;align-self:flex-start}.bubble.student{background:var(--desk);border-radius:14px 14px 4px;align-self:flex-end}.bubble.speaking{flex-direction:column;gap:8px;display:flex}.upcoming{color:#6b7590}.chat .event{color:var(--muted);align-self:center;font-size:13px}.quick{flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.quick .btn{border-color:var(--line-2);color:var(--ink-2);background:#fff}.quick .btn.primary{border-color:var(--blue);color:var(--blue)}.quick .btn:hover{background:var(--paper)}mark.unsure{background:var(--orange-tint);color:var(--ink);border-radius:3px;padding:0 2px}.player{color:var(--ink-2);align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.player .round{background:var(--blue-chip);width:44px;height:44px;color:var(--blue-dark);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.player .link-btn{margin-left:auto}.composer{align-items:flex-end;gap:8px;display:flex}.composer textarea{resize:none;border:1px solid var(--line-2);min-height:48px;font:inherit;background:#fff;border-radius:12px;flex:1;padding:12px 14px}.mic{background:var(--ink);color:#fff;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.mic:hover{background:#24304f}.end-card{flex-direction:column;gap:14px;padding:18px;display:flex}.end-card h3{align-items:center;gap:8px;font-size:17px;font-weight:600;display:flex}.rate{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;display:flex}.rate div{gap:6px;display:flex}.thumb-btn{border:1px solid var(--line-2);width:44px;height:44px;color:var(--ink-2);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.thumb-btn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.consent{align-items:flex-start;gap:10px;display:flex}.consent input{width:20px;height:20px;accent-color:var(--blue);flex:none;margin:2px 0 0}.consent label{flex-direction:column;gap:2px;font-size:15px;display:flex}.consent label span:last-child{color:var(--muted);font-size:13px}.thanks{color:var(--green);min-height:1.5em;font-size:14px}.btn-block{border-radius:12px;min-height:48px}dialog.photo-view{border:0;border-radius:14px;max-width:min(720px,92vw);padding:0;box-shadow:0 30px 60px -20px #00000080}dialog.photo-view::backdrop{background:#16213b8c}.photo-view .big{aspect-ratio:16/10;background:#e9e7e1;width:min(720px,92vw);position:relative}.photo-view .big i{background:#b5b2a9;border-radius:4px;height:3%;position:absolute;left:6%}.photo-view .big b{border:3px solid var(--blue);background:#f7f6f2;border-radius:6px;height:30%;position:absolute;top:38%;left:4%;right:6%}.photo-view footer{color:var(--muted);justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;display:flex}.mock-nav{z-index:50;font-size:14px;position:fixed;bottom:12px;left:12px}.mock-nav>button{opacity:.92;background:var(--orange);min-height:36px;color:var(--ink);border:0;border-radius:999px;padding:0 12px;font-weight:700;box-shadow:0 6px 16px -6px #0006}.mock-nav ol{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:260px;margin:0;padding:6px;list-style:none;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 12px 28px -12px #16213b59}.mock-nav a{min-height:40px;color:var(--ink);border-radius:8px;align-items:center;padding:0 10px;text-decoration:none;display:flex}.mock-nav a:hover{background:var(--desk)}.mock-nav a[aria-current=page]{background:var(--blue-chip);font-weight:600}@media (width<=720px){.wrap{padding:0 20px}.page{min-height:420px;padding:76px 22px 28px}.line .hand{font-size:32px}.line.tutor .hand{font-size:30px}.problem{font-size:21px}.scan{padding:16px}.scan .math{font-size:20px}.tutor-panel{max-width:none}.card{padding:28px}.app-bar .chip{display:none}}