:root{--bg:#fafafa;--card-bg:#ffffff;--text:#111827;--text-secondary:#6b7280;--border:#e5e7eb;--primary:#2563eb;--primary-hover:#1d4ed8;--success:#059669}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:720px;margin:0 auto;padding:2rem 1.5rem}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:2rem;margin-bottom:1.5rem}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;text-decoration:none;text-align:center}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary-hover);text-decoration:none}.btn-secondary{background:var(--card-bg);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#f3f4f6;text-decoration:none}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600}.badge-success{background:#d1fae5;color:#065f46}.badge-inactive{background:#f3f4f6;color:#6b7280}pre{background:#1e293b;color:#e2e8f0;padding:1.25rem;border-radius:8px;overflow-x:auto;font-size:.875rem;line-height:1.7}code{font-family:SF Mono,Fira Code,Fira Mono,monospace}h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}h2{font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.text-secondary{color:var(--text-secondary)}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;max-width:720px;margin:0 auto}.nav-brand{font-weight:700;font-size:1.125rem;color:var(--text)}.nav-brand:hover{text-decoration:none}.feature-list{list-style:none;padding:0}.feature-list li{padding:.4rem 0;font-size:1.05rem}.feature-list li:before{content:"✓ ";color:var(--success);font-weight:700}.steps ol{padding-left:1.25rem}.steps li{margin-bottom:.75rem}.alert-success{background:#d1fae5;color:#065f46;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.tab{padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);transition:color .15s,border-color .15s}.tab:hover{color:var(--text)}.tab-active{color:var(--primary);border-bottom-color:var(--primary)}.copy-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#cbd5e1;cursor:pointer;transition:background .15s;float:right;margin-top:-.25rem}.copy-btn:hover{background:rgba(255,255,255,.15)}