.hub-group-header{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.hub-group-icon{font-size:24px;flex-shrink:0;line-height:1.3}.hub-group-title{font-family:var(--vs-sans);font-size:18px;font-weight:600;color:var(--vs-text);margin:0 0 4px}.hub-group-desc{font-size:14px;line-height:1.6;color:var(--vs-text-dim);margin:0}.hub-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2px}.hub-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--vs-surface);border:1px solid var(--vs-border);text-decoration:none;transition:background .15s,border-color .15s;gap:8px}.hub-card:hover{background:var(--vs-surface-2);border-color:var(--vs-amber-dim)}.hub-card-name{font-size:14px;font-weight:600;color:var(--vs-text)}.hub-card-tag{font-family:var(--vs-mono);font-size:10px;letter-spacing:.06em;color:var(--vs-text-dim);display:none}.hub-card-arrow{color:var(--vs-amber);font-size:14px;flex-shrink:0;transition:transform .15s}.hub-card:hover .hub-card-arrow{transform:translate(4px)}.hub-steps{margin-top:48px;display:flex;flex-direction:column;gap:2px}.hub-step{display:grid;grid-template-columns:80px 1fr;background:var(--vs-surface);border:1px solid var(--vs-border);transition:border-color .15s}.hub-step:hover{border-color:var(--vs-border-light)}.hub-step-num{font-family:var(--vs-mono);font-size:28px;color:var(--vs-amber);padding:28px 0 28px 28px;display:flex;align-items:flex-start;flex-shrink:0}.hub-step-content{padding:28px 32px 28px 0;border-left:1px solid var(--vs-border)}.hub-step-content h3{font-family:var(--vs-serif);font-size:22px;color:var(--vs-text);margin-bottom:12px;line-height:1.3}.hub-step-content p{font-size:15px;line-height:1.7;color:var(--vs-text-muted);margin:0 0 16px}.hub-step-guide{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.hub-guide-ap,.hub-guide-cp{font-family:var(--vs-mono);font-size:11px;letter-spacing:.06em;padding:5px 12px;border:1px solid}.hub-guide-ap{color:var(--vs-amber);border-color:var(--vs-amber-dim);background:var(--vs-amber-glow-sm)}.hub-guide-cp{color:var(--vs-text-dim);border-color:var(--vs-border)}.hub-bestfor-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:48px}.hub-bestfor-card{background:var(--vs-surface);border:1px solid var(--vs-border);padding:32px}.hub-bestfor-card-label{font-family:var(--vs-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:24px}.hub-bestfor-yes{border-top:3px solid var(--vs-amber)}.hub-bestfor-no{border-top:3px solid var(--vs-border-light)}.hub-bestfor-yes .hub-bestfor-card-label{color:var(--vs-amber)}.hub-bestfor-no .hub-bestfor-card-label{color:var(--vs-text-dim)}.hub-bestfor-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--vs-border)}.hub-bestfor-item:last-child{border-bottom:none}.hub-bestfor-icon{flex-shrink:0;margin-top:2px;font-size:13px}.hub-bestfor-yes .hub-bestfor-icon{color:var(--vs-amber)}.hub-bestfor-no .hub-bestfor-icon{color:var(--vs-text-dim)}.hub-bestfor-item strong{display:block;font-size:14px;font-weight:600;color:var(--vs-text);margin-bottom:4px}.hub-bestfor-item p{font-size:13px;line-height:1.6;color:var(--vs-text-muted);margin:0}@media(max-width:768px){.hub-step{grid-template-columns:48px 1fr}.hub-step-num{font-size:20px;padding:20px 0 20px 20px}.hub-step-content{padding:20px 20px 20px 16px}.hub-bestfor-grid{grid-template-columns:1fr}.hub-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}