:root{--canvas:#ede9df;--paper:#fbf8ef;--graphite:#272621;--pencil:#6f6b62;--ink:#315d72;--rule:#cdd9da;--success:#53715d;--hand:"Noteworthy","Segoe Print","Bradley Hand",cursive;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--graphite);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,pre:focus-visible{outline:3px solid var(--ink);outline-offset:5px}button{border:0}.wrap{width:min(1080px,calc(100% - 64px));margin-inline:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding-block:30px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:700 19px var(--hand)}.brand img{width:36px;height:36px;display:block;border-radius:8px}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav>a{text-decoration:none;color:var(--pencil)}.nav-cta{background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:6px;padding:11px 16px}.nav-cta span{margin-left:10px}.hero{text-align:center;padding:76px 0 65px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--pencil);margin:0 0 24px}.dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--success);margin-right:7px;vertical-align:middle}h1,h2,h3{font-family:var(--hand);font-weight:400}h1{font-size:clamp(42px,5.4vw,65px);line-height:1.35;letter-spacing:-1.5px;margin:0 0 25px}.underlined{color:var(--ink);position:relative;display:inline-block}.underlined svg{position:absolute;width:100%;height:16px;bottom:-4px;left:0;fill:none;stroke:var(--ink);stroke-width:1.5;opacity:.6}.intro{color:var(--pencil);font-size:17px;line-height:1.8;margin:0 0 28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:16px 25px;background:var(--ink);color:var(--paper);border-radius:6px;font-size:14px;font-weight:550;box-shadow:0 3px 0 #234553;transition:transform .2s,background .2s}.button:hover{background:#254d60;transform:translateY(-2px)}.fine{color:var(--pencil);font-size:11px;line-height:1.6;margin:17px 0 0}.compat{font-size:10px;color:var(--pencil);margin-top:8px;letter-spacing:.3px}.demo-section{padding:0 28px 78px}.demo-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px;padding:0 4px}h2{font-size:32px;line-height:1.4;margin:0}.demo-heading h2{font-size:22px}.handwritten{font-family:var(--hand);color:var(--ink)}.demo-note{font-size:16px;transform:rotate(-5deg)}.demo-note span{display:inline-block;font-size:27px;padding-left:8px}.demo{background:var(--canvas);border:1px solid #d9d5ca;border-radius:9px;box-shadow:0 20px 40px -28px #57544866;overflow:hidden}.viewer-bar{height:51px;display:flex;align-items:center;padding:0 20px;gap:15px;border-bottom:1px solid #d9d5ca;background:#f0ede5}.traffic{display:flex;gap:5px}.traffic i{width:7px;height:7px;background:#d0cbbf;border-radius:100%}.file-name{font-size:10px;color:var(--pencil)}.search-box{margin-left:auto;display:flex;align-items:center;gap:8px;border:1px solid #d9d5ca;border-radius:5px;background:var(--paper);padding:7px 10px;width:235px;color:var(--pencil);font-size:10px;min-height:29px}.search-box>span:first-child{font-size:18px;line-height:12px}.search-result{margin-left:auto;font-size:8px;opacity:0;color:var(--success)}.demo-body{display:grid;grid-template-columns:1.12fr 1fr;gap:0;padding:28px 30px 0}.page-viewport{height:435px;overflow:hidden;padding:0 14px;position:relative}.page-viewport:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,var(--canvas))}.paper-page{position:relative;box-shadow:0 3px 15px #27262120;background:#fff;transform:rotate(-1deg);transform-origin:bottom center;transition:transform 1s}.paper-page img{display:block;width:100%;height:auto}.highlight{position:absolute;border-radius:2px;transition:opacity .4s;opacity:0}.search-highlight{left:22%;top:16.35%;width:39%;height:1.45%;background:#e8c76366;border-bottom:1px solid #b29438}.equation-highlight{left:49.5%;top:18.1%;width:31%;height:2.5%;background:#7db5d84d;border:1px solid #598ea68c}.copy-bubble{position:absolute;left:56%;top:15.8%;background:var(--graphite);color:white;border-radius:4px;font-size:10px;padding:6px 9px;opacity:0;transition:opacity .3s;white-space:nowrap}kbd{font:9px monospace;color:#ddd6c6;margin-left:12px}.demo-pointer{position:absolute;left:66%;top:20%;font:30px sans-serif;color:var(--graphite);opacity:0;transition:opacity .3s}.demo-aside{padding:22px 0 16px 38px}.demo-aside>.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:23px}.demo-step{position:relative;padding-left:32px;opacity:.5;transition:opacity .5s}.step-number{position:absolute;left:0;top:5px;font:12px var(--hand);color:var(--ink)}h3{font-size:21px;margin:0 0 9px}.demo-step p{font-size:12px;line-height:1.8;color:var(--pencil);margin:0 0 24px}.paste-window{margin:0 0 15px 32px;background:var(--paper);border:1px solid #d9d5ca;border-radius:5px;opacity:.4;transition:opacity .5s,transform .5s;transform:translateY(4px)}.paste-title{font-size:8px;color:var(--pencil);border-bottom:1px solid #e1ddd3;padding:10px}.paste-title>span:last-child{float:right;font-family:monospace}.paste-title .dot{width:4px;height:4px}pre{font:11px/1.8 ui-monospace,SFMono-Regular,monospace;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;padding:10px 12px;margin:0;min-height:70px}.paste-check{font-size:9px;color:var(--success);display:block;padding:0 12px 12px;opacity:0}.demo-status{font:12px var(--hand);color:var(--ink);margin:0 0 0 32px;min-height:35px}.demo-footer{border-top:1px solid #d9d5ca;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--pencil)}#replay,#pause{background:transparent;color:var(--ink);font-size:10px;padding:5px}#replay span{margin-left:8px}.sample-link{text-align:center;font-size:10px;color:var(--pencil);margin-top:20px}.sample-link a{color:var(--ink)}[data-stage=search] .search-highlight,[data-stage=copy] .equation-highlight,[data-stage=paste] .equation-highlight,[data-stage=done] .equation-highlight,[data-stage=copy] .copy-bubble,[data-stage=copy] .demo-pointer{opacity:1}[data-stage=search] .search-result,[data-stage=search] .search-step,[data-stage=copy] .copy-step,[data-stage=paste] .copy-step,[data-stage=done] .copy-step,[data-stage=paste] .paste-window,[data-stage=done] .paste-window,[data-stage=paste] .paste-check,[data-stage=done] .paste-check{opacity:1}[data-stage=paste] .paste-window,[data-stage=done] .paste-window{transform:translateY(0)}[data-stage=copy] .paper-page{transform:rotate(0)}.benefits{padding:54px 0 64px;border-top:1px solid #ddd8cc}.benefits>.eyebrow,.pricing .eyebrow{margin-bottom:14px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:40px}.benefit-mark{color:var(--ink);font:33px var(--hand);display:block;margin-bottom:15px}.benefit-grid h3{font-size:22px}.benefit-grid p{font-size:13px;line-height:1.85;color:var(--pencil);margin:0}.math-note{display:flex;align-items:center;gap:28px;border-top:1px dashed #c9c5b8;margin-top:39px;padding-top:25px}.math-note .handwritten{font-size:19px;white-space:nowrap;transform:rotate(-2deg)}.math-note p{font-size:12px;color:var(--pencil);line-height:1.8;margin:0}.story{padding:64px 0;display:grid;grid-template-columns:1fr 1.12fr;gap:65px;border-top:1px solid #ddd8cc}.story-label .eyebrow{margin-bottom:16px}.story-sign{display:block;margin-top:28px;font-size:17px;transform:rotate(-4deg)}.story-copy p{font-size:14px;color:var(--pencil);line-height:1.95;margin:0 0 17px}.story-copy p:last-child{margin-bottom:0}.pricing{border-top:1px solid #ddd8cc;padding:70px 0;display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.pricing-intro{font-size:14px;color:var(--pencil);line-height:1.9;margin-top:23px}.price-card{background:#f2efe5;border:1px solid #d5d0c2;border-radius:6px;padding:30px}.price-label{font-size:9px;letter-spacing:1.8px;color:var(--pencil)}.price{font:43px var(--hand);margin:14px 0 20px;line-height:1.3}.price span{font:10px -apple-system,sans-serif;color:var(--pencil);display:block;margin-top:6px}ul{list-style:none;padding:0;margin:0 0 25px;font-size:12px;line-height:2.3}li:before{content:"✓";color:var(--success);margin-right:10px}.price-card .button{width:100%}.price-card .fine{text-align:center;margin-top:13px}.renewal{font-size:11px;line-height:1.8;color:var(--pencil);border-top:1px solid #d5d0c2;margin-top:22px;padding-top:18px}.renewal strong{color:var(--graphite)}.faq{width:min(760px,calc(100% - 64px));border-top:1px solid #ddd8cc;padding:54px 0 0}.faq h2{font-size:28px;margin-bottom:30px}details{border-bottom:1px solid #ddd8cc}summary{cursor:pointer;list-style:none;position:relative;padding:19px 25px 19px 0;font-size:13px}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:3px;color:var(--ink);font-size:19px;top:14px}details[open] summary:after{content:"−"}details p{font-size:13px;color:var(--pencil);line-height:1.9;margin:0 25px 20px 0}.closing{text-align:center;padding:83px 0 75px}.closing>.handwritten{font-size:21px}.closing h2{font-size:45px;margin:4px 0 25px}footer{border-top:1px solid #ddd8cc;display:flex;justify-content:space-between;padding:25px 0;font-size:9px;color:var(--pencil)}footer>span:first-child{font:13px var(--hand);color:var(--graphite)}.skip{position:fixed;top:-100px;left:15px;background:var(--paper);padding:12px;z-index:10}.skip:focus{top:15px}dialog{color:var(--graphite);background:var(--paper);border:1px solid var(--rule);border-radius:10px;max-width:460px;width:calc(100% - 40px);padding:38px}dialog::backdrop{background:#27262166}dialog h2{font-size:27px}dialog p{color:var(--pencil);font-size:14px;line-height:1.8}.dialog-close{position:absolute;right:12px;top:7px;font-size:28px;background:none;color:var(--pencil)}.dialog-dismiss{margin-top:10px}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{padding-block:21px}.brand{font-size:15px;gap:8px}.brand img{width:30px;height:30px}nav{gap:14px}nav>a{display:none}.nav-cta{font-size:11px;padding:9px 12px}.hero{padding:57px 0 47px}h1{font-size:40px;letter-spacing:-1px}.intro{font-size:14px}.eyebrow{font-size:8px}.demo-section{padding:0 0 46px}.demo-heading h2{font-size:18px}.demo-note{font-size:11px}.demo-note span{font-size:20px;padding-left:1px}.viewer-bar{padding:0 10px;gap:8px}.traffic{display:none}.file-name{font-size:8px;max-width:110px}.search-box{width:175px;font-size:9px}.demo-body{grid-template-columns:1fr;padding:21px 20px 0}.page-viewport{height:300px;padding:0 15px}.paper-page{max-width:430px;margin:auto}.demo-aside{padding:23px 12px 20px}.demo-aside>.eyebrow{margin-bottom:18px}.demo-step p{margin-bottom:16px}.paste-window{margin-left:32px}.demo-footer{padding:9px 10px}.demo-footer>span{max-width:190px;font-size:8px}.benefits{padding:40px 0}h2{font-size:27px}.benefit-grid{grid-template-columns:1fr;gap:28px;margin-top:28px}.benefit-mark{float:left;width:45px;margin-top:0}.benefit-grid h3,.benefit-grid p{margin-left:50px}.benefit-grid h3{font-size:21px}.math-note{display:block}.math-note p{margin-top:14px}.story{grid-template-columns:1fr;gap:25px;padding:43px 0}.story-sign{margin-top:16px}.pricing{grid-template-columns:1fr;gap:23px;padding:44px 0}.pricing-intro br{display:none}.price-card{padding:25px}.faq{padding-top:40px}.faq h2{font-size:24px}.closing{padding:60px 0}footer{gap:15px;flex-wrap:wrap}footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.paper-page{transform:none}}

/* A more editorial first screen, with the real page doing the talking. */
.nav{border-bottom:1px solid #e7e2d6;padding-block:22px}.hero{display:block;text-align:center;padding:68px 0 76px}.hero-copy{max-width:680px;margin-inline:auto}.hero .eyebrow{margin-bottom:22px}.hero h1{font-size:clamp(43px,5vw,62px);line-height:1.28;margin-bottom:20px}.hero .intro{max-width:560px;margin-inline:auto;font-size:17px;line-height:1.7}.hero .button{margin-top:2px}.hero .fine{font-size:12px}.benefits>h2{max-width:480px}.benefits{padding-top:64px}.price-card{box-shadow:0 14px 35px -30px #27262170}.faq details[open] summary{color:var(--ink)}
@media(max-width:760px){.nav{padding-block:16px}.hero{grid-template-columns:1fr;gap:32px;text-align:center;padding:48px 0 52px}.hero-copy{margin-inline:auto}.hero h1{font-size:40px}.hero .intro{margin-inline:auto}.hero .fine{font-size:11px}}

.nav-cta:hover{background:#e7eff0;box-shadow:0 2px 0 #b9cacc}#replay:hover,#pause:hover{background:#e5e1d7;text-decoration:underline}.dialog-close:hover{color:var(--ink);background:#ede9df;border-radius:4px}

.hero .intro{margin:0 auto 18px}.hero .button{margin-top:0}.hero .fine{max-width:390px;margin:14px auto 0;line-height:1.5}.hero .compat{margin-top:4px;line-height:1.5}@media(max-width:760px){.hero .fine{max-width:320px}}


.search-highlight{left:23%;top:9.3%;width:30%;height:1.8%}.equation-highlight{left:40%;top:17.3%;width:33%;height:3%}.copy-bubble{left:44%;top:14.4%}.demo-pointer{left:69%;top:18.8%}

.button,.nav-cta{text-decoration:none}

.download-fallback{font-size:11px;line-height:1.6;color:var(--pencil);margin:10px auto 0;text-align:center}.download-fallback a{color:var(--ink)}.download-fallback a:hover{text-decoration-thickness:2px}