           </div>
        </div>
    </nav>

    <!-- Header -->
    <header class="bg-light py-5">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-8">
                    <h1 class="fw-bold">System Design Recommender</h1>
                    <p class="lead">Select your requirements to get personalized system design component recommendations with explanations, caveats, and mitigation strategies.</p>
                </div>
                <d