{{-- Continuous Improvement Section --}}
@php
$benefits = __('approach.continuous_improvement.benefits');
@endphp

<section class="w-full px-4 py-24 relative overflow-hidden">
    <div class="absolute px-4 opacity-30"></div>

    <div class="max-w-7xl my-20 mx-auto text-center relative">
        <x-atoms.title
            :title="__('approach.continuous_improvement.title')"
            align="center" />

        <p class="text-base lg:text-xl text-white/80 text-center max-w-[700px] mx-auto mb-10 leading-[--gold]">
            {{ __('approach.continuous_improvement.description') }}
        </p>

        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 max-w-[1100px] mx-auto" data-display-wrapped>
            @foreach($benefits as $benefit)
            <div class="bg-glassmorphism bg-[rgba(255,255,255,0.1)] border border-border rounded-lg p-6 flex flex-col items-center text-center h-full" data-display-wrapped>
                <p class="text-sm font-medium">{{ $benefit }}</p>
            </div>
            @endforeach
        </div>
    </div>
</section>