:root{--bg:#fafafa;--fg:#171717;--muted:#737373;--border:#e5e5e5;--accent:#2563eb;--accent-light:#eff6ff;--success:#16a34a;--success-light:#f0fdf4;--card-bg:#fff;--radius:12px;--font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;line-height:1.6}.container{max-width:800px;margin:0 auto;padding:3rem 1.5rem}.hero{text-align:center;padding:3rem 0 2rem}.hero h1{letter-spacing:-.025em;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.hero p{color:var(--muted);max-width:480px;margin:0 auto;font-size:1.15rem}.badge{border-radius:999px;align-items:center;gap:.4rem;margin-top:1rem;padding:.25rem .75rem;font-size:.8rem;font-weight:500;display:inline-flex}.badge--ok{background:var(--success-light);color:var(--success)}.badge--dot{background:currentColor;border-radius:50%;width:6px;height:6px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:2rem 0;display:grid}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.card h3{margin-bottom:.35rem;font-size:1rem;font-weight:600}.card p{color:var(--muted);font-size:.875rem}.section{margin:2.5rem 0}.section h2{margin-bottom:1rem;font-size:1.35rem;font-weight:600}.steps{counter-reset:step;list-style:none}.steps li{counter-increment:step;margin-bottom:1.25rem;padding-left:2.5rem;font-size:.95rem;position:relative}.steps li:before{content:counter(step);background:var(--accent-light);width:1.75rem;height:1.75rem;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex;position:absolute;top:0;left:0}.steps li strong{margin-bottom:.15rem;display:block}.steps li span{color:var(--muted);font-size:.875rem}code{font-family:var(--font-mono);background:var(--accent-light);color:var(--accent);border-radius:4px;padding:.15em .4em;font-size:.85em}.footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);margin-top:2rem;padding:2rem 0;font-size:.8rem}
