:root{--bg:#0b0d0e;--bg-raised:#131718;--bg-inset:#0a0c0c;--border:#242a2b;--text:#e9ece9;--text-dim:#9aa5a1;--accent:#c8f542;--accent-dim:#a3c93a;--danger:#ff5d5d;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--sans);flex-direction:column;min-height:100vh;margin:0;font-size:1.0625rem;line-height:1.6;display:flex}main{flex:1}.wrap{width:min(72rem,100% - 3rem);margin-inline:auto}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.02em;line-height:1.15}.site-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;padding-block:.9rem;display:flex}.logo{font-family:var(--mono);color:var(--text);font-size:1.15rem;font-weight:700}.logo:hover{color:var(--accent);text-decoration:none}.logo-mark{color:var(--accent)}.logo-tld{color:var(--text-dim)}.site-nav{gap:1.5rem;font-size:.95rem;display:flex}.site-nav a{color:var(--text-dim)}.site-nav a:hover{color:var(--accent);text-decoration:none}.hero{padding-block:5rem 3.5rem}.hero-kicker{font-family:var(--mono);color:var(--accent);margin:0 0 1rem;font-size:.9rem}.hero h1{margin:0 0 1.5rem;font-size:clamp(2.5rem,6vw,4.5rem)}.accent{color:var(--accent)}.hero-sub{max-width:42rem;color:var(--text-dim);margin:0 0 2rem;font-size:1.15rem}.btn{background:var(--accent);color:#10130a;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:700;display:inline-block}.btn:hover{background:var(--accent-dim);text-decoration:none}.how{padding-block:2rem 3rem}.how h2,.directory h2{margin:0 0 1.75rem;font-size:1.75rem}.steps{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.steps li{background:var(--bg-raised);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;position:relative}.step-num{font-family:var(--mono);color:var(--accent);border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem;font-size:.85rem}.steps h3{margin:.9rem 0 .4rem;font-size:1.1rem}.steps p{color:var(--text-dim);margin:0;font-size:.95rem}.directory{padding-block:2rem 5rem}.grid{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1.25rem;display:grid}.card{background:var(--bg-raised);border:1px solid var(--border);color:var(--text);border-radius:.75rem;padding:1.5rem;transition:border-color .15s,transform .15s;display:block}.card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-2px)}.card-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.card h3{margin:0;font-size:1.25rem}.badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);white-space:nowrap;border-radius:999px;padding:.2rem .65rem;font-size:.72rem}.card-tagline{color:var(--text-dim);margin:.6rem 0 1rem;font-size:.95rem}.card-kills{color:var(--text);margin:0;font-size:.9rem}.kills-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--danger);margin-right:.4rem;font-size:.75rem}.tool{max-width:52rem;padding-block:2.5rem 5rem}.breadcrumb{margin-bottom:2rem;font-size:.9rem}.tool-title-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.tool-header h1{margin:0;font-size:clamp(2rem,5vw,3rem)}.tool-tagline{color:var(--text-dim);margin:.75rem 0 1.25rem;font-size:1.2rem}.tool-kills{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1.75rem;display:flex}.kills-chip{background:color-mix(in srgb, var(--danger) 12%, transparent);color:#ffb1b1;border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);border-radius:999px;padding:.15rem .7rem;font-size:.85rem}.tool-meta{background:var(--bg-raised);border:1px solid var(--border);border-radius:.75rem;flex-wrap:wrap;gap:2.5rem;margin:0 0 2.5rem;padding:1.25rem 1.5rem;display:flex}.tool-meta dt{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:.75rem}.tool-meta dd{margin:.25rem 0 0}.prose h2{margin:2.25rem 0 .75rem;font-size:1.4rem}.prose p{color:#cfd6d2;margin:0 0 1.1rem}.prose a{text-underline-offset:3px;text-decoration:underline}.prose ul,.prose ol{color:#cfd6d2;margin:0 0 1.1rem;padding-left:1.4rem}.prose li+li{margin-top:.3rem}.code-block{margin:1rem 0 1.5rem;position:relative}.prose pre{background:var(--bg-inset);border:1px solid var(--border);border-radius:.6rem;margin:0;padding:1.1rem 1.25rem;font-size:.85rem;line-height:1.55;overflow-x:auto}.prose pre code{font-family:var(--mono);color:#d7e3d0}.prose :not(pre)>code{font-family:var(--mono);background:var(--bg-raised);border:1px solid var(--border);border-radius:.3rem;padding:.1em .35em;font-size:.88em}.copy-btn{font-family:var(--mono);color:var(--accent);background:var(--bg-raised);border:1px solid var(--border);cursor:pointer;border-radius:.4rem;padding:.3rem .7rem;font-size:.75rem;position:absolute;top:.5rem;right:.5rem}.copy-btn:hover{border-color:var(--accent)}.site-footer{border-top:1px solid var(--border);color:var(--text-dim);padding-block:2.5rem;font-size:.95rem}.footer-fine{font-family:var(--mono);margin-bottom:0;font-size:.8rem}@media (width<=48rem){.steps{grid-template-columns:1fr}.hero{padding-block:3rem 2.5rem}}