.elementor-5862 .elementor-element.elementor-element-741a408{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5862 .elementor-element.elementor-element-29d56fa .elementor-heading-title{color:#000000;}.elementor-5862 .elementor-element.elementor-element-a9d245c{text-align:justify;}.elementor-5862 .elementor-element.elementor-element-a9d245c .elementor-heading-title{color:#000000;}/* Start custom CSS for container, class: .elementor-element-741a408 */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');


  .step-header { margin-bottom: 16px; padding-bottom: 14px; border-bottom: 2px solid #e5e7eb; }
  .step-number { display: inline-flex; align-items: center; gap: 7px; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #6366f1; margin-bottom: 5px; }
  .step-number .dot { width: 7px; height: 7px; background: #6366f1; border-radius: 50%; }
  .step-title { font-size: 23px; font-weight: 800; color: #1a1a2e; letter-spacing: -0.5px; margin-bottom: 9px; }

  .roles { display: flex; gap: 9px; flex-wrap: wrap; }
  .role-badge { display: flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 7px; font-size: 14px; font-weight: 600; }
  .role-badge.human { background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; }
  .role-badge.ai { background: #f5f3ff; color: #6d28d9; border: 1px solid #ddd6fe; }
  .role-badge svg { width: 12px; height: 12px; flex-shrink: 0; }
  .role-desc { color: #6b7280; font-weight: 400; }

  .comparison { margin: 14px 0; }
  .comparison h3 { font-size: 16px; font-weight: 700; color: #374151; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.8px; }
  .comparison-table { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 8px; overflow: hidden; border: 1px solid #e5e7eb; font-size: 16px; }
  .comparison-table thead th { padding: 7px 10px; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.8px; }
  .comparison-table thead th:first-child { background: #fef2f2; color: #991b1b; text-align: left; width: 50%; }
  .comparison-table thead th:last-child { background: #f0fdf4; color: #166534; text-align: left; }

  /* Business value emphasis text */
  .biz-value { font-size: 12px; color: #065f46; font-weight: 600; font-style: italic; margin-top: 8px; padding: 6px 10px; background: #ecfdf5; border-radius: 6px; border-left: 3px solid #10b981; }
  .comparison-table tbody td { padding: 6px 10px; vertical-align: top; border-top: 1px solid #f3f4f6; line-height: 1.45; color: #374151; }
  .comparison-table tbody tr:nth-child(even) td { background: #fafafa; }

  .tasks-grid { display: grid; grid-template-columns: 1fr 1.6fr; gap: 10px; margin: 14px 0; }
  .task-col { border-radius: 9px; padding: 12px 14px; border: 1px solid; }
  .task-col.human { background: #f8faff; border-color: #dbeafe; }
  .task-col.ai { background: #faf8ff; border-color: #e9e5ff; }
  .task-col h4 { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 7px; display: flex; align-items: center; gap: 5px; }
  .task-col.human h4 { color: #1d4ed8; }
  .task-col.ai h4 { color: #6d28d9; }
  .task-col ul { list-style: none; padding: 0; }
  .task-col li { padding: 3px 0 3px 13px; position: relative; font-size: 16px; line-height: 1.45; color: #4b5563; }
  .task-col.human li::before { content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: #93c5fd; }

  .task-col.ai li.shifted { color: #1e1b4b; font-weight: 500; }
  .task-col.ai li.shifted::before { content: ''; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 2px; background: #8b5cf6; }
  .task-col.ai li.new-cap { color: #065f46; font-weight: 500; }
  .task-col.ai li.new-cap::before { content: ''; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 2px; background: #10b981; }
  .task-col.ai li.regular { color: #4b5563; }
  .task-col.ai li.regular::before { content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: #c4b5fd; }

  .shifted-tag { display: inline-block; font-size: 10px; font-weight: 700; color: #7c3aed; background: #ede9fe; padding: 1px 5px; border-radius: 3px; margin-right: 3px; letter-spacing: 0.3px; vertical-align: middle; }
  .new-tag { display: inline-block; font-size: 10px; font-weight: 700; color: #065f46; background: #d1fae5; padding: 1px 5px; border-radius: 3px; margin-right: 3px; letter-spacing: 0.3px; vertical-align: middle; }
  .shifted-detail { display: block; font-size: 12px; color: #6b7280; font-weight: 400; margin-top: 1px; line-height: 1.4; font-style: italic; }

  .outcome-box { background: linear-gradient(135deg, #f0fdf4, #ecfdf5); border: 1px solid #bbf7d0; border-radius: 9px; padding: 10px 14px; margin: 12px 0 8px 0; }
  .outcome-box h4 { font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: #166534; margin-bottom: 3px; }
  .outcome-box p { font-size: 16px; color: #374151; line-height: 1.5; }

  .deps-box { background: #fffbeb; border: 1px solid #fde68a; border-radius: 9px; padding: 10px 14px; }
  .deps-box h4 { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: #92400e; margin-bottom: 3px; }
  .deps-box ul { list-style: none; padding: 0; }
  .deps-box li { padding: 2px 0 2px 13px; position: relative; font-size: 14px; color: #78350f; line-height: 1.4; }
  .deps-box li::before { content: '→'; position: absolute; left: 0; color: #d97706; font-weight: 700; }
  .deps-box li.critical { font-weight: 600; color: #92400e; }

  .efficiency { margin: 12px 0 0 0; }
  .efficiency h3 { font-size: 14px; font-weight: 700; color: #374151; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.8px; display: flex; align-items: center; gap: 5px; }
  .efficiency h3::before { content: '⚡'; font-size: 14px; }
  .eff-table { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 8px; overflow: hidden; border: 1px solid #e0e7ff; font-size: 13px; }
  .eff-table thead th { padding: 6px 8px; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.7px; background: linear-gradient(135deg, #eef2ff, #e0e7ff); color: #3730a3; text-align: left; }
  .eff-table thead th:last-child { background: linear-gradient(135deg, #ecfdf5, #d1fae5); color: #065f46; text-align: center; width: 13%; }
  .eff-table tbody td { padding: 5px 8px; vertical-align: top; border-top: 1px solid #f0f0f8; line-height: 1.4; color: #374151; }
  .eff-table tbody td:first-child { font-weight: 600; color: #1e1b4b; width: 20%; }
  .eff-table tbody td:last-child { text-align: center; font-weight: 700; color: #059669; background: #f0fdf4; }
  .eff-table tbody tr:nth-child(even) td { background: #fafaff; }
  .eff-table tbody tr:nth-child(even) td:last-child { background: #ecfdf5; }
  .eff-table tbody tr.highlight td { background: #fffbeb; }
  .eff-table tbody tr.highlight td:last-child { background: #fef3c7; color: #92400e; }

  .print-btn {
    position: fixed; bottom: 30px; right: 30px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: white; border: none; padding: 14px 28px; border-radius: 12px;
    font-size: 14px; font-weight: 600; cursor: pointer;
    box-shadow: 0 8px 25px rgba(99,102,241,0.4);
    display: flex; align-items: center; gap: 8px; z-index: 100; transition: transform 0.2s;
  }
  .print-btn:hover { transform: translateY(-2px); }
  .print-btn svg { width: 18px; height: 18px; }

  .section-divider { height: 4px; background: linear-gradient(90deg, #6366f1, #a78bfa, #6366f1); }

  .legend { display: flex; gap: 14px; align-items: center; margin: 8px 0 0 0; padding: 6px 12px; background: #faf8ff; border: 1px solid #e9e5ff; border-radius: 7px; font-size: 7.5px; color: #4b5563; }
  .legend-item { display: flex; align-items: center; gap: 4px; }
  .legend-swatch { width: 9px; height: 9px; }
  .legend-swatch.shifted { background: #8b5cf6; border-radius: 2px; }
  .legend-swatch.new-cap { background: #10b981; border-radius: 2px; }
  .legend-swatch.native { background: #c4b5fd; border-radius: 50%; }

  .callout-box {
    background: linear-gradient(135deg, #fef3c7, #fffbeb); border: 1px solid #fbbf24; border-radius: 9px;
    padding: 10px 14px; margin: 8px 0;
  }
  .callout-box h4 { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: #92400e; margin-bottom: 3px; }
  .callout-box p { font-size: 14px; color: #78350f; line-height: 1.5; }/* End custom CSS */