.qnoto-landing .cb-hero-brand-row{justify-content:center;align-items:center;gap:var(--space-2)}.qnoto-landing .cb-hero-brand{display:flex;align-items:center;height:5rem;font-size:clamp(3.15rem,2.45rem + 2.8vw,5.25rem);line-height:1}.qnoto-landing .cb-hero-brand .text-gradient{translate:0 -.08em}.qnoto-landing .qn-hero-heading{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.qnoto-landing .qn-hero-lead{margin:0;font-family:var(--font-sans);font-size:var(--fs-para-s);font-weight:var(--fw-regular);line-height:var(--lh-normal);letter-spacing:var(--ls-tight);color:var(--text-muted)}.qn-hero-demo{width:100%;min-width:0;padding-bottom:var(--space-6)}.qn-demo-mac{position:relative;width:100%;--demo-osbar-bg: rgb(8 28 48 / .28);--demo-osbar-text: rgb(255 255 255 / .94);--demo-hw-bg: #050506;--demo-camera-bg: #121214;--demo-camera-border: #5a5a60;--demo-camera-lens: #0a0a0c;--demo-panel-bg: #161616;--demo-panel-text: #fff;--demo-panel-border: rgb(255 255 255 / .1);--demo-dot-bg: rgb(255 255 255 / .28);--demo-dot-active: #fff;--demo-add-text: rgb(255 255 255 / .85);--demo-placeholder-text: rgb(255 255 255 / .58);--demo-toolbar-text: rgb(255 255 255 / .78);--demo-quote-border: rgb(255 255 255 / .35);--demo-todo-border: rgb(255 255 255 / .55);--demo-todo-done: rgb(255 255 255 / .55);--demo-focus-outline: #fff;--demo-font-ui: -apple-system, "PingFang SC", sans-serif;--demo-font-editor: "PingFang SC", Helvetica, sans-serif;--demo-font-toolbar: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif}.qn-demo-photo{display:block;width:100%;height:auto}.qn-demo-lcd{position:absolute;top:2.9%;left:10%;z-index:1;width:80.1%;height:86%;overflow:hidden;border-radius:.85rem .85rem .22rem .22rem}.qn-demo-wallpaper{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.qn-demo-osbar{position:absolute;top:0;right:0;left:0;z-index:3;display:flex;align-items:center;gap:.55em;height:4.2%;min-height:1.1rem;padding:0 .85em;background:var(--demo-osbar-bg);font-family:var(--demo-font-ui);font-size:clamp(.38rem,.85vw,.48rem);font-weight:500;color:var(--demo-osbar-text)}.qn-demo-os-apple{flex-shrink:0;width:.72em;height:.86em}.qn-demo-os-status{display:flex;align-items:center;gap:.45em;margin-left:auto;font-variant-numeric:tabular-nums}.qn-demo-os-wifi{display:block;width:.95em;height:.95em}.qn-demo-hw-notch{position:absolute;top:0;left:50%;z-index:5;width:12%;height:3.6%;background:var(--demo-hw-bg);border-radius:0 0 .32rem .32rem;transform:translate(-50%);pointer-events:none}.qn-demo-camera{position:absolute;top:48%;left:50%;z-index:1;width:.5rem;height:.5rem;background:var(--demo-camera-bg);border:1px solid var(--demo-camera-border);border-radius:var(--radius-round);transform:translate(-50%,-50%)}.qn-demo-camera:after{position:absolute;top:50%;left:50%;width:.22rem;height:.22rem;background:var(--demo-camera-lens);border-radius:var(--radius-round);transform:translate(-50%,-50%);content:""}.qn-demo-overlay{position:absolute;top:0;left:50%;z-index:4;width:12%;height:3.6%;overflow:hidden;color:var(--demo-panel-text);font-family:var(--demo-font-editor);background:var(--demo-panel-bg);border-radius:0 0 .32rem .32rem;transform:translate(-50%);color-scheme:dark;container-type:inline-size}.qn-hero-demo[data-open=true] .qn-demo-overlay{width:51%;height:47%;border:var(--border-w) solid var(--demo-panel-border);border-top:0;border-radius:0 0 3.3% 3.3%}.qn-demo-notch{position:absolute;inset:0;z-index:3;padding:0;border:0;background:var(--demo-panel-bg);cursor:default}.qn-hero-demo[data-open=true] .qn-demo-notch{right:0;bottom:auto;z-index:1;height:2.67em;font-size:2.87cqi;background:transparent;pointer-events:none}.qn-demo-notch:focus-visible{outline:var(--focus-w) solid var(--demo-focus-outline);outline-offset:var(--focus-offset)}.qn-demo-panel{position:relative;z-index:4;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;font-size:2.87cqi;opacity:0}.qn-hero-demo[data-open=true] .qn-demo-panel{opacity:1}.qn-demo-tabs{display:flex;align-items:center;gap:.5em;min-height:2.67em;padding:0 .83em}.qn-demo-dots{display:flex;gap:.5em}.qn-demo-dots button{width:1.91cqi;height:1.91cqi;padding:0;border:0;border-radius:var(--radius-round);appearance:none;background:var(--demo-dot-bg);font-size:inherit;cursor:default}.qn-demo-dots button.is-active{background:var(--demo-dot-active)}.qn-demo-dots button:focus-visible{outline:var(--focus-w) solid var(--demo-focus-outline);outline-offset:2px}.qn-demo-add{margin-left:auto;padding:0;border:0;background:transparent;font-family:var(--demo-font-ui);font-size:1.13em;line-height:1;color:var(--demo-add-text);cursor:default}.qn-demo-editor{position:relative;flex:1;min-height:0;padding:.33em .83em 0}.qn-demo-editor textarea{display:block;width:100%;height:100%;padding:0;border:0;resize:none;background:transparent;caret-color:var(--demo-panel-text);font-family:var(--demo-font-editor);font-size:.83em;line-height:1.45;color:var(--demo-panel-text);cursor:text}.qn-demo-preview{display:block;width:100%;height:100%;overflow:hidden;font-family:var(--demo-font-editor);font-size:.83em;line-height:1.45;color:var(--demo-panel-text)}.qn-demo-editor textarea[hidden],.qn-demo-preview[hidden]{display:none}.qn-demo-preview *{font-family:inherit;line-height:inherit}.qn-demo-preview p{margin:0 0 .32em}.qn-md-h1,.qn-md-h2,.qn-md-h3{font-weight:600}.qn-md-h1{font-size:1.08em}.qn-md-h2{font-size:1em}.qn-md-h3{font-size:.92em}.qn-md-ul{position:relative;padding-left:1em}.qn-md-ul:before{position:absolute;top:.52em;left:.17em;width:.33em;height:.33em;background:currentColor;border-radius:50%;content:""}.qn-md-li{padding-left:.67em}.qn-md-quote{padding-left:.67em;border-left:2px solid var(--demo-quote-border)}.qn-md-raw:after{display:inline-block;width:1px;height:.9em;margin-left:1px;background:var(--demo-panel-text);vertical-align:text-bottom;content:""}.qn-md-todo{display:flex;align-items:flex-start;gap:.5em}.qn-md-box{position:relative;flex:0 0 auto;width:.83em;height:.83em;margin-top:.33em;border:1px solid var(--demo-todo-border);border-radius:2px}.qn-md-check{position:absolute;top:-1px;left:.17em;width:.33em;height:.58em;border-right:1.4px solid var(--demo-panel-text);border-bottom:1.4px solid var(--demo-panel-text);transform:rotate(45deg)}.qn-md-todo.is-done{color:var(--demo-todo-done)}.qn-demo-editor textarea:focus{outline:none}.qn-demo-placeholder{position:absolute;top:.5em;left:.83em;font-family:var(--demo-font-editor);font-size:.83em;color:var(--demo-placeholder-text);pointer-events:none}.qn-demo-toolbar{display:flex;flex-wrap:nowrap;align-items:center;gap:0;padding:.17em .67em .5em;overflow:hidden;font-family:var(--demo-font-toolbar);font-size:.67em;font-weight:600;line-height:1;color:var(--demo-toolbar-text)}.qn-demo-toolbar button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:1.63em;height:1.63em;padding:0;border:0;background:transparent;font:inherit;line-height:1.63em;letter-spacing:-.04em;white-space:nowrap;color:inherit;cursor:default}.qn-demo-toolbar button svg{display:block;width:1.13em;height:1.13em;overflow:visible}.qn-demo-toolbar button[data-qn-md=bold]{font-weight:800}.qn-demo-toolbar button[data-qn-md=italic]{font-style:italic}.qn-demo-toolbar button[data-qn-md=strikethrough]{text-decoration:line-through}.qn-demo-trigger{margin-left:auto;flex-shrink:0}.qn-demo-cursor-layer{position:absolute;inset:0;z-index:6;opacity:0;transform:translate3d(18%,38%,0);pointer-events:none}.qn-hero-demo[data-qn-tour] .qn-demo-cursor-layer{opacity:1}.qn-hero-demo[data-qn-aim=notch] .qn-demo-cursor-layer{transform:translateZ(0)}.qn-hero-demo[data-qn-aim=dot-0] .qn-demo-cursor-layer{transform:translate3d(-21.4%,1.2%,0)}.qn-hero-demo[data-qn-aim=dot-1] .qn-demo-cursor-layer{transform:translate3d(-18.6%,1.2%,0)}.qn-hero-demo[data-qn-aim=dot-2] .qn-demo-cursor-layer{transform:translate3d(-15.8%,1.2%,0)}.qn-hero-demo[data-qn-aim=add] .qn-demo-cursor-layer{transform:translate3d(21%,1.2%,0)}.qn-hero-demo[data-qn-aim=read] .qn-demo-cursor-layer,.qn-hero-demo[data-qn-aim=type] .qn-demo-cursor-layer{transform:translate3d(8%,14%,0)}.qn-hero-demo[data-qn-aim=leave] .qn-demo-cursor-layer{transform:translate3d(28%,50%,0)}.qn-hero-demo[data-qn-aim=rest] .qn-demo-cursor-layer{transform:translate3d(18%,38%,0)}.qn-demo-cursor{position:absolute;top:2%;left:50%;width:1.5rem;height:1.5rem;overflow:visible}@media(prefers-reduced-motion:no-preference){.qn-demo-overlay,.qn-demo-notch,.qn-demo-panel{transition:width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1),opacity .28s cubic-bezier(.22,1,.36,1),background-color .16s var(--ease),border-radius .28s cubic-bezier(.22,1,.36,1)}.qn-demo-cursor-layer{transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .28s var(--ease)}}