.workflows-hero{padding:calc(72px + var(--space-16)) 0 var(--space-12);background:linear-gradient(180deg,var(--color-primary-bg) 0%,var(--color-bg) 100%);text-align:center}.workflows-hero__inner{max-width:700px;margin:0 auto}.workflows-hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg);border:1px solid var(--color-primary-lighter);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);margin-bottom:var(--space-6)}.workflows-hero__title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.03em;margin-bottom:var(--space-5)}.workflows-hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.workflows-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.wf-catalog-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;transition:all var(--transition-base)}.wf-catalog-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.wf-catalog-card__top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.wf-catalog-card__icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-primary-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.wf-catalog-card__num{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-tertiary)}.wf-catalog-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--color-text)}.wf-catalog-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);flex:1;margin-bottom:var(--space-4)}.wf-catalog-card__metrics{display:flex;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--color-border-light);margin-bottom:var(--space-3)}.wf-catalog-card__metric{display:flex;flex-direction:column}.wf-catalog-card__metric-val{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.wf-catalog-card__metric-label{font-size:10px;color:var(--color-text-tertiary)}.wf-catalog-card__link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.wf-detail-hero{padding:calc(72px + var(--space-12)) 0 var(--space-12);background:linear-gradient(180deg,var(--color-primary-bg) 0%,var(--color-bg) 100%)}.wf-detail-hero__inner{max-width:700px}.wf-detail-hero__back{display:inline-block;font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-6);transition:color var(--transition-fast)}.wf-detail-hero__back:hover{color:var(--color-primary)}.wf-detail-hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg);border:1px solid var(--color-primary-lighter);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);margin-bottom:var(--space-5)}.wf-detail-hero__title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.03em;margin-bottom:var(--space-5)}.wf-detail-hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.wf-detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);text-align:center}.wf-detail-metric__value{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);color:var(--color-primary-light);line-height:1;margin-bottom:var(--space-2)}.wf-detail-metric__label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.wf-steps-list{display:flex;flex-direction:column;gap:var(--space-1)}.wf-step{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) 0;position:relative}.wf-step__num{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0;position:relative;z-index:2}.wf-step__line{position:absolute;left:18px;top:40px;bottom:-4px;width:2px;background:var(--color-border)}.wf-step:last-child .wf-step__line{display:none}.wf-step__text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);padding-top:6px}.wf-capabilities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.wf-capability{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.wf-capability svg{color:var(--color-success);flex-shrink:0}@media(max-width:768px){.workflows-catalog{grid-template-columns:1fr}.wf-detail-metrics{grid-template-columns:1fr;gap:var(--space-4)}.wf-capabilities-grid{grid-template-columns:1fr}}
