:root{--navy:#0A1447;--gold:#C9A34C;--ivory:#F9F7F4;--ink:#1B1B1B}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:var(--ink);background:var(--ivory)}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.topbar{background:var(--navy);color:#E8E6D9;font-size:12.5px}
.topbar .wrap{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:8px 16px}
.topbar .phone{font-weight:600}.topbar .tag{opacity:.9}
.topbar .langs a{color:#E8E6D9;text-decoration:none;margin-left:8px;padding:3px 6px;border-radius:6px;border:1px solid transparent}
.topbar .langs a:hover{border-color:var(--gold);background:#101b63}
.topbar .messengers span{border:1px solid var(--gold);color:var(--gold);padding:3px 8px;border-radius:999px;margin-left:6px}
.brandbar{background:#fff;border-bottom:1px solid #e7e4d9}
.brandbar .wrap{display:flex;align-items:center;justify-content:space-between;padding:10px 16px}
.brandbar .badge{width:36px;height:36px;border-radius:999px;background:var(--gold);border:2px solid var(--navy)}
header.site{background:var(--navy);color:white}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}
nav.main a{color:#E8E6D9;text-decoration:none;margin:0 10px}
nav.main a:hover{color:white}
.hero{background:var(--navy);color:#E8E6D9;text-align:center;padding:64px 16px}
.hero h1{color:white;font-size:40px;margin:0 0 10px}
.btn{display:inline-block;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:600}
.btn.gold{background:var(--gold);color:var(--navy);margin-right:8px}
.btn.outline{border:2px solid var(--gold);color:var(--gold)}
.section{padding:48px 0}.section h2{font-size:28px;color:var(--navy);text-align:center;margin:0 0 16px}
.grid{display:grid;gap:16px}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.card{background:white;border:1px solid #e7e4d9;border-radius:14px;padding:16px}
.card .title{color:var(--navy);font-weight:700;margin-bottom:6px}.card .action{font-size:12px;color:#555}
.lead{color:#5b677a;text-align:center;max-width:720px;margin:0 auto 24px}
footer.site-footer{background:var(--navy);color:#E8E6D9;text-align:center;padding:24px 16px;margin-top:24px}
.badge{display:inline-block;background:#101b63;color:#E8E6D9;padding:6px 10px;border:1px solid var(--gold);border-radius:12px;margin:4px}
.small{text-align:center;color:#666;font-size:12px}
ul.clean{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.anchor{scroll-margin-top:100px}
/* --- Messenger + Social link styling --- */
a.badge {
  display: inline-block;
  background: #101b63;
  color: #E8E6D9;
  border: 1px solid #C9A34C;
  border-radius: 999px;
  padding: 6px 14px;
  margin: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
}
a.badge:hover {
  background: #C9A34C;
  color: #0A1447;
  border-color: #C9A34C;
  text-decoration: none;
}
.card a {
  text-decoration: none;
  color: inherit;
  display: block;
}
.card a:hover .title {
  color: #C9A34C;
}
.card a .title {
  font-weight: 700;
  margin-bottom: 4px;
}
/* Force pill styling for anchored badges */
.section a.badge, .wrap a.badge {
  display: inline-block;
  background: #101b63;
  color: #E8E6D9;
  border: 1px solid #C9A34C;
  border-radius: 999px;
  padding: 6px 14px;
  margin: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
}

.section a.badge:hover, .wrap a.badge:hover {
  background: #C9A34C;
  color: #0A1447;
  border-color: #C9A34C;
  text-decoration: none;
}

/* Ensure links inside cards aren’t blue/underlined */
.card a {
  color: inherit;
  text-decoration: none;
  display: block;
}

.card a:hover .title { color: #C9A34C; }

/* Make anchor-cards clickable and styled */
a.card {
  display: block;
  text-decoration: none;
  color: inherit;
  background: white;
  border: 1px solid #e7e4d9;
  border-radius: 14px;
  padding: 16px;
  position: relative;
  z-index: 2;
  transition: transform .15s ease, box-shadow .15s ease;
}
a.card:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,.08); }
a.card .title { font-weight: 700; margin-bottom: 4px; }

/* Specific look for the Connect section (navy/gold) */
#connect .grid a.card {
  background: #101b63;
  border-color: #C9A34C;
}
#connect .grid a.card .title { color: #fff; }
#connect .grid a.card div { color: #E8E6D9; }

/* Ensure the links actually receive clicks */
a.card, a.card * { pointer-events: auto; }

/* Logo/link */
.brand-link { display:inline-flex; align-items:center; text-decoration:none; }
.brand-link img { height: 36px; width: auto; }

/* Optional: invert logo when header has dark bg */
header.site { background: var(--navy); color: #fff; }
header.site .brand-link img { filter: none; }

.logo img {
  vertical-align: middle;
  height: 40px;
  width: auto;
}
header.site .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-nice { --gap:14px; --radius:12px; --border:#e5e7eb; --muted:#6b7280; --ring:#0ea5e9; --bg:#fff; }
.form-nice .row { display:grid; grid-template-columns:1fr; gap:var(--gap); }
@media (min-width: 780px){ .form-nice .row.two { grid-template-columns:1fr 1fr; } }

.form-nice label { display:block; font-size:0.94rem; margin-bottom:6px; color:#111827; }
.form-nice .req { color:#dc2626; font-weight:600; margin-left:4px; }

.form-nice :where(input,select,textarea){
  width:100%; background:#fff; border:1px solid var(--border); border-radius:var(--radius);
  padding:10px 12px; font-size:0.98rem; line-height:1.3; transition:border-color .15s, box-shadow .15s;
}
.form-nice select[multiple]{ height:168px; padding:8px; }
.form-nice textarea{ min-height:140px; resize:vertical; }

.form-nice :where(input,select,textarea):focus{
  outline:0; border-color:var(--ring);
  box-shadow:0 0 0 3px rgba(14,165,233,.2);
}
.form-nice .hint { color:var(--muted); font-size:.88rem; margin-top:4px; }
.form-nice .inline { display:flex; align-items:center; gap:10px; }
.form-nice .inline input[type="checkbox"]{ width:18px; height:18px; }

.form-nice .actions { display:flex; gap:10px; align-items:center; }
.form-nice .btn-primary{
  appearance:none; border:0; border-radius:999px; padding:12px 18px; font-weight:600;
  background:#111827; color:#fff; cursor:pointer; transition:transform .05s ease, opacity .2s ease;
}
.form-nice .btn-primary:hover{ opacity:.95; }
.form-nice .btn-primary:active{ transform:translateY(1px); }
.form-nice .captcha-wrap{ background:var(--bg); border:1px dashed var(--border); border-radius:var(--radius);
  padding:12px; display:flex; align-items:center; justify-content:center; }
/* === Footer styling === */
.site-footer {
  background: var(--navy);
  color: #E8E6D9;
  text-align: center;
  padding: 24px 16px;
  margin-top: 24px;
}
.site-footer a {
  color: #C9A34C;              /* gold links */
  text-decoration: none;
  font-weight: 500;
}
.site-footer a:hover {
  color: #fff;                 /* white on hover */
  text-decoration: underline;
}
.site-footer .muted {
  color: #b7b7b7;
}
.site-footer hr.muted {
  border: 0;
  border-top: 1px solid rgba(255,255,255,0.1);
}
.site-footer .footer-links {
  margin: 8px 0;
}
.site-footer .footer-links a {
  margin: 0 4px;
}
.site-footer p {
  margin: 6px 0;
}