/* commercial: page-specific styles, served from this origin so the CSP needs no 'unsafe-inline'. */
html { scroll-behavior: smooth; }
body { background: #0f172a; }
.commercial-hero {
  background-image:
    linear-gradient(90deg, rgba(3, 7, 18, 0.96) 0%, rgba(15, 23, 42, 0.88) 48%, rgba(51, 65, 85, 0.54) 100%),
    url('/images/commercial-hero.webp');
  background-position: center;
  background-size: cover;
}
.harbour-grid {
  background-image:
    linear-gradient(rgba(148, 163, 184, 0.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.10) 1px, transparent 1px);
  background-size: 34px 34px;
}