/* BRG's existing cosmic identity, with a clearer first-screen message. */
body { overflow-y: auto; }
.hero {
  height: auto;
  min-height: 100svh;
  padding: 112px 24px 92px;
  text-align: center;
}
.hero .brg-mark { width: 76px; margin-bottom: 10px; }
.hero-brand {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.5rem;
  letter-spacing: .11em;
  color: var(--ink);
  margin-bottom: 38px;
}
.hero .eyebrow {
  font-size: .875rem;
  letter-spacing: .22em;
  color: #5d657b;
  margin-bottom: 16px;
}
.hero .wordmark {
  font-size: clamp(2.375rem, 8.6vw, 7.25rem);
  letter-spacing: .025em;
  line-height: 1.02;
  max-width: 1120px;
}
.hero .wordmark span { color: #646eaa; }
.hero .accent-bar { margin-top: 24px; }
.hero-audience {
  margin-top: 26px;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--ink);
}
.hero-summary {
  max-width: 620px;
  margin-top: 10px;
  font-size: 1.0625rem;
  line-height: 1.7;
  color: #5d657b;
  text-wrap: pretty;
}
.hero .cta-row { margin-top: 28px; flex-wrap: wrap; justify-content: center; }
.hero .btn { font-size: .9375rem; min-height: 46px; }
.hero .tagline { margin-top: 26px; font-size: .875rem; letter-spacing: .1em; color: #5d657b; flex-wrap: wrap; justify-content: center; }
.mini-nav {
  position: relative;
  left: auto;
  bottom: auto;
  transform: none;
  margin-top: -44px;
  min-height: 44px;
  padding: 0 16px 14px;
  justify-content: center;
  flex-wrap: wrap;
  font-size: .75rem;
  letter-spacing: .08em;
}
.mini-nav a { padding: 6px 0; }
html[data-theme="dark"] .hero .eyebrow { color: #b6aacd; }
html[data-theme="dark"] .hero .wordmark span { color: #c4b8e7; }
html[data-theme="dark"] .hero-summary,
html[data-theme="dark"] .hero .tagline { color: #b8b5c4; }
@media (max-width: 700px) {
  .hero { padding: 138px 18px 86px; }
  .hero .brg-mark { width: 62px; }
  .hero-brand { font-size: 1.375rem; margin-bottom: 30px; }
  .hero .wordmark { font-size: clamp(2.2rem, 10vw, 4rem); }
  .hero-audience { font-size: 1rem; }
  .hero-summary { font-size: 1rem; max-width: 38ch; }
  .hero .tagline { gap: .5em; letter-spacing: .07em; }
  .hero .cta-row { gap: 10px; }
  .hero .btn { padding: 12px 20px; }
  .dropdown-menu { min-width: 260px; left: 0; transform: translateY(-8px) scale(.95); transform-origin: top left; }
  .dropdown-wrap.open .dropdown-menu { transform: translateY(0) scale(1); }
  .mini-nav { gap: 8px; }
}

/* Show the offer and contact actions immediately on the first paint. */
.hero .brg-mark, .hero .hero-brand, .hero .wordmark, .hero .tagline, .hero .cta-row { opacity: 1; transform: none; animation: none; }