.landing,.notes-demo{--paper:#f6f6f2;--leaf:#fff;--ink:#1a1c19;--ink-2:#4a4e47;--muted:#7c8079;--line:#e3e4de;--line-soft:#ebece6;--accent:#2a4b8d;--accent-soft:#e7ecf7;--accent-mid:#c9d8f2;--good-mid:#c4e2d1;--pop:0 2px 6px #1a1c191a, 0 14px 34px -14px #1a1c1957;--serif:"Newsreader", Georgia, "Times New Roman", serif;--sans:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}.landing{background:var(--paper);color:var(--ink);font-family:var(--sans);box-sizing:border-box;min-height:100vh;padding:0 20px 48px;overflow-x:clip}.landing>*{max-width:1040px;margin-left:auto;margin-right:auto}.l-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;display:flex}.l-brand{font-family:var(--serif);letter-spacing:-.01em;align-items:center;gap:12px;font-size:26px;font-weight:600;display:inline-flex}.l-brand img{width:40px;height:40px;display:block}.l-hero-mark{width:96px;height:96px;margin:0 0 22px;display:block}.l-nav{align-items:center;gap:18px;font-size:14px;display:flex}.l-nav a{color:var(--ink-2);text-decoration:none}.l-nav a:hover{color:var(--ink)}.l-nav form{display:contents}.l-navbtn{font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:0}.l-navbtn:hover{color:var(--ink)}.l-cta{background:var(--accent);border-radius:8px;padding:12px 20px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block;color:#fff!important}.l-cta.small{padding:7px 14px;font-size:14px}.l-cta:hover{background:#23407a}.l-link{color:var(--accent);font-weight:500;text-decoration:none}.l-link:hover{text-decoration:underline}.l-hero{max-width:760px;padding:56px 0 40px}.l-hero h1{font-family:var(--serif);letter-spacing:-.015em;text-wrap:balance;margin:0 0 18px;font-size:clamp(34px,5.5vw,54px);font-weight:500;line-height:1.08}.l-lede{color:var(--ink-2);max-width:640px;margin:0 0 24px;font-size:18px;line-height:1.55}.l-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.l-fine{color:var(--muted);margin:12px 0 0;font-size:13px}.l-feature{border-top:1px solid var(--line);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:28px 48px;padding:36px 0;display:grid}.l-feature.flip .l-copy{order:2}.l-copy h2{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;margin:0 0 10px;font-size:28px;font-weight:500;line-height:1.15}.l-copy p{color:var(--ink-2);max-width:420px;margin:0;font-size:16px;line-height:1.6}.l-more{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px 32px;padding:44px 0 12px;display:grid}.l-more h3{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 6px;font-size:20px;font-weight:500}.l-more p{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.55}.l-close{text-align:center;padding:40px 0 8px}.l-close h2{font-family:var(--serif);margin:0 0 8px;font-size:28px;font-weight:500}.l-close .l-lede{margin:0 auto 18px}.l-wait{text-align:left;flex-direction:column;gap:10px;max-width:520px;margin:0 auto;display:flex;position:relative}.l-wait-row{gap:8px;display:flex}.l-wait input{min-width:0;font:inherit;border:1px solid var(--line);background:var(--leaf);color:var(--ink);border-radius:8px;flex:1;padding:11px 12px;font-size:15px}.l-wait-done{color:var(--ink-2);text-align:center;margin:0}.l-wait-err{color:#9b2c2c;margin:0;font-size:13px}@media (max-width:600px){.l-wait-row{flex-direction:column}.l-brand img{width:32px;height:32px}.l-hero-mark{width:72px;height:72px}}.l-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:18px;margin-top:40px;padding:40px 0 0;font-size:13px;display:flex}.l-foot a{color:var(--accent);text-decoration:none}.scene{background:var(--leaf);border:1px solid var(--line);box-sizing:border-box;height:340px;font-family:var(--serif);border-radius:12px;padding:22px 26px;font-size:15.5px;line-height:1.55;position:relative;overflow:hidden;box-shadow:0 10px 30px #1a1c190f}.scene.split{grid-template-columns:minmax(0,1fr) 212px;gap:0;padding:0;display:grid}.scene.split .s-sheet{padding:22px}.scene.split .s-panel{overflow:hidden}.s-sheet p{margin:0 0 .9em;position:relative}.s-sheet p:last-child{margin-bottom:0}.s-muted{color:var(--muted)}.s-caret{background:var(--ink);vertical-align:-.18em;width:1.5px;height:1.05em;animation:1s steps(2,end) infinite s-blink;display:inline-block}.s-line{min-height:1.55em}.s-mono{font-family:var(--mono);color:var(--ink-2);font-size:13.5px}.s-sel{background:linear-gradient(var(--accent-mid), var(--accent-mid)) no-repeat 0 0 / 0% 100%;border-radius:2px;padding:0 1px;transition:background-size .8s}.s-sel.on{background-size:100% 100%}.s-sel.working{animation:1.5s ease-in-out infinite s-pulse}.s-new{border-radius:2px;animation:1.6s ease-out forwards s-fadeout}.s-word,.s-char{opacity:0;animation:.25s ease-out forwards s-in}.s-char{animation-duration:50ms}.s-bubble{background:var(--leaf);border:1px solid var(--line);box-shadow:var(--pop);font-family:var(--sans);white-space:nowrap;z-index:3;border-radius:8px;align-items:center;gap:3px;padding:4px;font-size:12px;animation:.18s ease-out s-in;display:inline-flex;position:absolute;bottom:calc(100% + 6px);left:0}.s-bubble.below{top:calc(100% + 6px);bottom:auto}.s-bubble.working{gap:9px;padding:6px 8px 6px 10px}.s-verb{color:var(--ink-2);border-radius:5px;padding:5px 8px;transition:background .15s,color .15s}.s-verb.on{background:var(--accent-soft);color:var(--accent)}.s-vsep{background:var(--line-soft);align-self:stretch;width:1px;margin:2px 3px}.s-input{color:var(--muted);min-width:130px;padding:5px 8px}.s-input.typing{color:var(--ink);min-width:0}.s-spin{border:2px solid var(--accent-mid);border-top-color:var(--accent);border-radius:50%;flex:none;width:12px;height:12px;animation:.7s linear infinite s-spin}.s-label{color:var(--ink-2)}.s-cancel{color:var(--muted);padding:3px 6px}.s-toast{font-family:var(--sans);color:var(--ink-2);background:var(--paper);border:1px solid var(--line);opacity:0;border-radius:6px;padding:5px 9px;font-size:12px;transition:opacity .3s,transform .3s;position:absolute;bottom:12px;right:14px;transform:translateY(4px)}.s-toast.show{opacity:1;transform:none}.s-slash{background:var(--leaf);border:1px solid var(--line);max-width:calc(100% - 34px);box-shadow:var(--pop);font-family:var(--sans);z-index:3;border-radius:8px;padding:5px;font-size:12.5px;animation:.18s ease-out s-in;position:absolute;top:calc(100% + 4px);left:34px}.s-slash-item{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;border-radius:5px;padding:6px 10px 6px 8px;display:block;overflow:hidden}.s-slash-item .s-glyph{margin-right:6px}.s-slash-item.on{background:var(--accent-soft)}.s-slash.pick .s-slash-item.on{background:var(--accent-mid)}.s-glyph{font-family:var(--mono);color:var(--accent);width:18px;font-size:11px}.s-mark{border-radius:2px;padding:0 1px;transition:background .35s}.s-mark.soft{background:var(--accent-soft)}.s-mark.hot{background:var(--accent-mid)}.s-panel{border-left:1px solid var(--line);background:var(--paper);font-family:var(--sans);flex-direction:column;gap:8px;padding:12px;font-size:12px;display:flex}.s-modes{border:1px solid var(--line);border-radius:6px;display:flex;overflow:hidden}.s-modes span{text-align:center;color:var(--muted);flex:1;padding:4px 0}.s-modes span.on{background:var(--leaf);color:var(--ink);font-weight:500}.s-acts{gap:5px;display:flex}.s-act{white-space:nowrap;border:1px solid var(--line);color:var(--ink-2);background:var(--leaf);border-radius:5px;padding:3px 7px;transition:background .15s,color .15s,border-color .15s}.s-act.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.s-state{color:var(--muted);font-size:11px}.s-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.s-head .s-act{padding:2px 6px;font-size:10.5px}.s-standing{color:var(--muted);font-size:10.5px;line-height:1.4}.s-count{background:var(--accent-soft);min-width:14px;color:var(--accent);text-align:center;border-radius:999px;margin-left:4px;padding:0 4px;font-size:9.5px;font-style:normal;line-height:14px;display:inline-block}.s-card.fresh{border-left:2px solid var(--accent)}.s-newtag{color:var(--accent);margin-left:4px;font-style:normal}.s-cards{flex-direction:column;gap:6px;display:flex}.s-card{border:1px solid var(--line);background:var(--leaf);border-radius:6px;flex-direction:column;gap:5px;padding:8px 9px;transition:box-shadow .2s,opacity .3s;animation:.3s ease-out s-up;display:flex}.s-card.hover{box-shadow:0 0 0 1px var(--accent)}.s-card.done{opacity:.5}.s-kind{font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--accent);font-size:9px}.s-note{color:var(--ink-2);font-size:11.5px;line-height:1.4}.s-diff{font-family:var(--serif);flex-direction:column;gap:2px;font-size:12px;line-height:1.4;display:flex}.s-diff s{color:var(--muted);text-decoration-thickness:1px}.s-diff b{color:var(--ink);font-weight:400}.s-row{gap:5px;display:flex}.s-btn{border:1px solid var(--line);color:var(--ink-2);border-radius:5px;padding:3px 8px;font-size:11px;transition:background .15s}.s-btn.apply{border-color:var(--accent);color:var(--accent)}.s-btn.apply.pressed{background:var(--accent-soft)}.s-toggle{border:1px solid var(--line);font-family:var(--sans);border-radius:6px;margin-bottom:14px;font-size:12px;display:inline-flex;overflow:hidden}.s-toggle span{color:var(--muted);padding:4px 12px;transition:background .25s,color .25s}.s-toggle span.on{background:var(--accent-soft);color:var(--accent);font-weight:500}.s-sheet.stack{min-height:150px;position:relative}.s-view{opacity:0;margin:0;transition:opacity .45s;position:absolute;inset:0}.s-view.show{opacity:1}.s-view h3{font-family:var(--serif);margin:0 0 6px;font-size:20px;font-weight:500}.s-view p{margin:0 0 6px}.s-view ul{margin:0;padding-left:20px}.s-code{font-family:var(--mono);color:var(--ink-2);white-space:pre;font-size:12.5px;line-height:1.5;overflow:hidden}.s-exports{font-family:var(--sans);color:var(--muted);align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.s-chip{border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:2px 9px}.notes-demo{max-width:560px;color:var(--ink);margin:12px 0 10px}.notes-demo .scene{height:300px;box-shadow:0 6px 20px #1a1c190f}.notes-demo .s-sheet p{color:var(--ink);line-height:1.55}.notes-demo .s-sheet p.s-muted{color:var(--muted)}.notes-demo .scene.split{grid-template-columns:minmax(0,1fr) 200px}.notes-demo .scene.voice{grid-template-columns:128px minmax(0,1fr);height:320px}.notes-demo .s-vv{padding:10px 14px}.notes-demo .scene.chrome{padding:0}.s-bar{border-bottom:1px solid var(--line);height:44px;font-family:var(--sans);align-items:center;gap:10px;padding:0 12px;font-size:12.5px;display:flex}.s-brand{font-family:var(--serif);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.s-brand svg{width:14px;height:14px}.s-doctitle{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.s-cluster{align-items:center;gap:2px;display:flex;position:relative}.s-ib{width:26px;height:26px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.s-ib svg{width:15px;height:15px}.s-ib.on{background:var(--accent-soft);color:var(--accent)}.s-bugbtn{background:var(--accent-soft);height:26px;color:var(--accent);border:1px solid #0000;border-radius:13px;align-items:center;gap:5px;margin-left:4px;padding:0 9px 0 7px;font-size:11.5px;font-weight:500;transition:border-color .2s;display:inline-flex}.s-bugbtn svg{width:14px;height:14px}.s-bugbtn.hot{border-color:var(--accent)}.s-sep{background:var(--line);width:1px;height:16px;margin:0 5px}.s-acctwrap{position:relative}.s-acct{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:600;transition:box-shadow .2s;display:inline-flex}.s-acct.hot{box-shadow:0 0 0 2px var(--accent-mid)}.s-menu{background:var(--leaf);border:1px solid var(--line);min-width:168px;box-shadow:var(--pop);z-index:4;border-radius:8px;flex-direction:column;padding:5px;animation:.18s ease-out s-in;display:flex;position:absolute;top:calc(100% + 6px);right:0}.s-menulabel{color:var(--muted);padding:5px 8px 2px;font-size:10.5px}.s-menuwho{padding:0 8px 6px;font-size:12px}.s-menuhr{background:var(--line);height:1px;margin:2px 0 4px}.s-menuitem{border-radius:5px;padding:6px 8px;font-size:12.5px;transition:background .15s}.s-menuitem.on{background:var(--accent-soft);color:var(--accent)}.chrome-sheet{padding:20px 24px}.s-cursor{background:var(--accent);opacity:.35;z-index:5;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite s-pulse;position:absolute}.s-dialog{background:var(--leaf);border:1px solid var(--line);width:300px;box-shadow:var(--pop);font-family:var(--sans);z-index:6;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;font-size:12px;animation:.25s ease-out s-up;display:flex;position:absolute;top:82px;left:50%;transform:translate(-50%)}.s-dialoghead{font-size:13px;font-weight:600}.s-tabs{gap:4px;display:flex}.s-tabs span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:11px}.s-tabs span.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-soft)}.s-field{border:1px solid var(--line);min-height:38px;font-family:var(--serif);border-radius:6px;padding:6px 8px;font-size:13px}.scene.voice{grid-template-columns:148px minmax(0,1fr);gap:0;padding:0;display:grid}.scene.voice .s-sheet{padding:22px}.s-rail{border-right:1px solid var(--line);background:var(--paper);font-family:var(--sans);flex-direction:column;gap:3px;padding:10px 8px;font-size:12px;display:flex;position:relative}.s-railvoice{border:1px solid var(--line);background:var(--leaf);border-radius:7px;flex-direction:column;gap:1px;margin-bottom:8px;padding:7px 8px;transition:border-color .2s,background .3s;display:flex}.s-railvoice.hot{border-color:var(--accent)}.s-railvoice.on{background:var(--accent-soft);border-color:var(--accent-soft)}.s-rv-label{color:var(--ink);font-weight:600}.s-rv-state{color:var(--muted);font-size:10.5px;line-height:1.35}.s-railvoice.on .s-rv-label{color:var(--accent)}.s-raillabel{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:4px 8px 2px;font-size:10px}.s-docrow{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;border-radius:5px;padding:5px 8px;overflow:hidden}.s-docrow.on{background:var(--leaf);color:var(--ink)}.s-vv{font-family:var(--sans);flex-direction:column;gap:5px;padding:12px 18px;font-size:12px;animation:.25s ease-out s-in;display:flex;overflow:hidden}.s-vv>*{flex:none}.s-vvhead{justify-content:space-between;align-items:center;display:flex}.s-vvhead b{font-family:var(--serif);font-size:17px;font-weight:500}.s-vvh{color:var(--ink);margin-top:4px;font-size:12px;font-weight:600}.s-box{border:1px solid var(--line);background:var(--paper);font-family:var(--serif);min-height:36px;max-height:6em;color:var(--ink);border-radius:6px;padding:6px 9px;font-size:12.5px;line-height:1.4;transition:border-color .3s;display:block;overflow:hidden}.s-box.filled{border-color:var(--accent-mid)}.s-box.profile{min-height:36px}.s-paste{animation:.3s ease-out s-in}.s-reading{color:var(--muted);font-family:var(--sans);white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:inline-flex}.s-vv .s-btn{white-space:nowrap}.s-quote{font-family:var(--serif);color:var(--ink-2);border-left:2px solid var(--accent-mid);padding-left:9px;font-size:13px;font-style:italic;animation:.3s ease-out s-up}.s-style{text-decoration-skip-ink:none;text-underline-offset:3px;-webkit-text-decoration:underline wavy #0000;text-decoration:underline wavy #0000;transition:text-decoration-color .4s}.s-style.on{text-decoration-color:#8f5a15}.s-tip{background:var(--leaf);border:1px solid var(--line);width:260px;box-shadow:var(--pop);font-family:var(--sans);z-index:4;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;animation:.25s ease-out s-up;display:flex;position:absolute;top:calc(100% + 6px);left:0}.s-tip .s-kind{color:#8f5a15}@keyframes s-blink{to{visibility:hidden}}@keyframes s-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes s-fadeout{0%{background:var(--good-mid)}to{background:0 0}}@keyframes s-in{0%{opacity:0}to{opacity:1}}@keyframes s-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes s-spin{to{transform:rotate(360deg)}}@media (prefers-color-scheme:dark){.landing{--paper:#131512;--leaf:#1b1e1a;--ink:#e8e9e4;--ink-2:#b8bbb3;--muted:#858a82;--line:#2a2e29;--line-soft:#262a22;--accent:#7f9ee0;--accent-soft:#24304a;--accent-mid:#33507f;--good-mid:#2f5943;--pop:0 2px 6px #00000080, 0 16px 40px -16px #000000d9}.l-cta{background:#3b5ea8}.l-cta:hover{background:#4a6fbd}.scene{box-shadow:none}}@media (prefers-reduced-motion:reduce){.scene *,.scene{transition:none!important;animation:none!important}.s-word,.s-char{opacity:1}.s-caret{visibility:visible}}@media (max-width:760px){.l-feature{grid-template-columns:minmax(0,1fr);gap:18px;padding:28px 0}.l-feature.flip .l-copy{order:0}.l-hero{padding-top:32px}.scene{height:300px;padding:18px;font-size:14.5px}.scene.split{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:520px}.scene.split .s-panel{border-left:0;border-top:1px solid var(--line)}.scene.voice{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:460px}.scene.voice .s-rail{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;gap:4px}.scene.voice .s-railvoice{flex:100%;margin:0}.scene.voice .s-raillabel{display:none}.s-bubble{white-space:normal;max-width:100%}}