/* =========================================================================
   Atlas theme — dark luxury. Charcoal, gold leaf, serif display.
   ========================================================================= */
:root {
  --color-bg: #0c0b09;
  --color-surface: #16140f;
  --color-surface-2: #1e1b14;
  --color-text: #f3eee2;
  --color-muted: #a89e86;
  --color-primary: #d4af37;
  --color-primary-contrast: #0c0b09;
  --color-accent: #e8d8a8;
  --color-border: rgba(212, 175, 55, 0.22);
  --color-success: #d4af37;

  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --fw-display: 700;

  --radius: 14px;
  --radius-lg: 20px;
  --shadow: 0 30px 80px -34px rgba(212, 175, 55, 0.35);
  --section-y: clamp(76px, 10vw, 150px);
}

body {
  background:
    radial-gradient(60% 50% at 50% -8%, rgba(212, 175, 55, 0.1), transparent 60%),
    var(--color-bg);
}
h1, h2, h3, h4 { letter-spacing: -0.01em; }
.bx-section__title, .bx-hero__title { font-style: normal; }

/* Hairline gold rule above section titles — couture detailing. */
.bx-section__head::before {
  content: ""; display: block; width: 48px; height: 1px; margin: 0 auto 22px;
  background: linear-gradient(90deg, transparent, var(--color-primary), transparent);
}
.bx-nav--scrolled { background: rgba(12, 11, 9, 0.82); border-bottom: 1px solid var(--color-border); }
.bx-nav__brandname { font-family: var(--font-display); }

.bx-hero__grid { opacity: 0.12; }
.bx-hero__glow--1 { background: #d4af37; opacity: 0.16; }
.bx-hero__glow--2 { background: #8a6d1f; opacity: 0.2; }
.bx-hero__eyebrow { color: var(--color-primary); border-color: var(--color-border); letter-spacing: 0.18em; text-transform: uppercase; font-size: 12px; background: rgba(212, 175, 55, 0.06); }
.bx-hero__title { font-family: var(--font-display); font-weight: 700; }
.bx-hero__emphasis { font-style: italic; color: var(--color-primary); -webkit-text-fill-color: var(--color-primary); background: none; }

.bx-feature, .bx-step, .bx-plan, .bx-faq__item, .bx-hero__activation, .bx-modal__dialog, .bx-feed__item {
  background: linear-gradient(180deg, var(--color-surface), var(--color-bg));
  border: 1px solid var(--color-border);
}
.bx-feature:hover { border-color: var(--color-primary); box-shadow: var(--shadow); }
.bx-feature__icon { background: rgba(212, 175, 55, 0.1); border: 1px solid var(--color-border); }
.bx-feature__title { font-family: var(--font-display); font-weight: 700; }

.bx-btn { letter-spacing: 0.04em; }
.bx-btn--primary { background: linear-gradient(120deg, #d4af37, #e8d8a8); color: #0c0b09; box-shadow: 0 16px 40px -16px rgba(212, 175, 55, 0.6); }
.bx-btn--primary:hover { box-shadow: 0 20px 50px -16px rgba(212, 175, 55, 0.75); }
.bx-btn--ghost { border-color: var(--color-border); color: var(--color-primary); }
.bx-btn--ghost:hover { border-color: var(--color-primary); color: var(--color-primary); background: rgba(212, 175, 55, 0.06); }

.bx-bookmarklet { background: linear-gradient(120deg, #d4af37, #e8d8a8); color: #0c0b09; box-shadow: 0 16px 40px -16px rgba(212, 175, 55, 0.6); }
.bx-feed__item { color: var(--color-accent); font-family: var(--font-body); }
.bx-step__num { background: linear-gradient(120deg, #d4af37, #e8d8a8); color: #0c0b09; }
.bx-plan__amount { font-family: var(--font-display); color: var(--color-primary); }
.bx-plan--featured { border-color: var(--color-primary); box-shadow: 0 40px 90px -40px rgba(212, 175, 55, 0.5); }
.bx-plan__badge { background: linear-gradient(120deg, #d4af37, #e8d8a8); color: #0c0b09; letter-spacing: 0.12em; }
.bx-faq__q { font-family: var(--font-display); }
.bx-faq__icon { color: var(--color-primary); }
.bx-cta__title { font-family: var(--font-display); }
.bx-cta__inner { background: linear-gradient(135deg, rgba(212, 175, 55, 0.12), var(--color-surface)); }

/* ---- Private desk (tool.html) ------------------------------------------- */
/* Charcoal panels, gold hairlines and serif headings, as on the site. */
.bx-toolbar { background: rgba(12, 11, 9, 0.86); }
.bx-tool__console,
.bx-tool__gatecard,
.bx-tool__card,
.bx-tool__metric {
  background: linear-gradient(180deg, var(--color-surface), var(--color-bg));
  border: 1px solid var(--color-border);
}
.bx-toolbar__brandname, .bx-tool__title, .bx-tool__gatetitle, .bx-tool__paneltitle { font-family: var(--font-display); font-weight: 700; }
.bx-tool__eyebrow, .bx-toolbar__suffix { letter-spacing: 0.18em; font-size: 12px; }
.bx-tool__tabs { background: rgba(12, 11, 9, 0.6); }
.bx-tool__tab { letter-spacing: 0.05em; }
.bx-tool__tab.is-active { background: rgba(212, 175, 55, 0.14); border-color: var(--color-primary); color: var(--color-primary); }
.bx-tool__gatebadge { letter-spacing: 0.2em; }
.bx-tool__gatetitle::after {
  content: ""; display: block; width: 48px; height: 1px; margin: 18px auto 0;
  background: linear-gradient(90deg, transparent, var(--color-primary), transparent);
}
.bx-tool__gatenum { background: linear-gradient(120deg, #d4af37, #e8d8a8); color: #0c0b09; }
.bx-tool__metricval { color: var(--color-primary); }
.bx-tool__input { background: rgba(12, 11, 9, 0.85); }
.bx-tool__verdict { letter-spacing: 0.12em; }

/* Walkthrough video — gold play button, couture hairline. */
.bx-video__play { background: linear-gradient(120deg, #d4af37, #e8d8a8); color: #0c0b09; }
.bx-video__eyebrow { letter-spacing: 0.18em; font-size: 12px; }