
/* Black & Gold v3 — new font, removed top bar, consistent bubbles */
:root{
  --gold: #d4af37;
  --gold-soft: #f1d27b;
  --ink: #0b0b0b;
  --ink-2: #141414;
  --slate: #c8d0d8;
  --border: rgba(255,255,255,.10);
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  font-family: 'Manrope', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  background:
    radial-gradient(900px 420px at 85% 0%, rgba(212,175,55,.18), transparent 60%),
    linear-gradient(180deg, #000, #0a0a0a 40%, #111);
  color: #eef2f6;
  margin: 0;
}

a { color: var(--gold); text-decoration: none; }
a:hover { text-decoration: underline; }

/* HERO */
.hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(800px 400px at 15% -10%, rgba(255,255,255,.04), transparent 60%),
    linear-gradient(180deg, #0b0b0b, #121212 60%, #0b0b0b);
  border-bottom: 1px solid var(--border);
}
.hero:before {
  content: "";
  position: absolute;
  inset: -40% -20% auto -20%;
  height: 80%;
  transform: skewY(-8deg);
  background: linear-gradient(90deg, rgba(212,175,55,.12), rgba(0,0,0,0));
  filter: blur(20px);
}
.kicker { letter-spacing: .18em; text-transform: uppercase; color: #a5aeb9; font-size: .8rem; }
.hero-title { font-weight: 800; letter-spacing: .2px; }
.hero-subtitle { max-width: 760px; color: #cbd5e1; margin-left: auto; margin-right: auto; }
.text-gold { color: var(--gold); }
.hero-accent { height: 4px; width: min(240px,60%); background: linear-gradient(90deg, var(--gold), var(--gold-soft)); border-radius: 999px; }

/* Bubbles (consistent, fully rounded) */
.bubble-row { gap: .5rem; }
.bubble {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--border);
  padding: .45rem .9rem;
  border-radius: 999px; /* always pill */
  font-size: .95rem;
  color: #e7ecf3;
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));
}
.bubble i { color: var(--gold); }

/* Sections */
.section { padding: 48px 0; }
.section-alt {
  background: linear-gradient(180deg, #0d0d0d, #121212);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

/* Cards */
.card {
  background: linear-gradient(180deg, #0f0f0f, #121212);
  border: 1px solid var(--border);
  border-radius: 16px;
  color: #e8eef6;
}
.card-raise {
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  transition: transform .18s ease, box-shadow .18s ease;
}
.card-raise:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 48px rgba(0,0,0,.45);
}
.card-border-gold {
  border-image: linear-gradient(180deg, var(--gold), rgba(212,175,55,.2)) 1;
  border-width: 1px;
  border-style: solid;
}
.card-sheen {
  background:
    linear-gradient(180deg, #0f0f0f, #121212),
    radial-gradient(240px 120px at 85% 0%, rgba(212,175,55,.14), transparent 60%);
  background-blend-mode: overlay;
}

.card-header {
  background: linear-gradient(90deg, rgba(212,175,55,.14), rgba(255,255,255,.00));
  border-bottom: 1px solid var(--border);
}

.list-group-item { background: transparent; color: #e6ecf4; }
.list-group-item:hover { background: linear-gradient(90deg, rgba(212,175,55,.08), rgba(255,255,255,.04)); }

/* Footer */
.site-footer { border-top: 1px solid var(--border); background: #0a0a0a; }
.text-secondary { color: #c6d1dc !important; }

/* Type utilities */
.fw-800 { font-weight: 800; }
.lh-1 { line-height: 1.1; }
