@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-ink);background-color:var(--color-paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-style:normal;font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-ink);overflow-wrap:anywhere;min-width:0}h1{font-size:var(--text-display);font-weight:700}h2{font-size:var(--text-display-s)}h3{font-size:var(--text-4xl)}p{max-width:65ch;color:var(--color-ink-2)}a{color:var(--color-accent);transition:color var(--dur-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--color-accent-hover)}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}code,pre{font-family:var(--font-mono);font-size:.9em}code{background:var(--color-paper-2);border-radius:var(--radius-sm);color:var(--color-accent);padding:.15em .4em}pre{background:var(--color-ink);color:var(--color-paper);padding:var(--space-lg);border-radius:var(--radius-lg);line-height:var(--leading-snug);overflow-x:auto}pre code{color:inherit;background:0 0;padding:0}button,.btn{font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-pill);transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border:none;padding:.625rem 1.25rem;font-weight:500}button:focus-visible,.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button:active,.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-ink);color:var(--color-paper)}.btn-primary:hover{background:var(--color-ink-2)}.btn-primary:disabled{background:var(--color-paper-3);color:var(--color-ink-3);cursor:not-allowed;transform:none}.btn-secondary{color:var(--color-ink);border:1px solid var(--color-border-strong);background:0 0}.btn-secondary:hover{background:var(--color-paper-2)}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover{background:var(--color-accent-hover)}input,select,textarea{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out);padding:.5rem .75rem}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}input:disabled,select:disabled{background:var(--color-paper-2);color:var(--color-ink-3);cursor:not-allowed}.container{width:100%;max-width:1120px;padding:0 var(--space-lg);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}