.workflow-section {
        background: #f8fafc;
        padding: clamp(52px, 7vw, 96px) 24px;
        position: relative;
        overflow: hidden;
      }
      .workflow-container {
        max-width: 1280px;
        margin: 0 auto;
      }
      .workflow-header {
        margin-bottom: clamp(40px, 6vw, 68px);
      }
      .workflow-eyebrow {
        display: flex;
        align-items: center;
        gap: 10px;
        font-family: 'IBM Plex Mono', monospace;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--primary, #2454ff);
        margin-bottom: 16px;
      }
      .workflow-eyebrow::before {
        content: '';
        width: 28px;
        height: 1.5px;
        background: currentColor;
      }
      .workflow-title {
        font-family: var(--font-heading);
        font-size: clamp(28px, 4vw, 44px);
        font-weight: 800;
        line-height: 1.15;
        letter-spacing: -0.02em;
        color: var(--dark-bg, #0b132b);
        margin: 0 0 14px;
      }
      .workflow-title em {
        font-style: normal;
        color: var(--primary, #2454ff);
      }
      .workflow-subtitle {
        font-family: var(--font-body);
        font-size: 15px;
        line-height: 1.7;
        color: var(--text-muted, #5b6478);
        max-width: 520px;
        margin: 0;
      }
      .workflow-badge {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-family: 'IBM Plex Mono', monospace;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--primary, #2454ff);
        background: rgba(36, 84, 255, 0.08);
        padding: 8px 16px;
        border-radius: 6px;
        margin-top: 18px;
      }
      .workflow-badge::before {
        content: '';
        width: 8px;
        height: 8px;
        background: var(--primary, #2454ff);
        border-radius: 50%;
      }

      .workflow-timeline {
        position: relative;
        overflow: hidden;
        margin-top: clamp(44px, 6vw, 68px);
      }
      .workflow-scroll-wrapper {
        overflow: hidden;
      }
      .workflow-track {
        display: flex;
        gap: 0;
        transform: translateX(0);
      }
      .workflow-track.paused {
        animation-play-state: paused;
      }

      .workflow-step-group {
        position: relative;
        flex-shrink: 0;
        width: 100%;
        min-width: 100%;
      }
      .workflow-phase-label {
        font-family: 'IBM Plex Mono', monospace;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--text-light, #94a3b8);
        margin-bottom: 20px;
        display: block;
      }
      .workflow-line {
        position: absolute;
        top: 18px;
        left: 0;
        right: 0;
        height: 2px;
        background: var(--primary, #2454ff);
        z-index: 0;
      }
      .workflow-nodes {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 8px;
        position: relative;
        z-index: 1;
      }
      .workflow-node {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
      }
      .workflow-circle {
        width: 40px;
        height: 40px;
        border: 3px solid var(--primary, #2454ff);
        border-radius: 50%;
        background: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        margin-bottom: 16px;
        flex-shrink: 0;
      }
      .workflow-circle::before {
        content: '';
        width: 12px;
        height: 12px;
        background: var(--primary, #2454ff);
        border-radius: 50%;
      }
      .workflow-step-number {
        font-family: 'IBM Plex Mono', monospace;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--text-light, #94a3b8);
        display: block;
        margin-bottom: 6px;
      }
      .workflow-step-name {
        font-family: var(--font-heading);
        font-size: 15px;
        font-weight: 700;
        color: var(--dark-bg, #0b132b);
        line-height: 1.3;
        max-width: 140px;
      }

      @media (max-width: 768px) {
        .workflow-nodes { grid-template-columns: repeat(3, 1fr); gap: 12px; }
        .workflow-step-group { width: 200%; min-width: 200%; }
      }