:root{--bg:#0d1017;--bg-raised:#161b26;--border:#2a3142;--text:#e6e9ef;--text-dim:#9aa4b8;--accent:#ff79c6;--accent-2:#8be9fd;--mono:"SF Mono", "Menlo", "Consolas", ui-monospace, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--step-0:clamp(1rem, .94rem + .3vw, 1.125rem);--step-1:clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);--step-2:clamp(1.9rem, 1.5rem + 2vw, 3rem);--space-s:clamp(.75rem, .6rem + .75vw, 1.25rem);--space-m:clamp(1.25rem, 1rem + 1.5vw, 2.5rem);--space-l:clamp(2rem, 1.4rem + 3vw, 4.5rem)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:var(--step-0);margin:0;line-height:1.6}a{color:var(--accent-2)}a:hover{color:var(--accent)}code,pre{font-family:var(--mono)}.wrap{max-width:46rem;padding:var(--space-l) var(--space-m);margin:0 auto}.wrap.wide{max-width:60rem}nav.sitenav{padding:var(--space-s) var(--space-m) 0;font-family:var(--mono);flex-wrap:wrap;justify-content:center;gap:1.25em;font-size:.9em;display:flex}nav.sitenav a{color:var(--text-dim);text-decoration:none}nav.sitenav a:hover{color:var(--accent-2)}nav.sitenav .brand-link{color:var(--text);font-weight:700}nav.sitenav .brand-link span{color:var(--accent)}header.hero{text-align:center;padding-bottom:var(--space-s)}.brand{font-family:var(--mono);font-size:var(--step-1);letter-spacing:-.02em;font-weight:700}.brand span{color:var(--accent)}.subbrand{color:var(--text-dim);font-size:var(--step-0);margin-top:.25em}.hook{margin:var(--space-m) 0 var(--space-s);max-width:42ch;margin-inline:auto;font-size:clamp(1.15rem,1rem + .9vw,1.5rem);line-height:1.5}.hook code{color:var(--accent-2);font-size:.85em}.cta-row{margin:var(--space-s) 0;flex-wrap:wrap;justify-content:center;gap:.85em;display:flex}.btn{border-radius:.4rem;padding:.7em 1.4em;font-size:.95em;font-weight:600;text-decoration:none;display:inline-block}.btn.primary{background:var(--accent);color:#1a0f16}.btn.primary:hover{background:var(--accent-2)}.btn.secondary{background:var(--bg-raised);color:var(--text);border:1px solid var(--border)}.btn.secondary:hover{border-color:var(--accent-2);color:var(--accent-2)}.fineprint{color:var(--text-dim);max-width:50ch;margin:var(--space-s) auto 0;font-size:.85em}.fineprint code{color:var(--accent-2)}section{margin:var(--space-l) 0}h1{font-size:var(--step-2)}h2{font-size:clamp(1.15rem,1rem + .6vw,1.4rem);font-family:var(--mono);margin-bottom:var(--space-s)}h2 .num{color:var(--accent);margin-right:.4em}.col-grid{gap:var(--space-s);grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));display:grid}.col-grid>div{background:var(--bg-raised);border:1px solid var(--border);padding:var(--space-s);border-radius:.5rem}.col-grid h3{margin-top:0;font-size:1.05em}.col-grid p{color:var(--text-dim);margin-bottom:0}.demo-grid{gap:var(--space-s);grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));display:grid}figure{margin:0}figure img{border:1px solid var(--border);border-radius:.5rem;max-width:100%;height:auto;display:block}figcaption{color:var(--text-dim);margin-top:.5em;font-size:.85em}ol.steps{padding-left:1.2em}ol.steps li{margin-bottom:.6em}ol.steps strong{color:var(--text)}pre.termblock,pre.install{background:var(--bg-raised);border:1px solid var(--border);padding:var(--space-s);border-radius:.5rem;font-size:.9em;line-height:1.7;overflow-x:auto}pre.termblock .comment,pre.install .comment{color:var(--text-dim)}ul.limits{gap:var(--space-s);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}ul.limits li{background:var(--bg-raised);border:1px solid var(--border);border-left:3px solid var(--accent);padding:var(--space-s);border-radius:.35rem}ul.limits code{color:var(--accent-2)}.email-box{background:var(--bg-raised);border:1px solid var(--border);padding:var(--space-m);text-align:center;border-radius:.5rem}.email-box p{color:var(--text-dim);margin-top:0}form.embeddable-buttondown-form{margin-top:var(--space-s);flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}form.embeddable-buttondown-form label{text-align:left;min-width:0;color:var(--text-dim);flex-basis:100%;font-size:.85em}form.embeddable-buttondown-form input[type=email]{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text);border-radius:.4rem;flex:16rem;padding:.7em .9em;font-size:1em}form.embeddable-buttondown-form input[type=submit]{background:var(--accent);color:#1a0f16;cursor:pointer;border:none;border-radius:.4rem;padding:.7em 1.4em;font-size:1em;font-weight:600}form.embeddable-buttondown-form input[type=submit]:hover{background:var(--accent-2)}footer.sitefooter{text-align:center;color:var(--text-dim);padding:var(--space-m);border-top:1px solid var(--border);font-size:.85em}footer.sitefooter a{color:var(--text-dim);text-decoration:underline}footer.sitefooter .sep{color:var(--border);margin:0 .5em}.faq-item{margin-bottom:var(--space-m)}.faq-item h3{margin-bottom:.3em;font-size:1.05em}.faq-item p{color:var(--text-dim);margin-top:0}table.compare{border-collapse:collapse;width:100%;font-size:.92em}table.compare th,table.compare td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:.6em .8em}table.compare th{background:var(--bg-raised)}.blog-list{gap:var(--space-m);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.blog-list li{border-bottom:1px solid var(--border);padding-bottom:var(--space-m)}.blog-list h2{margin-bottom:.2em}.blog-list time{color:var(--text-dim);font-size:.85em}.blog-list p{color:var(--text-dim)}article.post h1{margin-bottom:.2em}article.post .meta{color:var(--text-dim);margin-bottom:var(--space-m);font-size:.9em}article.post h2{font-family:var(--sans);margin-top:var(--space-l);font-size:1.3em}article.post p{margin:1em 0}article.post pre{background:var(--bg-raised);border:1px solid var(--border);padding:var(--space-s);border-radius:.5rem;overflow-x:auto}article.post blockquote{border-left:3px solid var(--accent);color:var(--text-dim);margin:1em 0;padding:.2em 1em}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
