@font-face{font-family:Atkinson Hyperlegible Next;src:url(/fonts/atkinson-next-latin.woff2)format("woff2");font-weight:400 800;font-display:swap}:root{--ink:#18212b;--ink-2:#3a4553;--muted:#566170;--paper:#fff;--harbor:#eaf0f6;--line:#d3dae3;--blue:#2f4bce;--blue-ink:#1e3399;--orange:#d9730d;--orange-ink:#8a4300;--green:#0f766e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);margin:0;font:400 18px/1.55 Atkinson Hyperlegible Next,system-ui,sans-serif}a{color:var(--blue);text-underline-offset:3px}a:hover{color:var(--blue-ink)}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.1}p{text-wrap:pretty;margin:0}li{text-wrap:pretty}::selection{color:var(--ink);background:#ffd9b3}input,textarea{caret-color:var(--blue)}html{scrollbar-color:#b9c3cf transparent}.on-narrow{display:none}.wrap{max-width:1240px;margin-inline:auto;padding-inline:24px}.narrow{max-width:760px}.nav{justify-content:space-between;align-items:center;gap:16px;padding-block:20px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.brand svg{color:var(--blue)}.nav-links{align-items:center;gap:24px;font-size:16px;display:flex}.nav-links a{color:var(--ink-2);text-decoration:none}.nav-links a:hover{color:var(--blue)}.nav-links .nav-cta{color:var(--blue);font-weight:700}.hero{padding-block:24px 72px}.hero h1{max-width:30ch;font-size:clamp(32px,3.4vw,46px);font-weight:800;line-height:1.06}.hero-sub{text-wrap:balance;color:var(--ink-2);max-width:58ch;margin-top:14px;font-size:19px}.demo{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:28px;margin-top:22px;display:grid}.demo-coach{position:sticky;top:24px}.demo-stage{--stage-h:min(560px, calc(100svh - 84px));background:var(--harbor);min-height:var(--stage-h);border-radius:18px;padding:18px;display:flex}.demo-book{min-width:0;height:var(--stage-h);flex:auto}.demo-book .gradebook{flex-direction:column;max-height:100%;display:flex}.demo-panel{width:360px;height:var(--stage-h);background:#fff;border-radius:12px;flex-shrink:0;margin-left:16px;overflow:hidden;box-shadow:0 1px 2px #18212b14,0 12px 32px #18212b1f}.coach-steps{counter-reset:step;flex-direction:column;gap:2px;margin:0 0 22px;padding:0;list-style:none;display:flex}.coach-steps li{counter-increment:step;color:var(--muted);align-items:center;gap:10px;padding:4px 0;font-size:15px;display:flex}.coach-steps li:before{content:attr(data-n);border:1.5px solid var(--line);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:inline-flex}.coach-steps li.is-now{color:var(--ink);font-weight:700}.coach-steps li.is-now:before{border-color:var(--blue);background:var(--blue);color:#fff}.coach-steps li.is-done{color:var(--ink-2)}.coach-of{display:none}.demo-book,.demo-panel{scroll-margin-top:12px}.coach-steps li.is-done:before{content:"";border-color:var(--green);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f766e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") 50%/14px no-repeat}.coach-now{border-top:2px solid var(--ink);flex-direction:column;gap:12px;padding-top:18px;display:flex}.coach-now h2{font-size:26px;font-weight:800;line-height:1.15}.coach-now p{color:var(--ink-2)}.coach-now .coach-aside{color:var(--muted);font-size:16px}.coach-cta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.coach-now .coach-it{color:var(--muted);font-size:15px}.coach-it a{color:var(--ink);font-weight:600}.btn-big{text-align:center;background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-self:flex-start;align-items:center;min-height:50px;padding:12px 24px;font-family:inherit;font-size:17px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.btn-big:hover{background:var(--blue-ink);color:#fff}.btn-quiet{border:1.5px solid var(--line);min-height:50px;color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;padding:0 18px;font-family:inherit;font-size:16px;font-weight:600}.gradebook{background:#fff;border-radius:12px;font-size:14px;overflow:hidden;box-shadow:0 1px 2px #18212b14}.gb-top{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 14px;display:flex}.gb-top div{flex-direction:column;flex-grow:1;line-height:1.25;display:flex}.gb-top div span{color:var(--muted);font-size:13px}.gb-status{color:var(--orange-ink);white-space:nowrap;font-size:13px}.gb-top div span{white-space:nowrap}.gb-save{color:#6b7480;background:#e7ebf0;border:none;border-radius:8px;min-height:36px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:700}.gb-save:not(:disabled){cursor:pointer;background:var(--ink);color:#fff}.gb-save-due{animation:1.6s ease-in-out 3 save-due;box-shadow:0 0 0 4px #d9730d4d}@keyframes save-due{50%{box-shadow:0 0 0 6px #d9730d59}}.gb-grid{flex:auto;min-height:0;position:relative;overflow:auto}.gb-row{border-bottom:1px solid #eef1f5;grid-template-columns:minmax(150px,1.6fr) repeat(3,minmax(76px,1fr));align-items:center;display:grid}.gb-head{z-index:1;color:var(--ink-2);background:#f6f8fa;font-weight:700;position:sticky;top:0}.gb-head .gb-col{flex-direction:column;padding:8px 10px;line-height:1.2;display:flex}.gb-head small{color:var(--muted);font-weight:400}.gb-name{white-space:nowrap;text-overflow:ellipsis;padding:6px 12px;overflow:hidden}.gb-cell{border:1px solid var(--line);width:calc(100% - 12px);font:inherit;font-variant-numeric:tabular-nums;color:var(--ink);background:#fff;border-radius:6px;margin:4px 6px;padding:5px 8px}.gb-cell:focus{outline:2px solid var(--blue);outline-offset:0}.gb-filled{border:2px solid var(--orange);padding:4px 7px;font-weight:700}[data-step=click] .gb-col-quiz{background:#2f4bce0f}.gradebook[data-column=lab] .gb-head .gb-col-lab,.gradebook[data-column=quiz] .gb-head .gb-col-quiz,.gradebook[data-column=essay] .gb-head .gb-col-essay{color:var(--blue);box-shadow:inset 0 -3px 0 var(--blue)}[data-step=click] .gb-head .gb-col-quiz{color:var(--blue)}[data-step=click] .gradebook:not([data-column]) .gb-cell.gb-col-quiz{border-style:dashed;border-color:var(--blue)}.gb-annot{color:var(--orange-ink);background:#fff6ec;border-bottom:1px solid #f3dcc3;align-items:flex-start;gap:8px;margin:0;padding:8px 12px;font-size:14px;line-height:1.4;display:flex}.gb-annot svg,.gb-save-note svg{flex-shrink:0;margin-top:1px}.gb-annot[hidden],.gb-save-note[hidden]{display:none}.gb-save-note{color:var(--orange-ink);background:#fff6ec;border-bottom:1px solid #f3dcc3;align-items:center;gap:8px;margin:0;padding:8px 14px;font-size:14px;font-weight:700;display:flex}.ferry-chip{background:var(--orange);color:#fff;pointer-events:none;border-radius:6px;padding:2px 9px;font:800 14px/1.5 Atkinson Hyperlegible Next,system-ui,sans-serif;position:absolute;box-shadow:0 4px 12px #8a43004d}.it-sheet{background:var(--harbor);padding-block:72px}.it-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:48px;display:grid}.it-copy h2{font-size:clamp(26px,2.8vw,36px);font-weight:800}.it-copy p{color:var(--ink-2);max-width:52ch;margin-top:14px}.sheet{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #18212b14}.sheet table{border-collapse:collapse;width:100%;font-size:16px}.sheet-title{caption-side:top;text-align:left;border-bottom:1px solid var(--line);padding:12px 16px;font-weight:800}.sheet thead th{text-align:left;color:var(--muted);background:#f6f8fa;padding:8px 16px;font-size:14px}.sheet tbody th{text-align:left;vertical-align:top;white-space:nowrap;padding:12px 16px;font-weight:700}.sheet tbody td{color:var(--ink-2);padding:12px 16px 12px 0}.sheet tbody tr{border-top:1px solid #eef1f5}.sheet tbody .sheet-note-row td{padding:0}.sheet-note{color:var(--orange-ink);background:#fff6ec;align-items:center;gap:8px;margin:0;padding:8px 16px;font-size:15px;font-weight:700;display:flex}.sheet-note:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a4300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 6v5c0 4.5 3 8 7 10 4-2 7-5.5 7-10V6z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") 50%/16px no-repeat;flex-shrink:0;width:16px;height:16px}.beta .beta-note{color:var(--orange-ink);border-radius:8px;margin-block:0 24px;display:inline-flex}.beta .beta-note:before{display:none}.faq{padding-block:72px}.faq h2{margin-bottom:24px;font-size:clamp(28px,3vw,38px);font-weight:800}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-size:19px;font-weight:700}details p{color:var(--ink-2);margin-top:10px}.beta{background:var(--harbor);padding-block:72px}.beta h2{max-width:22ch;font-size:clamp(28px,3vw,40px);font-weight:800}.beta p{color:var(--ink-2);max-width:60ch;margin-block:14px 24px}.beta .beta-contact{color:var(--muted);margin-block:18px 0;font-size:16px}footer{color:var(--muted);padding-block:28px 40px;font-size:14px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:12px 24px;display:flex}footer nav{flex-wrap:wrap;gap:18px;display:flex}.doc{padding-block:24px 64px}.doc h1{margin-bottom:12px;font-size:38px;font-weight:800;line-height:1.1}.doc h2{margin:36px 0 10px;font-size:23px;font-weight:800}.doc p,.doc li{color:var(--ink-2);max-width:33em}.doc p+p{margin-top:12px}.doc table{border-collapse:collapse;width:100%;margin:12px 0;font-size:16px}.doc th,.doc td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px}.doc th{background:#f6f8fa}.table-box{overflow-x:auto}.updated{color:var(--muted);font-size:15px}@media (width<=1100px){.demo{grid-template-columns:minmax(0,1fr)}.demo-coach{position:static}.coach-steps{flex-flow:wrap;gap:4px 16px}}@media (width<=860px){.nav-links a:not(.nav-cta),.on-wide{display:none}.on-narrow{display:inline}.demo[data-started=false] .demo-coach{box-shadow:none;margin-inline:0;padding-inline:0;position:static}.demo-coach{z-index:5;background:#fff;order:2;margin-inline:-24px;padding:12px 24px 14px;position:sticky;bottom:0;box-shadow:0 -6px 18px #18212b1f}.coach-steps{margin-bottom:6px}.coach-steps li:not(.is-now){display:none}.coach-of{color:var(--muted);font-weight:400;display:inline}.nav-links .nav-cta,footer nav a{align-items:center;min-height:44px;display:inline-flex}.coach-now{border-top:none;gap:8px;padding-top:0}.coach-now h2{font-size:20px}.coach-now p{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15px;display:-webkit-box;overflow:hidden}.coach-now .coach-aside{-webkit-line-clamp:2;font-size:14px}.btn-big{min-height:46px;font-size:16px}.demo-stage{flex-direction:column-reverse;min-height:0;padding:12px}.demo-panel{width:100%;height:560px;margin:0 0 12px}.demo-stage{--stage-h:560px}.demo-book{height:auto}.gb-grid{max-height:360px}.it-inner{grid-template-columns:minmax(0,1fr);gap:28px}.sheet tbody th{white-space:normal}}@media (prefers-reduced-motion:reduce){.gb-save-due{animation:none;box-shadow:0 0 0 4px #d9730d59}}@media print{.nav-links,footer{display:none}body{font-size:12pt}}.gb-moved{background:#fff6ec;border:1px solid #f3c79a;font-weight:700}.gb-flight{pointer-events:none;position:absolute;top:0;left:0;overflow:hidden}