*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%}
body{font-family:Arial,Helvetica,sans-serif;background:#0b1521;color:#fff}
.topbar{background:#f2c300;padding:12px 16px}
.nav{display:flex;gap:20px;justify-content:space-between;max-width:1100px;margin:0 auto}
.nav-link{color:#111;text-decoration:none;font-weight:800}
/* Ensure only one background image exists */
.hero,.hero::before,.hero::after{background-image:none !important}
.hero{
  min-height:calc(100vh - 56px);
  background:url('images/hero-background.webp') center/cover no-repeat !important;
  position:relative;
}
/* Make the whole hero clickable to avoid duplicate visual buttons */
.hero-link{
  position:absolute;inset:0;display:block;text-indent:-9999px;
}