:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#1d1d1d;background:#fcfbf8;font-size:16px;--line:#dddddd;--muted:#656565;--ink:#1d1d1d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #555}.wrap{width:min(1180px,calc(100% - 96px));margin:auto}.nav{width:min(1340px,calc(100% - 64px));margin:auto;display:flex;justify-content:space-between;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;font-size:16px;font-weight:650;letter-spacing:-.5px}.mark{width:34px;height:36px;border:1px solid #666;border-radius:9px;display:grid;place-items:center;font-size:11px;letter-spacing:-1px}.nav nav{display:flex;align-items:center;gap:30px;font-size:13px}.outline{border:1px solid var(--line);padding:12px 17px;border-radius:7px}.hero{padding:95px 0 100px;display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;line-height:1.6}.dot{display:inline-block;width:6px;height:6px;background:#707070;border-radius:50%;margin-right:8px}h1{font-size:clamp(54px,6vw,82px);font-weight:540;letter-spacing:-5px;line-height:1.05;margin:24px 0}h1 span{color:#909090}.lede{font-size:17px;line-height:1.7;color:var(--muted);max-width:450px}p{line-height:1.75;color:var(--muted)}.actions{display:flex;gap:24px;align-items:center;margin-top:30px}.button{display:inline-flex;justify-content:space-between;gap:22px;background:var(--ink);color:white;padding:16px 22px;border:1px solid var(--ink);border-radius:6px;font-size:13px;font-weight:550;cursor:pointer}.button:hover{background:#3a3a3a}.button:disabled{background:#777777;border-color:#777777;cursor:not-allowed}.quiet{font-size:13px;border-bottom:1px solid #acacac;padding-bottom:4px}.micro{font-size:11px;line-height:1.6}.workspace{border:1px solid #d5d5d5;border-radius:13px;background:#f1f1f1;transform:none}.window-bar{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;font-size:9px;letter-spacing:1px;color:#7a7a7a;border-bottom:1px solid #d8d8d8}.tag{display:inline-block;font-size:9px;letter-spacing:1px;border:1px solid #d0d0d0;padding:7px 9px;border-radius:4px;color:#686868}.notebook{margin:23px;background:white;padding:30px 24px;border:1px solid #e2e2e2;border-radius:7px}.paper-heading{font-size:9px;font-weight:600;letter-spacing:1.4px;color:#797979}.question{font-size:19px;font-weight:550;color:var(--ink);line-height:1.45;margin:19px 0 25px}.choice{border-top:1px solid #ededed;padding:15px 10px;font-size:12px;display:flex;align-items:center;gap:9px;color:#7d7d7d}.selected{border:1px solid #c4c4c4;border-radius:5px;background:#f2f2f2;color:#424242;font-weight:600}.radio{width:10px;height:10px;border:3px solid #919191;border-radius:50%}.checkmark{margin-left:auto}.context-note{margin-top:27px;padding:16px;background:#f7f7f7;border-radius:4px}.context-note span{font-size:9px;letter-spacing:1.2px;color:#767676}.context-note p{font-size:11px;margin:8px 0 0;line-height:1.6}.workspace-foot{padding:0 23px 18px;display:flex;justify-content:space-between;font-size:10px;color:#7d7d7d}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.principles span{font-size:9px;letter-spacing:1.4px}.principles p{font-size:18px;margin:0;color:#505050}.section-number{color:#919191}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:58px;padding:70px 0 90px}.number{font-size:12px;color:#979797}h2{font-size:21px;font-weight:550;letter-spacing:-.7px;line-height:1.3}.three p{font-size:13px}.demo-section{background:#eeeeee;padding:70px 0}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.display{font-size:43px;font-weight:500;line-height:1.15;letter-spacing:-2px;margin:18px 0 23px}.demo-grid p,.materials p,.access p{font-size:14px;max-width:470px}.tabs{display:flex;gap:9px;margin-top:25px}.tabs button{padding:10px 17px;background:transparent;border:1px solid #cdcdcd;border-radius:5px;cursor:pointer;font-size:12px}.tabs [aria-selected=true]{background:white;border-color:#8e8e8e}.demo-card{background:#fff;border:1px solid #d6d6d6;border-radius:10px;padding:35px}.demo-card h3{font-weight:550;line-height:1.5;font-size:21px}.demo-options{font-size:12px;color:#767676;border-bottom:1px solid #e6e6e6;padding-bottom:23px}.answer-label{font-size:9px;letter-spacing:1.5px;color:#8f8f8f;margin-top:23px}#demoAnswer{font-size:23px;color:#414141;margin:10px 0}.materials{padding:95px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px}.formats div{border-bottom:1px solid var(--line);padding:23px 0}.formats div:first-child{border-top:1px solid var(--line)}.formats strong{display:block;font-size:16px;font-weight:550}.formats span{display:block;font-size:12px;color:#7b7b7b;margin-top:8px}.access{border-top:1px solid var(--line);padding:75px 0;display:grid;grid-template-columns:1.2fr 1fr;gap:100px}.access aside{border:1px solid var(--line);border-radius:8px;padding:30px;background:white}.access aside h3{font-weight:500;font-size:25px;letter-spacing:-1px}.access ul{padding-left:18px;font-size:13px;color:var(--muted);line-height:2.2}.access aside .button{width:100%;margin-top:15px}.faq{padding:20px 0 80px;max-width:850px}.faq h2{font-size:32px;font-weight:500;margin-bottom:30px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-size:14px}.faq details p{font-size:13px}.footer{border-top:1px solid var(--line);padding:35px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.footer div{display:flex;gap:22px;font-size:12px}.footer p{width:100%;font-size:10px}.narrow{max-width:780px;padding:65px 0 100px}.narrow h1{font-size:48px;letter-spacing:-2.5px}.panel{border:1px solid var(--line);background:white;border-radius:9px;padding:28px;margin:26px 0}.panel h2{margin-top:0}.notice{border-left:3px solid #939393;background:#efefef;padding:15px 20px;font-size:13px;margin:25px 0}.stack{display:flex;gap:12px;flex-wrap:wrap}.steps li{padding-left:6px;line-height:1.7;margin:18px 0}.muted{color:#7a7a7a}#status{white-space:pre-wrap;font-size:13px}.hidden,[hidden]{display:none!important}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.nav{width:calc(100% - 40px)}.nav nav{gap:18px}.hero{gap:36px;padding-top:65px}h1{font-size:62px;letter-spacing:-3.5px}.three{gap:25px}.demo-grid,.materials,.access{gap:45px}.principles .section-number{display:none}}@media(max-width:650px){.nav nav>a:not(.outline){display:none}.hero,.demo-grid,.materials,.access{grid-template-columns:1fr;gap:40px}.hero{padding:50px 0 65px}h1{font-size:64px}.lede{font-size:15px}.actions{gap:20px;flex-wrap:wrap}.workspace{max-width:480px;transform:none}.principles{align-items:flex-start;flex-direction:column;gap:12px}.principles p{font-size:17px}.three{grid-template-columns:1fr;padding:45px 0;gap:25px}.three h2{margin:12px 0}.demo-section{padding:50px 0}.display{font-size:38px}.materials,.access{padding:55px 0}.footer .brand{width:100%}.narrow{padding-top:40px}.narrow h1{font-size:40px}.panel{padding:22px}.button{min-height:46px}.tag{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Set the worksheet and editorial headings on the same baseline. */
.hero h1, .display, .narrow h1 {
  font-family: Georgia, Cambria, serif;
  font-weight: 400;
  letter-spacing: -.045em;
}
.brand { font-size: 18px; }
.mark { border-radius: 3px; background: var(--ink); color: white; }
.workspace, .demo-card, .notebook, .access aside { border-radius: 3px; }
.window-bar { font-size: 13px; letter-spacing: 0; color: var(--ink); }
.tag { font-size: 11px; padding: 0; border: 0; letter-spacing: 0; }
.narrow .panel { padding: 24px 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; }
@media (max-width:650px) {
  .hero h1 { font-size: clamp(42px, 12vw, 62px); }
  .nav nav a:last-child { display: inline-flex; }
}