.page{--glow-color-1: var(--color-tertiary-400);--glow-color-2: var(--color-secondary-400);--glow-color-3: var(--color-tertiary-300)}.steps{display:flex;flex-direction:column;gap:48px;margin-top:16px}.step{display:grid;grid-template-columns:60px 1fr;gap:24px;align-items:start}.step-number{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:var(--muted);background:var(--surface);border:1px solid var(--border);flex-shrink:0}.step-content h3{font-size:20px;font-weight:700;color:var(--foreground-strong);margin-bottom:6px}.step-content p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:14px}.step-content .install-cmd{display:inline-flex;align-items:center;gap:10px;padding:12px 48px 12px 20px;border-radius:var(--radius-md);background:var(--code-bg);color:var(--code-fg);font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px;font-weight:500;border:1px solid var(--neutral-700-60);max-width:100%;overflow-x:auto}.install-cmd .prompt{color:var(--color-tertiary-400)}.install-cmd .cmd{color:var(--color-secondary-300)}.install-cmd .arg{color:var(--color-primary-300)}.code-block{position:relative;display:inline-flex;align-items:flex-start;margin-bottom:12px;max-width:100%}.code-block .feature-code{padding-right:48px}.code-block .install-cmd{margin-bottom:0}.copy-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease,border-color .15s ease}.code-block:hover .copy-btn{opacity:1}.copy-btn:hover{color:var(--foreground-strong);border-color:var(--accent-teal)}.copy-btn .check-icon,.copy-btn.copied .copy-icon{display:none}.copy-btn.copied .check-icon{display:block;color:var(--color-tertiary-400)}.copy-btn.copied{opacity:1;border-color:var(--color-tertiary-400)}.next-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.next-link{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .15s ease}.next-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-teal)}.next-link-title{font-size:14px;font-weight:700;color:var(--foreground-strong)}.next-link-desc{font-size:12px;color:var(--muted);line-height:1.5}.wizard-ref .section-subtitle{font-size:14px;color:var(--muted);line-height:1.7;margin-top:8px;max-width:600px}.wizard-flow{display:flex;align-items:center;gap:4px;margin-top:32px;margin-bottom:8px;padding:14px 20px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);overflow-x:auto}.wizard-flow-step{display:flex;align-items:center;gap:8px;white-space:nowrap}.wizard-flow-step:not(:last-child):after{content:"";display:inline-block;width:24px;height:1px;background:var(--border);margin-left:8px}.wizard-flow-num{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--accent-teal);color:var(--background);font-size:12px;font-weight:700;flex-shrink:0}.wizard-flow-label{font-size:13px;font-weight:600;color:var(--foreground-strong)}.ref-step-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:100px;background:var(--accent-teal);color:var(--background);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.ref-group-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.ref-group{margin-top:36px}.ref-group-title{font-size:16px;font-weight:700;color:var(--foreground-strong)}.ref-group-desc{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:14px;max-width:600px}.ref-group-primary{margin-top:32px;padding:24px;border-radius:var(--radius-md);border:1px solid var(--accent-teal);background:var(--surface)}.ref-options-archetypes{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.ref-option-archetype{border-color:var(--neutral-700-60);padding:14px 16px}.ref-option-archetype .ref-option-name{font-size:14px}.ref-prefills-note{margin-top:14px;font-size:12px;color:var(--muted);padding:10px 14px;border-radius:var(--radius-sm);background:var(--code-bg);border:1px solid var(--neutral-700-60);line-height:1.6}.ref-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.ref-option{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);transition:border-color .15s ease}.ref-option:hover{border-color:var(--accent-teal)}.ref-option-name{font-size:13px;font-weight:600;color:var(--foreground-strong);font-family:JetBrains Mono,ui-monospace,monospace}.ref-option-hint{font-size:12px;color:var(--muted);line-height:1.5}.ref-category{margin-bottom:16px}.ref-category-label{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.ref-category .ref-options{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.ref-category .ref-option{padding:8px 12px}.ref-core-note{margin-top:10px;font-size:12px;color:var(--muted);font-style:italic;padding:8px 12px;border-left:2px solid var(--accent-teal);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0}@media(max-width:700px){.step{grid-template-columns:32px 1fr;gap:10px}.step-number{width:28px;height:28px;font-size:13px;border-radius:6px}.next-links,.ref-options{grid-template-columns:1fr}.wizard-flow{gap:2px;padding:10px 14px}.wizard-flow-label{font-size:11px}.wizard-flow-step:not(:last-child):after{width:12px;margin-left:4px}.ref-group-primary{padding:16px}.ref-category .ref-options{grid-template-columns:1fr}}
