:root {
  --yellow: #FFD000;
  --orange: #FFD000;
  --orange-dark: #D9B200;
  --black: #0A0A0A;
  --dark: #111111;
  --dark2: #1A1A1A;
  --gray: #2A2A2A;
  --text: #E8E8E8;
  --muted: #888888;
  --red: #E03131;
  --green: #2ECC71;
}

/* Shared index header on all non-index pages */
body > .banner,
body > nav:not(.shared-nav),
body > .breadcrumb {
  display: none !important;
}

.shared-topbar {
  background: var(--yellow);
  color: var(--black);
  text-align: center;
  padding: 10px 20px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.shared-nav {
  background: var(--black);
  border-bottom: 1px solid #222;
  padding: 18px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 100;
}

.shared-logo {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 900;
  font-size: 22px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--yellow);
  text-decoration: none;
}

.shared-logo span { color: var(--text); }

.shared-links {
  display: flex;
  align-items: center;
  gap: 18px;
}

.shared-links a {
  color: var(--muted) !important;
  text-decoration: none;
  font-family: 'Barlow Condensed', sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.07em;
  font-weight: 700;
}

.shared-links a:hover { color: var(--text) !important; }

.shared-right {
  display: flex;
  align-items: center;
  gap: 14px;
}

.shared-cta {
  background: var(--yellow);
  color: var(--black) !important;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 800;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 12px 28px;
  text-decoration: none;
  white-space: nowrap;
}

.shared-cta:hover { color: var(--black) !important; }

@media (max-width: 1200px) {
  .shared-nav { padding: 16px 20px; }
  .shared-links { gap: 12px; }
  .shared-links a { font-size: 13px; }
}

@media (max-width: 900px) {
  .shared-nav { flex-wrap: wrap; gap: 10px; }
  .shared-right { width: 100%; justify-content: space-between; }
  .shared-links { flex-wrap: wrap; }
}

body {
  background: var(--black) !important;
  color: var(--text) !important;
  font-family: 'Barlow', sans-serif !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
}

h1, h2, h3, .nav-logo, .logo, .s-head, .s-tag, .obj-q, .step h3, .step-n, .hero h1, .hero-label, .topbar, .banner, .cta-nav, .btn, .btn-primary, .trade-nav p, .faq-q {
  font-family: 'Barlow Condensed', sans-serif !important;
  text-transform: uppercase;
}

.banner, .topbar {
  background: var(--yellow) !important;
  color: var(--black) !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em;
}

nav {
  background: var(--black) !important;
  border-bottom: 1px solid #222 !important;
  backdrop-filter: none !important;
}

.nav-logo, .logo {
  color: var(--yellow) !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
}

.nav-logo span, .logo span {
  color: var(--text) !important;
}

.nav-links a, .m-link, .trade-link {
  color: #b0b0b0 !important;
}

.nav-links a:hover, .m-link:hover, .m-link.active, .trade-link:hover {
  color: var(--yellow) !important;
  border-color: var(--yellow) !important;
}

.nav-cta, .m-cta-mob, .btn, .btn-primary, .submit, .contact-form button, nav a.cta-nav {
  background: var(--yellow) !important;
  color: var(--black) !important;
  border: none !important;
  border-radius: 0 !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em !important;
}

.hero, .wrap {
  max-width: 1100px !important;
}

.hero h1, .s-head {
  line-height: 0.95 !important;
  letter-spacing: 0 !important;
}

.hero h1 em, .s-head em {
  color: var(--yellow) !important;
  font-style: normal !important;
}

.hero-sub, .prose p, .contact-sub, .obj p, p, li, .card p, .faq-a {
  color: #c2c2c2 !important;
}

.hero-sub strong, .prose p strong, p strong {
  color: var(--text) !important;
}

.pill, .trade-link {
  background: #121212 !important;
  border: 1px solid #2a2a2a !important;
  color: #c0c0c0 !important;
}

.pill b {
  color: var(--yellow) !important;
}

.cred-bar, .proof-bar, .trade-nav {
  background: var(--dark2) !important;
  border-top: 1px solid #222 !important;
  border-bottom: 1px solid #222 !important;
}

.cred-item span, .stat-n, .stars, .testi-stars, .arrow, .check {
  color: var(--yellow) !important;
}

.bg-alt, .problem-section, section.bg-alt, #contact, .form-wrap, .form-box, .testi, .card, .obj, .faq-item, .info-block {
  background: var(--dark2) !important;
  border-color: #222 !important;
}

.card, .testi, .info-block {
  border-left: 4px solid var(--yellow) !important;
}

.card h3, .obj-q, .faq-q, h2, .s-tag, .section-tag {
  color: var(--yellow) !important;
}

.fg input, .fg select, .form-row input, .form-row textarea, .contact-form input, .contact-form select {
  background: #0f0f0f !important;
  color: var(--text) !important;
  border: 1px solid #2c2c2c !important;
  border-radius: 0 !important;
}

.fg input:focus, .fg select:focus, .form-row input:focus, .form-row textarea:focus, .contact-form input:focus, .contact-form select:focus {
  outline: none !important;
  border-color: var(--yellow) !important;
}

footer {
  background: var(--dark2) !important;
  color: var(--muted) !important;
  border-top: 1px solid #222 !important;
}

footer a {
  color: var(--muted) !important;
}

footer a:hover {
  color: var(--yellow) !important;
}

a {
  color: var(--yellow) !important;
}

[style*="#f97316"], [style*="#F97316"], [style*="rgb(249, 115, 22)"] {
  color: var(--yellow) !important;
}

.subtitle {
  color: var(--muted) !important;
  border-bottom: 1px solid #222 !important;
}

@media (max-width: 600px) {
  .hero {
    padding: 5rem 1.25rem 4rem !important;
  }

  section, .wrap {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}