/* Covenant Works marketing chrome — covenantworks.app
   Dark stone, gold inlay. Cinzel only for the lockup and one inscription. */

@font-face { font-family: "Cinzel"; src: url("/brand/fonts/Cinzel-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Cinzel"; src: url("/brand/fonts/Cinzel-SemiBold.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Cinzel"; src: url("/brand/fonts/Cinzel-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Cinzel"; src: url("/brand/fonts/Cinzel-ExtraBold.ttf") format("truetype"); font-weight: 800; font-display: swap; }
@font-face { font-family: "Cinzel"; src: url("/brand/fonts/Cinzel-Black.ttf") format("truetype"); font-weight: 900; font-display: swap; }

:root {
  --blue: #6A88A4;
  --blue-light: #6A88A4;
  --gold: #C99A39;
  --gold-light: #E8C870;
  --dark: #05101D;
  --dark2: #071827;
  --dark3: #10243A;
  --text: #EDE9DF;
  --text-muted: #6A88A4;
  --white: #ffffff;
  --green: #2ecc71;
  --green-dark: #1a9e52;
  --radius: 12px;
  --font-display: "Cinzel", Georgia, serif;
  --font-ui: "Segoe UI", system-ui, sans-serif;
  --gold-line: rgba(201, 154, 57, 0.38);
}

::selection { background: rgba(201, 154, 57, 0.35); color: var(--dark); }

body {
  font-family: var(--font-ui);
  background: var(--dark);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
}

/* ── NAV ── */
.top-nav,
.top-bar {
  background: rgba(5, 16, 29, 0.94) !important;
  backdrop-filter: blur(12px);
  border-bottom: none !important;
  box-shadow: inset 0 -1px 0 var(--gold-line);
}
.nav-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  gap: 12px;
}
.nav-logo {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--text);
  flex-shrink: 0;
}
.nav-logo img,
.nav-mark,
.top-bar .brand .mark {
  width: 22px !important;
  height: 32px !important;
  max-height: 32px !important;
  object-fit: contain;
  display: block;
}
.nav-lockup {
  display: flex;
  flex-direction: column;
  gap: 2px;
  line-height: 1.05;
}
.lockup-name {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #faf8f4;
}
.lockup-title {
  font-family: var(--font-ui);
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gold);
}
.nav-links a {
  color: var(--text-muted) !important;
  font-weight: 600;
  border-radius: 6px;
}
.nav-links a:hover { color: #faf8f4 !important; background: rgba(255,255,255,0.06) !important; }
.nav-links .maker,
.nav-links .biz { color: var(--text-muted) !important; }
.nav-links a.active {
  color: var(--gold-light) !important;
  background: rgba(201,154,57,0.12) !important;
  border: 1px solid var(--gold-line) !important;
}
.nav-signin { color: var(--text-muted) !important; }
.nav-signin:hover { color: #faf8f4 !important; }
.nav-start,
.top-bar .right a.cta {
  background: var(--gold) !important;
  color: var(--dark) !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
.nav-start:hover,
.top-bar .right a.cta:hover {
  background: var(--gold-light) !important;
  color: var(--dark) !important;
  filter: none !important;
}
.top-bar .brand {
  font-family: var(--font-display);
  letter-spacing: 0.12em;
  font-weight: 700;
  color: #faf8f4 !important;
}
.top-bar .tier-tag {
  font-family: var(--font-ui) !important;
  letter-spacing: 0.08em;
}

/* ── HERO TYPE ── */
.hero-inscript {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0 0 18px;
}
.hero-chooser h1,
.page-hero h1,
.about-hero h1,
.hero h1,
.hero h1 .line2 {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #faf8f4 !important;
  color: #faf8f4 !important;
  font-family: var(--font-ui) !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em !important;
}
.hero h1 span,
.about-hero h1 span {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: var(--gold-light) !important;
  color: var(--gold-light) !important;
}
.hero-welcome { display: none !important; }
.hero-overline,
.page-hero .overline,
.hero-eyebrow {
  font-family: var(--font-ui) !important;
  letter-spacing: 0.1em !important;
  font-weight: 650 !important;
}
.star-grid { display: none !important; }

/* ── PLATES / CARDS ── */
.path-card,
.compare-col,
.fcard,
.pricing-card,
.contact-card,
.info-card,
.toc,
.tour-widget,
.card {
  background: var(--dark2) !important;
  border: 1px solid var(--gold-line) !important;
  box-shadow: none !important;
}
.path-card::before,
.fcard::before { display: none !important; }
.path-card.maker,
.path-card.biz,
.compare-col.maker,
.compare-col.biz,
.fcard.biz,
.pricing-card.featured,
.pricing-card.featured-biz {
  background: var(--dark2) !important;
  border-color: var(--gold-line) !important;
  transform: none !important;
}
.path-icon,
.ficon,
.hc-icon,
.pgh-icon { display: none !important; }
.path-track,
.compare-col-head .label,
.pgh-track,
.pnudge-card .pn-track {
  color: var(--gold) !important;
}
.path-card.biz .path-track,
.compare-col.biz .compare-col-head .label { color: var(--gold) !important; }
.path-card.maker .path-bullets li,
.path-card.biz .path-bullets li,
.compare-col.maker .compare-list li,
.compare-col.biz .compare-list li {
  color: #c8d4e0 !important;
}
.path-btn {
  border-radius: 8px !important;
  box-shadow: none !important;
}
.path-btn.maker-btn,
.path-btn.biz-btn {
  background: var(--gold) !important;
  color: var(--dark) !important;
}
.path-btn.maker-btn:hover,
.path-btn.biz-btn:hover {
  background: var(--gold-light) !important;
  color: var(--dark) !important;
  transform: none !important;
}

/* ── PRIMARY ACTIONS ── */
.cta-btn,
.cta-btn.green,
.cta-btn.gold,
.cta-btn.gold-btn,
.tour-cta-btn,
.cf-submit,
.beta-cta-btn,
.pricing-card.featured .pricing-cta,
.pricing-card.featured-biz .pricing-cta {
  background: var(--gold) !important;
  color: var(--dark) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  border-color: transparent !important;
}
.cta-btn:hover,
.cta-btn.green:hover,
.cta-btn.gold:hover,
.cta-btn.gold-btn:hover,
.tour-cta-btn:hover,
.cf-submit:hover:not(:disabled),
.beta-cta-btn:hover,
.pricing-card.featured .pricing-cta:hover,
.pricing-card.featured-biz .pricing-cta:hover {
  background: var(--gold-light) !important;
  color: var(--dark) !important;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}
.cta-secondary {
  border: 1px solid var(--gold-line) !important;
  color: var(--gold-light) !important;
  border-radius: 8px !important;
}

/* ── FAQ numbered labels (not a sequence) ── */
.faq-section-eyebrow { display: none !important; }

/* ── FOOTER ── */
footer {
  border-top: 1px solid var(--gold-line) !important;
  color: var(--text-muted);
}
footer a { color: var(--gold-light) !important; }

@media (max-width: 760px) {
  .nav-links { display: none; }
}
@media (max-width: 520px) {
  .lockup-title { display: none; }
}