:root {
  --gts-gold: #d4a017;
  --gts-gold-2: #b8860b;
  --gts-gold-soft: #f3e6b3;

  --gts-text: #1e1e1e;
  --gts-muted: #6c6c6c;

  --gts-white: #ffffff;
  --gts-bg: #ffffff;
  --gts-bg-alt: #f7f7f7;

  --gts-graphite: #111111;
  --gts-border: rgba(17, 17, 17, 0.12);
  --gts-shadow: 0 16px 40px rgba(17, 17, 17, 0.08);
}

html,
body {
  background: var(--gts-bg);
  color: var(--gts-text);
}

.gts-container {
  max-width: 1120px;
}

.top-offset {
  scroll-margin-top: 84px;
}

.section {
  padding: 72px 0;
}

.section-alt {
  background: var(--gts-bg-alt);
  border-top: 1px solid var(--gts-border);
  border-bottom: 1px solid var(--gts-border);
}

.section-title {
  letter-spacing: 0.4px;
}

.navbar {
  background: rgba(17, 17, 17, 0.92);
  border-bottom: 1px solid rgba(212, 160, 23, 0.35);
  backdrop-filter: blur(10px);
}

.brand-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--gts-gold);
  box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.18);
  display: inline-block;
}

.navbar .nav-link {
  color: rgba(255, 255, 255, 0.86);
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: #ffffff;
}

.hero {
  background:
    radial-gradient(
      900px 500px at 15% 10%,
      rgba(212, 160, 23, 0.18),
      transparent 60%
    ),
    radial-gradient(
      700px 380px at 85% 20%,
      rgba(212, 160, 23, 0.1),
      transparent 55%
    ),
    linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
  border-bottom: 1px solid var(--gts-border);
  padding: 64px 0;
}

.logo-card {
  background: var(--gts-white);
  border: 1px solid rgba(212, 160, 23, 0.25);
  border-radius: 18px;
  box-shadow: var(--gts-shadow);
  padding: 22px;
  min-height: 260px;
}

.logo-img {
  max-width: 520px;
  width: 100%;
  height: auto;
  display: block;
}

.badge-gold {
  background: var(--gts-gold-soft);
  border: 1px solid rgba(212, 160, 23, 0.35);
  color: #6b4f00;
  font-weight: 700;
}

.btn-gold {
  --bs-btn-color: #111111;
  --bs-btn-bg: var(--gts-gold);
  --bs-btn-border-color: var(--gts-gold);
  --bs-btn-hover-bg: var(--gts-gold-2);
  --bs-btn-hover-border-color: var(--gts-gold-2);
  --bs-btn-hover-color: #111111;
  --bs-btn-focus-shadow-rgb: 212, 160, 23;
  font-weight: 800;
}

.card-soft {
  background: var(--gts-white);
  border: 1px solid var(--gts-border);
  border-radius: 18px;
  box-shadow: 0 10px 26px rgba(17, 17, 17, 0.06);
  height: 100%;
}

.card-soft h3 {
  min-height: 2.6rem;
}

.icon-pill {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(212, 160, 23, 0.16);
  border: 1px solid rgba(212, 160, 23, 0.35);
  color: #6b4f00;
  font-weight: 900;
  flex: 0 0 auto;
}

.map-wrap {
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid var(--gts-border);
  box-shadow: 0 14px 34px rgba(17, 17, 17, 0.08);
  background: var(--gts-white);
  min-height: 430px;
}

.link-darkgold {
  color: #8a6500;
  text-decoration: none;
  font-weight: 700;
}

.link-darkgold:hover {
  color: #6b4f00;
  text-decoration: underline;
}

footer {
  background: #0f0f0f;
  border-top: 1px solid rgba(212, 160, 23, 0.35);
}

footer .text-muted {
  color: rgba(255, 255, 255, 0.72) !important;
}

footer a.link-darkgold {
  color: #f3e6b3;
}

footer a.link-darkgold:hover {
  color: #ffe6a1;
}