{{-- 
    :::steps
    - title: "Fund your wallet"
      body: "Deposit via bank transfer, USDT-SOL, or USDT-ERC20."
    - title: "Choose a plan or pilot"
      body: "Pick an AI plan for automated trading or follow a pilot for copy trading."
    :::
--}}
@php $items = $items ?? []; @endphp

@if(!empty($items))
<div style="margin: 2.5rem 0; padding: 0.5rem 0;">
    @foreach($items as $i => $step)
        <div style="display: flex; gap: 1.25rem; padding: 1.25rem 0; {{ $i < count($items) - 1 ? 'border-bottom: 1px dashed #fed7aa;' : '' }} position: relative;">
            <div style="flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #f97316 0%, #ea580c 100%); color: #ffffff; display: flex; align-items: center; justify-content: center; font-family: 'IBM Plex Mono', monospace; font-weight: 600; font-size: 1rem; box-shadow: 0 2px 8px rgba(249, 115, 22, 0.25);">
                {{ $i + 1 }}
            </div>
            <div style="flex: 1; padding-top: 0.375rem;">
                <div style="font-family: 'DM Sans', sans-serif; font-size: 1.125rem; font-weight: 600; color: #0f172a; margin-bottom: 0.25rem;">
                    {{ $step['title'] ?? '' }}
                </div>
                @if(!empty($step['body']))
                    <div style="font-family: 'IBM Plex Serif', Georgia, serif; font-size: 1rem; color: #475569; line-height: 1.65;">
                        {{ $step['body'] }}
                    </div>
                @endif
            </div>
        </div>
    @endforeach
</div>
@endif