.how-it-works-page[data-astro-cid-ikooipj4]{gap:var(--space-2xl);flex-direction:column;max-width:900px;margin:0 auto;display:flex}.page-header[data-astro-cid-ikooipj4]{gap:var(--space-sm);flex-direction:column;display:flex}.page-title[data-astro-cid-ikooipj4]{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary)}.page-lead[data-astro-cid-ikooipj4]{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-normal)}.workflow-steps[data-astro-cid-ikooipj4]{gap:var(--space-xl);flex-direction:column;display:flex}.step-card[data-astro-cid-ikooipj4]{align-items:flex-start;gap:var(--space-lg);padding:var(--space-xl);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);display:flex}.step-card[data-astro-cid-ikooipj4]:hover{border-color:var(--color-action);box-shadow:var(--shadow-md);transform:translateY(-2px)}.step-badge[data-astro-cid-ikooipj4]{background-color:var(--color-action-light);width:44px;height:44px;color:var(--color-action);font-family:var(--font-condensed);font-size:var(--text-lg);font-weight:var(--font-bold);border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.step-body[data-astro-cid-ikooipj4]{gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.step-heading[data-astro-cid-ikooipj4]{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary);margin:0}.step-text[data-astro-cid-ikooipj4]{font-size:var(--text-base);color:var(--color-text);line-height:var(--leading-normal);margin:0}.step-features[data-astro-cid-ikooipj4]{margin:var(--space-xs) 0 0 0;gap:var(--space-xs);flex-direction:column;padding:0;list-style:none;display:flex}.step-features[data-astro-cid-ikooipj4] li[data-astro-cid-ikooipj4]{font-size:var(--text-sm);color:var(--color-text-muted);align-items:center;gap:var(--space-sm);display:flex}.step-features[data-astro-cid-ikooipj4] li[data-astro-cid-ikooipj4]:before{content:"✓";color:var(--color-action);font-weight:var(--font-bold)}.tech-section[data-astro-cid-ikooipj4]{gap:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.section-title[data-astro-cid-ikooipj4]{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary)}.tech-grid[data-astro-cid-ikooipj4]{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.tech-card[data-astro-cid-ikooipj4]{gap:var(--space-xs);padding:var(--space-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.tech-icon[data-astro-cid-ikooipj4]{background-color:var(--color-action-light);width:38px;height:38px;color:var(--color-action);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-xs);justify-content:center;align-items:center;display:inline-flex}.tech-card-title[data-astro-cid-ikooipj4]{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-primary);margin:0}.tech-card-desc[data-astro-cid-ikooipj4]{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}.cta-section[data-astro-cid-ikooipj4]{text-align:center;align-items:center;gap:var(--space-md);padding:var(--space-2xl);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.cta-title[data-astro-cid-ikooipj4]{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary);margin:0}.cta-desc[data-astro-cid-ikooipj4]{font-size:var(--text-base);color:var(--color-text-muted);max-width:500px;margin:0}.cta-buttons[data-astro-cid-ikooipj4]{align-items:center;gap:var(--space-md);margin-top:var(--space-sm);display:flex}.btn-primary[data-astro-cid-ikooipj4]{justify-content:center;align-items:center;gap:var(--space-xs);background-color:var(--color-action);color:var(--color-text-inverse);font-weight:var(--font-semibold);font-size:var(--text-sm);border-radius:var(--radius-md);min-height:var(--touch-target-min,44px);box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}.btn-primary[data-astro-cid-ikooipj4]:hover{background-color:var(--color-action-hover);text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px #dc262640}.btn-secondary[data-astro-cid-ikooipj4]{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong);font-weight:var(--font-semibold);font-size:var(--text-sm);border-radius:var(--radius-md);min-height:var(--touch-target-min,44px);box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}.btn-secondary[data-astro-cid-ikooipj4]:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary);text-decoration:none}@media (width<=768px){.tech-grid[data-astro-cid-ikooipj4]{grid-template-columns:1fr}.step-card[data-astro-cid-ikooipj4]{padding:var(--space-lg);flex-direction:column}.cta-buttons[data-astro-cid-ikooipj4]{flex-direction:column;width:100%}.btn-primary[data-astro-cid-ikooipj4],.btn-secondary[data-astro-cid-ikooipj4]{width:100%}}