:root {
  --hpm-navy-deep: #030E25;
  --hpm-navy: #091A36;
  --hpm-navy-light: #172846;
  --hpm-gold: #E0AE57;
  --hpm-gold-soft: #EBC989;
  --hpm-cream: #FAF5EA;
  --hpm-ink: #0F1B2D;
  --hpm-fg: #F6F9FC;
  --hpm-muted: #AEB9C4;
}

html, body { background: var(--hpm-navy-deep); color: var(--hpm-fg); }
body { font-family: 'Inter', system-ui, -apple-system, sans-serif; margin: 0; }
a { color: var(--hpm-gold); }
h1,h2,h3,h4,h5,h6 { font-family: 'Playfair Display', Georgia, serif; color: var(--hpm-fg); font-weight: 500; }

.hpm-site-header { background: var(--hpm-navy-deep); }
.hpm-header-inner { max-width: 1280px; margin: 0 auto; padding: 18px 24px; display:flex; align-items:center; justify-content:space-between; gap: 24px; }
.hpm-brand a { text-decoration:none; color: var(--hpm-fg); font-family: 'Inter', sans-serif; font-weight:700; letter-spacing:.15em; font-size:12px; line-height:1.4; display:block; }
.hpm-brand .hpm-sub { color: #7BB0C7; margin-top: 4px; display:flex; align-items:center; gap:6px; }
.hpm-nav ul { list-style:none; margin:0; padding:0; display:flex; gap: 28px; }
.hpm-nav a { color: var(--hpm-fg); text-decoration:none; font-size:13px; letter-spacing:.05em; font-family: 'Inter',sans-serif; font-weight:500; }
.hpm-nav a:hover { color: var(--hpm-gold); }
.hpm-cta a { background: var(--hpm-gold); color: var(--hpm-navy-deep); text-decoration:none; padding: 8px 16px; border-radius: 9999px; font-family: 'Inter',sans-serif; font-weight:500; font-size:13px; }

.hpm-site-footer { background: var(--hpm-navy-deep); border-top:1px solid rgba(255,255,255,.1); color: var(--hpm-muted); font-family: 'Inter',sans-serif; font-size:13px; text-align:center; padding: 22px 24px; }

@media (max-width: 900px) {
  .hpm-nav { display:none; }
  .hpm-cta { display:none; }
}