@vite(['resources/css/app.css', 'resources/js/app.js']) {{-- Page = full-viewport grid that centres the wizard card. The card has symmetric margins on every side, so the layout reads as a deliberate object rather than content floating in an empty pane. --}}
{{-- ambient glows --}}
{{-- LEFT — in-card rail: logo, intro, vertical stepper, footer. --}} {{-- RIGHT — card body. Header (mobile) + the step, which scrolls inside this column only if it ever exceeds the card height. --}}
{{-- Mobile header (lg:hidden) --}}
WaDesk WaDesk
Step {{ $currentStep ?? 1 }}/8 · @yield('step-name', 'Welcome')
@yield('content')
@stack('scripts')