.how.svelte-1e6pjgp{--line: var(--slate-200);--slate-strong: var(--slate-300);--slate-ink: var(--slate-800);--accent: var(--blue-600);--accent-soft: var(--blue-100);--accent-tint: var(--blue-50);--surface: var(--slate-50);--seal: var(--amber-600);--seal-soft: var(--amber-200);--ok: var(--green-600);--audience: var(--slate-300)}h2.svelte-1e6pjgp{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--slate-400)}ol.svelte-1e6pjgp{list-style:none;margin:.75rem 0 0;padding:0}.row.svelte-1e6pjgp{display:grid;grid-template-columns:1fr;gap:.875rem;padding:1.375rem 0;border-bottom:1px solid var(--slate-200)}.row.svelte-1e6pjgp:last-child{border-bottom:0}.num.svelte-1e6pjgp{font-size:.75rem;font-weight:700;color:var(--blue-600);font-variant-numeric:tabular-nums}h3.svelte-1e6pjgp{font-size:1.0625rem;letter-spacing:-.01em}.copy.svelte-1e6pjgp p:where(.svelte-1e6pjgp){margin-top:.25rem;color:var(--slate-500);font-size:.875rem;line-height:1.55}.art.svelte-1e6pjgp{width:100%;max-width:17rem;border:1px solid var(--slate-200);border-radius:var(--radius);background:linear-gradient(150deg,#fff,var(--blue-50) 115%);padding:.5rem}svg.svelte-1e6pjgp{display:block;width:100%;height:auto}text.svelte-1e6pjgp{font-family:var(--font);font-size:8.5px;font-weight:700;fill:var(--slate-600);text-anchor:middle}@media(min-width:46rem){.row.svelte-1e6pjgp{grid-template-columns:2.5rem minmax(0,1fr) 17rem;align-items:center;gap:1.5rem;padding:1.125rem 0}}.march.svelte-1e6pjgp{animation:svelte-1e6pjgp-march 1.1s linear infinite}@keyframes svelte-1e6pjgp-march{to{stroke-dashoffset:-11}}.rise.svelte-1e6pjgp{animation:svelte-1e6pjgp-rise 4s cubic-bezier(.22,1,.36,1) infinite}@keyframes svelte-1e6pjgp-rise{0%{transform:translateY(18px);opacity:0}18%{opacity:1}38%{transform:translateY(0)}78%{transform:translateY(0);opacity:1}88%{opacity:0}to{transform:translateY(18px);opacity:0}}.bob.svelte-1e6pjgp{animation:svelte-1e6pjgp-bob 1.8s ease-in-out infinite}@keyframes svelte-1e6pjgp-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.progress.svelte-1e6pjgp{transform-origin:52px 0;animation:svelte-1e6pjgp-progress 4s cubic-bezier(.3,0,.4,1) infinite}@keyframes svelte-1e6pjgp-progress{0%{transform:scaleX(0)}38%,78%{transform:scaleX(1)}88%,to{transform:scaleX(0)}}.drawbox.svelte-1e6pjgp{stroke-dasharray:100;stroke-dashoffset:100;animation:svelte-1e6pjgp-drawbox 3.4s ease-in-out infinite}@keyframes svelte-1e6pjgp-drawbox{0%{stroke-dashoffset:100;fill-opacity:0;opacity:1}40%{stroke-dashoffset:0;fill-opacity:0}52%{fill-opacity:.1}78%{stroke-dashoffset:0;opacity:1}90%{opacity:0}to{stroke-dashoffset:100;opacity:0}}.handle.svelte-1e6pjgp{transform-box:fill-box;transform-origin:center;animation:svelte-1e6pjgp-handle 3.4s ease-in-out infinite;animation-delay:calc(var(--i) * 60ms)}@keyframes svelte-1e6pjgp-handle{0%,38%{transform:scale(0)}48%,78%{transform:scale(1)}90%,to{transform:scale(0)}}.cursor.svelte-1e6pjgp{animation:svelte-1e6pjgp-cursor 3.4s ease-in-out infinite}@keyframes svelte-1e6pjgp-cursor{0%{transform:translate(-40px,-20px)}40%,78%{transform:translate(0)}to{transform:translate(-40px,-20px)}}.scan.svelte-1e6pjgp{animation:svelte-1e6pjgp-scan 2.2s ease-in-out infinite}@keyframes svelte-1e6pjgp-scan{0%,to{transform:translateY(0)}50%{transform:translateY(30px)}}.wave.svelte-1e6pjgp{animation:svelte-1e6pjgp-wave 2.2s ease-out infinite;animation-delay:calc(var(--i) * .25s)}@keyframes svelte-1e6pjgp-wave{0%,20%{opacity:0}45%{opacity:1}80%,to{opacity:0}}.glow.svelte-1e6pjgp{opacity:0;animation:svelte-1e6pjgp-glow 2.2s ease-in-out infinite}@keyframes svelte-1e6pjgp-glow{0%,45%{opacity:0}60%{opacity:.08}80%,to{opacity:0}}.write.svelte-1e6pjgp{stroke-dasharray:260;stroke-dashoffset:260;animation:svelte-1e6pjgp-write 4.2s cubic-bezier(.4,0,.3,1) infinite}.write-echo.svelte-1e6pjgp{animation-delay:.3s}@keyframes svelte-1e6pjgp-write{0%{stroke-dashoffset:260;opacity:1}40%{stroke-dashoffset:0}74%{stroke-dashoffset:0;opacity:1}84%{stroke-dashoffset:0;opacity:0}92%{stroke-dashoffset:260;opacity:0}to{stroke-dashoffset:260;opacity:1}}.pen.svelte-1e6pjgp{offset-rotate:0deg;animation:svelte-1e6pjgp-pen 4.2s cubic-bezier(.4,0,.3,1) infinite}@keyframes svelte-1e6pjgp-pen{0%{offset-distance:0%;opacity:1}40%,74%{offset-distance:100%;opacity:1}84%{offset-distance:100%;opacity:0}92%{offset-distance:0%;opacity:0}to{offset-distance:0%;opacity:1}}.flow.svelte-1e6pjgp{animation:svelte-1e6pjgp-flowdash .9s linear infinite}@keyframes svelte-1e6pjgp-flowdash{to{stroke-dashoffset:-7}}.stamp.svelte-1e6pjgp{transform-box:fill-box;transform-origin:center;animation:svelte-1e6pjgp-stamp 4.4s ease-in-out infinite}@keyframes svelte-1e6pjgp-stamp{0%{transform:scale(0)}8%{transform:scale(1.15)}13%,86%{transform:scale(1)}94%,to{transform:scale(0)}}.deal.svelte-1e6pjgp{animation:svelte-1e6pjgp-deal 4.4s cubic-bezier(.22,1,.36,1) infinite;animation-delay:calc(.25s + var(--i) * .22s)}@keyframes svelte-1e6pjgp-deal{0%{transform:translate(-46px,-14px);opacity:0}14%{transform:translate(0);opacity:1}80%{transform:translate(0);opacity:1}90%,to{transform:translate(-46px,-14px);opacity:0}}.page.svelte-1uha8ag{position:relative;min-height:100%;background:#fff;padding:2rem 1.5rem 4rem;overflow:hidden}.page.svelte-1uha8ag:before{content:"";position:absolute;top:-12rem;right:-10rem;width:42rem;height:42rem;border-radius:999px;background:radial-gradient(closest-side,var(--blue-100),transparent 70%);opacity:.7;pointer-events:none}.wrap.svelte-1uha8ag{position:relative;max-width:62rem;margin:0 auto}.masthead.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.brand.svelte-1uha8ag{display:inline-flex;align-items:center;gap:.5625rem;font-size:.9375rem;font-weight:700;letter-spacing:-.01em;color:var(--slate-900);text-decoration:none}.brand-soft.svelte-1uha8ag{font-weight:500;color:var(--slate-400)}.mark.svelte-1uha8ag{display:grid;place-items:center}.masthead-link.svelte-1uha8ag{font-size:.8125rem;font-weight:600;color:var(--slate-400);text-decoration:none}.masthead-link.svelte-1uha8ag:hover{color:var(--blue-600)}.hero.svelte-1uha8ag{margin-top:3.5rem;display:grid;gap:2.5rem;align-items:center}@media(min-width:54rem){.hero.svelte-1uha8ag{grid-template-columns:1.05fr .95fr;gap:3.5rem}}h1.svelte-1uha8ag{font-size:clamp(1.875rem,4.5vw,2.875rem);line-height:1.12;letter-spacing:-.03em;font-weight:700}.accent.svelte-1uha8ag{color:var(--blue-600)}.lede.svelte-1uha8ag{margin-top:1rem;font-size:clamp(.9375rem,2vw,1.0625rem);line-height:1.65;color:var(--slate-500);max-width:46ch}form.svelte-1uha8ag{margin-top:1.75rem;display:flex;gap:.5rem;max-width:30rem}.title-input.svelte-1uha8ag{flex:1;min-width:0;padding:.875rem 1rem;border:1px solid var(--slate-200);border-radius:999px;background:#fff;font-size:.9375rem;transition:border-color .14s ease}.title-input.svelte-1uha8ag::placeholder{color:var(--slate-400)}.title-input.svelte-1uha8ag:focus{border-color:var(--blue-400);outline:2px solid var(--blue-100)}.start.svelte-1uha8ag{flex:none;padding:.875rem 1.875rem;border:1px solid var(--blue-600);border-radius:999px;background:var(--blue-600);color:#fff;font-size:.9375rem;font-weight:650;transition:background .14s ease,transform 80ms ease}.start.svelte-1uha8ag:hover:not(:disabled){background:var(--blue-700);border-color:var(--blue-700)}.start.svelte-1uha8ag:active:not(:disabled){transform:scale(.98)}.start.svelte-1uha8ag:disabled{opacity:.5}.err.svelte-1uha8ag{margin-top:.875rem;max-width:30rem}.hero-side.svelte-1uha8ag{display:flex;flex-direction:column;gap:1rem}.demo-card.svelte-1uha8ag{border-radius:var(--radius-xl);border:1px solid var(--slate-200);background:linear-gradient(150deg,var(--slate-50),#fff 60%);box-shadow:var(--shadow-lg);padding:1rem;animation:svelte-1uha8ag-float 7s ease-in-out infinite}@keyframes svelte-1uha8ag-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.demo-card.svelte-1uha8ag svg:where(.svelte-1uha8ag){display:block;width:100%;height:auto}.demo-ink.svelte-1uha8ag{stroke-dasharray:260;stroke-dashoffset:260;animation:svelte-1uha8ag-demo-write 5.2s cubic-bezier(.4,0,.3,1) infinite}.demo-ink-late.svelte-1uha8ag{animation-delay:.4s}.demo-pen.svelte-1uha8ag{offset-rotate:0deg;animation:svelte-1uha8ag-demo-pen 5.2s cubic-bezier(.4,0,.3,1) infinite}@keyframes svelte-1uha8ag-demo-pen{0%{offset-distance:0%;opacity:1}28%,78%{offset-distance:100%;opacity:1}86%{offset-distance:100%;opacity:0}92%{offset-distance:0%;opacity:0}to{offset-distance:0%;opacity:1}}.demo-flow.svelte-1uha8ag{animation:svelte-1uha8ag-demo-flow .9s linear infinite}@keyframes svelte-1uha8ag-demo-flow{to{stroke-dashoffset:-8}}@keyframes svelte-1uha8ag-demo-write{0%{stroke-dashoffset:260;opacity:1}28%{stroke-dashoffset:0}78%{stroke-dashoffset:0;opacity:1}86%{stroke-dashoffset:0;opacity:0}92%{stroke-dashoffset:260;opacity:0}to{stroke-dashoffset:260;opacity:1}}.checks.svelte-1uha8ag{list-style:none;margin:0;padding:1rem 1.25rem;border-radius:var(--radius-lg);border:1px solid var(--slate-200);background:#ffffffd9;display:flex;flex-direction:column;gap:.5625rem}.checks.svelte-1uha8ag li:where(.svelte-1uha8ag){display:flex;align-items:center;gap:.625rem;font-size:.8438rem;font-weight:550;color:var(--slate-700)}.checks.svelte-1uha8ag li:where(.svelte-1uha8ag):before{content:"✓";flex:none;display:grid;place-items:center;width:1.125rem;height:1.125rem;border-radius:999px;background:var(--blue-50);color:var(--blue-600);font-size:.6875rem;font-weight:700}.library.svelte-1uha8ag{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--slate-200)}h2.svelte-1uha8ag{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--slate-400)}.projects.svelte-1uha8ag{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.5rem}.project.svelte-1uha8ag{position:relative;display:flex;align-items:center}.project-main.svelte-1uha8ag{flex:1;min-width:0;display:flex;align-items:center;gap:.75rem;padding:.5rem 2.25rem .5rem .5rem;border:1px solid var(--slate-200);border-radius:var(--radius);background:#fff;text-align:left;transition:border-color .14s ease,transform 80ms ease}.project-main.svelte-1uha8ag:hover:not(:disabled){border-color:var(--blue-400)}.project-main.svelte-1uha8ag:active:not(:disabled){transform:scale(.99)}.project-main.svelte-1uha8ag:disabled{opacity:.5}.thumb.svelte-1uha8ag{flex:none;width:3rem;height:2.25rem;border-radius:var(--radius-sm);background:var(--slate-100);border:1px solid var(--slate-200);overflow:hidden}.thumb.svelte-1uha8ag img:where(.svelte-1uha8ag){width:100%;height:100%;object-fit:cover}.project-text.svelte-1uha8ag{flex:1;min-width:0;display:flex;flex-direction:column}.project-text.svelte-1uha8ag strong:where(.svelte-1uha8ag){font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta.svelte-1uha8ag{font-size:.75rem;color:var(--slate-400)}.del.svelte-1uha8ag{position:absolute;right:.5rem;width:1.5rem;height:1.5rem;display:grid;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--slate-300);font-size:1.125rem;line-height:1}.del.svelte-1uha8ag:hover{background:var(--red-50);color:var(--red-600)}.del-confirm.svelte-1uha8ag{position:absolute;right:.375rem;display:flex;gap:.25rem}.mini.svelte-1uha8ag{padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--slate-200);background:#fff;font-size:.6875rem;font-weight:600;color:var(--slate-600)}.mini-danger.svelte-1uha8ag{border-color:var(--red-200);color:var(--red-700);background:var(--red-50)}.archive-link.svelte-1uha8ag{display:inline-flex;align-items:baseline;gap:.5rem;margin-top:1rem;font-size:.875rem;font-weight:600;color:var(--slate-700);text-decoration:none;border-bottom:1px solid var(--slate-300);padding-bottom:1px}.archive-link.svelte-1uha8ag:hover{color:var(--blue-600);border-color:var(--blue-600)}.wrap.svelte-1uha8ag .how{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--slate-200)}footer.svelte-1uha8ag{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--slate-200);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.8125rem;color:var(--slate-400)}footer.svelte-1uha8ag a:where(.svelte-1uha8ag){color:var(--slate-400);text-decoration:none;font-weight:600}footer.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{color:var(--blue-600)}