.mark-note .mk-live-row{cursor:default;outline:none}.mark-note .mk-live-row:hover .mk-again,.mark-note .mk-live-row:focus-visible .mk-again{color:#0a0a0a99}.mark-note .mk-step{display:grid;gap:8px;justify-items:start}.mark-note .mk-frame{display:grid;place-items:center;height:72px;width:72px;border-radius:16px}.mark-note .mk-svg{height:41px;width:41px}.mark-note .mk-tile{background:linear-gradient(180deg,#fff,#f4f4f2);box-shadow:0 1px 2px #1414140f,0 8px 18px -10px #14141447,inset 0 0 0 1px #14141412}.mark-note .mk-grid{background-image:linear-gradient(rgba(20,20,20,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(20,20,20,.055) 1px,transparent 1px);background-size:11px 11px;background-position:center;box-shadow:inset 0 0 0 1px #1414141a}.mark-note .mk-rough{border:1px dashed rgba(20,20,20,.22);background:#14141404}.mark-note .mk-rough .mk-svg{transform:rotate(-1.6deg) scale(.96)}.mark-note .mk-app{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 78%,#ffffff),var(--accent));box-shadow:0 1px 2px #1414141a,0 10px 20px -12px #14141480}.mark-note .mk-trace path,.mark-note .mk-trace circle,.mark-note .mk-trace ellipse{stroke-dasharray:120;stroke-dashoffset:120;transition:stroke-dashoffset 1.5s ease .2s}.mark-note.in .mk-trace path,.mark-note.in .mk-trace circle,.mark-note.in .mk-trace ellipse{stroke-dashoffset:0}.mark-note .mk-trace [fill=currentColor]{stroke-dasharray:none;stroke-dashoffset:0}@media (max-width: 640px){.mark-note .mk-frame{height:64px;width:64px;border-radius:14px}.mark-note .mk-svg{height:37px;width:37px}}@media (prefers-reduced-motion: reduce){.mark-note .mk-trace path,.mark-note .mk-trace circle,.mark-note .mk-trace ellipse{stroke-dasharray:none;stroke-dashoffset:0;transition:none}}.demo-dlg{width:min(520px,calc(100vw - 32px));padding:0;overflow:visible;border:2px solid var(--c);border-radius:20px;background:#fcfcfb;color:#0a0a0a;box-shadow:0 50px 90px -40px #0a0a0a99}.demo-dlg::backdrop{background:#0a0a0a73;backdrop-filter:blur(3px)}.demo-dlg[open]{animation:demo-in .2s cubic-bezier(.2,.9,.3,1)}@keyframes demo-in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}.demo-head{padding:22px 24px 0}.demo-step.out{animation:demo-out .15s ease forwards}.demo-step.in{animation:demo-fade .22s ease}@keyframes demo-out{to{opacity:0;transform:translate(-22px)}}@keyframes demo-fade{0%{opacity:0;transform:translate(22px)}}.demo-body{padding:18px 24px 4px;min-height:196px;overflow:hidden}.demo-foot{display:flex;align-items:center;gap:10px;padding:14px 24px 20px}.demo-q{font-family:Inter Tight,Inter,sans-serif;font-weight:700;font-size:15px;letter-spacing:-.01em}.demo-accent{color:var(--c)}.demo-send{background:var(--c);color:#fcfcfb}.demo-send:hover{filter:brightness(1.08)}.demo-send:disabled{opacity:.55}.demo-dots{display:flex;gap:6px}.demo-dots li{height:3px;width:26px;border-radius:99px;background:#0a0a0a1f;transition:background-color .25s}.demo-dots li.on{background:var(--c)}.demo-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}html:has(dialog.demo-dlg[open]){overflow:hidden}@media (prefers-reduced-motion: reduce){.demo-dlg[open],.demo-step.out,.demo-step.in{animation:none}}.pnav{background:#fcfcfbe0;background-image:linear-gradient(rgb(var(--rgb) / var(--tint)),rgb(var(--rgb) / var(--tint)));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.pnav-rule{background:#0a0a0a26}.pnav.is-dark .pnav-rule{background:#fcfcfb33}.pnav.is-dark{background:#0a0a0ad1;color:#fcfcfb}.pnav-link{color:#0a0a0a99;transition:color .2s,background-color .2s}.pnav-link:hover{color:#0a0a0a;background:#0a0a0a0d}.pnav.is-dark .pnav-link{color:#fcfcfb99}.pnav.is-dark .pnav-link:hover{color:#fcfcfb;background:#fcfcfb14}.pnav-link[aria-current=true]{color:#0a0a0a;background:#0a0a0a0f;font-weight:600}.pnav.is-dark .pnav-link[aria-current=true]{color:#fcfcfb;background:#fcfcfb1f}@media (max-width: 860px){.pnav-home b{display:none}}.demo-fab{position:fixed;right:20px;bottom:76px;z-index:60;display:inline-flex;align-items:center;gap:0;height:52px;padding:0 15px;border-radius:999px;background:var(--c);color:#fcfcfb;text-decoration:none;box-shadow:0 12px 28px -12px #0a0a0a8c;transition:gap .28s ease,padding .28s ease,filter .2s ease}.demo-fab svg{height:22px;width:22px;flex:0 0 auto}.demo-fab-t{max-width:0;overflow:hidden;white-space:nowrap;font-size:14px;font-weight:600;transition:max-width .28s ease}.demo-fab:hover,.demo-fab:focus-visible{gap:9px}.demo-fab:hover .demo-fab-t,.demo-fab:focus-visible .demo-fab-t{max-width:140px}.demo-fab:hover{filter:brightness(1.08)}.demo-fab:focus-visible{outline:2px solid #0A0A0A;outline-offset:3px}@media (min-width: 640px){.demo-fab{right:28px;bottom:88px}}@media (prefers-reduced-motion: reduce){.demo-fab,.demo-fab-t{transition:none}}html:not(.hero-in) .nng-hero-mount,html:not(.hero-in) .cip-wormhole{opacity:.1}.nng-hero-mount,.cip-wormhole{transition:opacity 1.1s ease}#intro{transition:transform 1s cubic-bezier(.66,0,.2,1),opacity .32s ease}#intro.out{opacity:0}.mark-home{transition:opacity .32s ease}@media (prefers-reduced-motion: reduce){html:not(.hero-in) .nng-hero-mount,html:not(.hero-in) .cip-wormhole{opacity:1}#intro{display:none}}.psnap{scroll-margin-top:120px}@media (min-width: 1024px) and (min-height: 640px){html.snap-page .psnap{min-height:calc(100svh - 120px);display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always}html.snap-page .hero-snap{scroll-snap-align:start;scroll-snap-stop:always}html.snap-page .hero-shot .shot-view{max-height:44svh;overflow:hidden}html.snap-page .hero-shot .shot-view img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}}