.compare-tag:where(.astro-jsx5dz7l){letter-spacing:.03em;align-items:center;gap:.45rem;margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:inline-flex}.compare-tag-icon:where(.astro-jsx5dz7l){flex-shrink:0;width:1.1rem;height:1.1rem}.bad-tag-icon:where(.astro-jsx5dz7l){color:#f87171}.showcase-action-bar:where(.astro-jsx5dz7l){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.vibe-btn-copy:where(.astro-jsx5dz7l){color:#fff;font-family:var(--sl-font-mono);cursor:pointer;background:#10b98138;border:1px solid #34d3998c;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.showcase-hint:where(.astro-jsx5dz7l){color:#cbd5e1;font-size:.85rem;font-weight:500;line-height:1.4}:root[data-theme=light] .vibe-btn-copy:where(.astro-jsx5dz7l){background:#059669;border-color:#047857;box-shadow:0 2px 8px #05966940;color:#fff!important}:root[data-theme=light] .vibe-btn-copy:where(.astro-jsx5dz7l) .btn-text:where(.astro-jsx5dz7l),:root[data-theme=light] .vibe-btn-copy:where(.astro-jsx5dz7l) .btn-action-icon:where(.astro-jsx5dz7l){color:#fff!important}:root[data-theme=light] .showcase-hint:where(.astro-jsx5dz7l){font-weight:600;color:#1e293b!important}.vibe-workflow-section:where(.astro-3farhmrx){margin:4.5rem 0 3rem}.workflow-header:where(.astro-3farhmrx){text-align:center;margin-bottom:2.25rem}.workflow-badge:where(.astro-3farhmrx){color:#818cf8;letter-spacing:.08em;font-size:.75rem;font-weight:700;font-family:var(--sl-font-mono);background:#6366f11f;border:1px solid #6366f14d;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.85rem;padding:.25rem .75rem;display:inline-flex}.w-badge-icon:where(.astro-3farhmrx){width:.9rem;height:.9rem}.workflow-title:where(.astro-3farhmrx){letter-spacing:-.025em;color:#f8fafc;margin-bottom:.65rem;font-size:clamp(1.75rem,3.2vw,2.35rem);font-weight:800}.workflow-subtitle:where(.astro-3farhmrx){color:#cbd5e1;max-width:680px;margin:0 auto;font-size:1.05rem;line-height:1.6}.workflow-pipeline-card:where(.astro-3farhmrx){background:linear-gradient(145deg,#0f131df2,#0b0e16fa);border:1px solid #6366f147;border-radius:18px;margin-bottom:2.5rem;padding:1.75rem 2rem;position:relative;overflow:hidden;box-shadow:0 16px 36px -10px #00000080,0 0 25px #6366f114}.pipeline-card-label:where(.astro-3farhmrx){text-transform:uppercase;letter-spacing:.06em;color:#cbd5e1;font-size:.82rem;font-weight:700;font-family:var(--sl-font-mono);align-items:center;gap:.5rem;margin-bottom:1.5rem;display:inline-flex}.pipeline-live-dot:where(.astro-3farhmrx){background:#10b981;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 8px #10b981}.pipeline-grid:where(.astro-3farhmrx){grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:1.25rem;display:grid}.pipeline-node:where(.astro-3farhmrx){background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:1.25rem;transition:all .25s cubic-bezier(.16,1,.3,1)}.pipeline-node:where(.astro-3farhmrx):hover{background:#ffffff0f;border-color:#6366f166;transform:translateY(-2px)}.node-tag:where(.astro-3farhmrx){color:#818cf8;letter-spacing:.04em;font-size:.72rem;font-weight:700;font-family:var(--sl-font-mono);margin-bottom:.75rem}.node-main:where(.astro-3farhmrx){align-items:flex-start;gap:.85rem;display:flex}.node-icon-box:where(.astro-3farhmrx){border:1px solid var(--node-accent);width:2.3rem;height:2.3rem;color:var(--node-accent);background:#ffffff0d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.node-icon:where(.astro-3farhmrx){width:1.15rem;height:1.15rem}.node-content:where(.astro-3farhmrx){flex:1}.node-title:where(.astro-3farhmrx){color:#fff;letter-spacing:-.01em;margin:0 0 .45rem;font-size:1.05rem;font-weight:700}.node-pill:where(.astro-3farhmrx){color:#c7d2fe;font-size:.8rem;font-family:var(--sl-font-mono);background:#6366f11f;border:1px solid #a5b4fc59;border-radius:6px;margin-bottom:.45rem;padding:.25rem .65rem;font-weight:600;display:inline-block}.node-desc:where(.astro-3farhmrx){color:#cbd5e1;margin:0;font-size:.88rem;line-height:1.5}.pipeline-arrow:where(.astro-3farhmrx){color:#818cf8;opacity:.85;justify-content:center;align-items:center;display:flex}.arrow-line:where(.astro-3farhmrx){display:none}.arrow-icon:where(.astro-3farhmrx){width:1.4rem;height:1.4rem}.workflow-steps-wrap:where(.astro-3farhmrx){margin-top:1.5rem}.steps-heading-bar:where(.astro-3farhmrx){align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.steps-label:where(.astro-3farhmrx){color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.88rem;font-weight:700;font-family:var(--sl-font-mono);white-space:nowrap}.steps-divider:where(.astro-3farhmrx){background:linear-gradient(90deg,#ffffff1a,#0000);flex:1;height:1px}.steps-grid:where(.astro-3farhmrx){grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.step-card:where(.astro-3farhmrx){background:#0f131dcc;border:1px solid #ffffff17;border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.step-card:where(.astro-3farhmrx):hover{border-color:#6366f166;transform:translateY(-3px);box-shadow:0 12px 28px -8px #00000073}.step-card-header:where(.astro-3farhmrx){justify-content:space-between;align-items:center;margin-bottom:1.15rem;display:flex}.step-num-badge:where(.astro-3farhmrx){font-family:var(--sl-font-mono);color:#a5b4fc;letter-spacing:.05em;background:#6366f11f;border:1px solid #6366f159;border-radius:6px;padding:.2rem .55rem;font-size:.78rem;font-weight:800}.step-tag-pill:where(.astro-3farhmrx){color:#94a3b8;font-size:.76rem;font-weight:600}.step-icon-bubble:where(.astro-3farhmrx){color:#a5b4fc;background:#6366f11a;border:1px solid #6366f140;border-radius:10px;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;display:flex}.step-action-svg:where(.astro-3farhmrx){width:1.15rem;height:1.15rem}.step-card-title:where(.astro-3farhmrx){color:#f8fafc;letter-spacing:-.015em;margin:0 0 .55rem;font-size:1.1rem;font-weight:700}.step-card-desc:where(.astro-3farhmrx){color:#94a3b8;flex:1;margin:0 0 1.25rem;font-size:.88rem;line-height:1.55}.step-card-footer:where(.astro-3farhmrx){border-top:1px solid #ffffff0f;padding-top:.85rem}.step-pill-code:where(.astro-3farhmrx){font-size:.78rem;font-family:var(--sl-font-mono);color:#cbd5e1;background:#0000004d;border:1px solid #ffffff1f;border-radius:6px;padding:.25rem .6rem;font-weight:600;display:inline-block}@media (width>=900px){.steps-grid:where(.astro-3farhmrx){grid-template-columns:repeat(6,1fr)}.step-col-3:where(.astro-3farhmrx){grid-column:span 2}.step-col-2:where(.astro-3farhmrx){grid-column:span 3}}@media (width<=899px){.pipeline-grid:where(.astro-3farhmrx){grid-template-columns:1fr;gap:.85rem}.pipeline-arrow:where(.astro-3farhmrx){margin:.2rem auto;transform:rotate(90deg)}.steps-grid:where(.astro-3farhmrx){grid-template-columns:1fr}}:root[data-theme=light] .workflow-title:where(.astro-3farhmrx){color:#0f172a!important}:root[data-theme=light] .workflow-subtitle:where(.astro-3farhmrx),:root[data-theme=light] .node-desc:where(.astro-3farhmrx),:root[data-theme=light] .step-card-desc:where(.astro-3farhmrx){color:#334155!important}:root[data-theme=light] .workflow-pipeline-card:where(.astro-3farhmrx){background:linear-gradient(145deg,#fffffffa,#f8fafcfa);border-color:#6366f138;box-shadow:0 15px 35px -10px #0000000f}:root[data-theme=light] .pipeline-node:where(.astro-3farhmrx){background:#fff;border-color:#00000014}:root[data-theme=light] .node-title:where(.astro-3farhmrx),:root[data-theme=light] .step-card-title:where(.astro-3farhmrx){color:#0f172a!important}:root[data-theme=light] .node-pill:where(.astro-3farhmrx){color:#3730a3!important;background:#4f46e514!important;border-color:#4f46e540!important}:root[data-theme=light] .pipeline-card-label:where(.astro-3farhmrx){color:#1e293b!important}:root[data-theme=light] .step-card:where(.astro-3farhmrx){box-shadow:0 4px 15px #0000000a;background:#fff!important;border-color:#00000017!important}:root[data-theme=light] .step-num-badge:where(.astro-3farhmrx){color:#3730a3!important;background:#4f46e514!important;border-color:#4f46e540!important}:root[data-theme=light] .step-icon-bubble:where(.astro-3farhmrx){color:#4338ca!important;background:#4f46e514!important;border-color:#4f46e533!important}:root[data-theme=light] .step-card-footer:where(.astro-3farhmrx){border-top-color:#0000000f}:root[data-theme=light] .step-pill-code:where(.astro-3farhmrx){color:#0f172a!important;background:#f1f5f9!important;border-color:#0000001f!important}