:root{
  --brand-blue: #0D0D3A;
  --brand-gold: #C4A536;
  --ink-900:  #1F2430;
  --ink-700:  #3B4252;
  --ink-500:  #5B6475;
  --bg-50:    #F6F7FB;
  --card:     #FFFFFF;
  --accent:   #E9E3CF;
  --radius:   12px;
  --shadow:   0 10px 24px rgba(13,13,58,0.08);
}
html,body{margin:0;padding:0;font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, "Noto Sans", sans-serif; color:var(--ink-900); background:var(--bg-50);}
a{color:var(--brand-blue); text-decoration:none;}
header.site-header{
  background: linear-gradient(180deg, var(--brand-blue) 0%, #12124b 100%);
  color:#fff;
  padding: clamp(28px, 5vw, 48px) 20px;
}
.container{max-width:1100px;margin:0 auto;padding:0 20px;}
.brand{
  display:flex; align-items:center; gap:16px; margin-bottom:12px;
}
.brand img{height:56px; width:auto; display:block;}
.brand h1{margin:0; font-size: clamp(22px, 3.6vw, 34px); letter-spacing:.2px;}
.tagline{margin:6px 0 0; font-size: clamp(14px, 2.4vw, 18px); opacity:.92}
.hero-card{
  background:var(--card); color:var(--ink-900);
  margin-top: clamp(18px, 2.8vw, 28px);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: clamp(18px, 3.2vw, 28px);
  display:grid; gap:14px;
}
.pill{
  display:inline-block; background:var(--accent); color:var(--brand-blue);
  padding:6px 10px; border-radius:999px; font-weight:600; font-size:12px; letter-spacing:.3px;
}
.hero-title{margin:6px 0 0; font-size: clamp(22px, 4.5vw, 36px); color:var(--brand-blue)}
.hero-sub{margin:6px 0; font-size: clamp(14px, 2.6vw, 18px); color:var(--ink-700)}
.cta-row{display:flex; gap:12px; flex-wrap:wrap; margin-top:6px}
.btn{
  display:inline-flex; align-items:center; gap:10px; padding:12px 16px; border-radius:10px;
  font-weight:600; border:2px solid transparent; transition:.2s ease; white-space:nowrap;
}
.btn-primary{background:var(--brand-gold); color:#1a1400;}
.btn-primary:hover{filter:brightness(0.95);}
.btn-ghost{background:transparent; color:var(--brand-blue); border-color:var(--brand-blue);}
.section{padding: clamp(28px, 6vw, 56px) 0;}
.card{background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow); padding: clamp(18px, 3.2vw, 28px);}
h2.section-title{margin:0 0 16px; font-size: clamp(20px, 3.8vw, 28px); color:var(--brand-blue);}
.grid{display:grid; gap:16px;}
@media (min-width: 768px){ .grid-3{grid-template-columns: repeat(3, 1fr);} }
.service h3{margin:0 0 6px; color:var(--brand-blue); font-size:18px;}
.service p{margin:0; color:var(--ink-700); font-size:15px;}
.contact-list{list-style:none; padding:0; margin:0}
.contact-list li{margin:8px 0; font-size:16px; color:var(--ink-700)}
.contact-strong{color:var(--brand-blue); font-weight:700}
footer.site-footer{
  background: var(--brand-blue); color:#fff; padding: 18px 20px; text-align:center; margin-top:16px;
}

/* subtle gold divider */
.gold-rule{
  height:4px; width:90px; background:var(--brand-gold); border-radius:3px; margin:8px 0 14px;
}

/* Privacy policy prose */
.prose{color:var(--ink-700); font-size:16px; line-height:1.7;}
.prose h3{color:var(--brand-blue); margin:24px 0 6px; font-size:18px;}
.prose p{margin:0 0 12px;}
.prose ul{margin:0 0 12px; padding-left:20px;}
.prose li{margin:4px 0;}
.prose a{color:var(--brand-blue); text-decoration:underline;}
.back-link{display:inline-flex; align-items:center; gap:6px; margin-bottom:20px; font-weight:600; color:var(--brand-blue);}
.back-link:hover{text-decoration:underline;}