/* Clean / professional base (30 Oct 2026, Gary: "very busy ... don't like the galaxy/stars look ... like DataMembership").
   Loaded after v2.css together with one theme-x.css that sets the colours. */
:root {
  --display: 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font: 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --serif: var(--display);
  --mono: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  --glow: none;
  --radius: 18px;
  --shadow: 0 1px 2px rgba(13,35,51,.05), 0 12px 32px -18px rgba(13,35,51,.18);
  --shadow-lg: 0 2px 6px rgba(13,35,51,.06), 0 30px 70px -30px rgba(13,35,51,.30);
}
body { letter-spacing: 0; }
h1, h2, h3 { letter-spacing: -.03em; font-weight: 800; }
.hl, h1 em, h2 em, .swoosh { font-family: var(--display); font-style: normal; font-weight: 800; letter-spacing: -.03em; color: var(--accent-text); }
.gx-h1 { letter-spacing: -.04em; font-weight: 800; line-height: 1.02; }
.gx-h1 em { font-size: 1em; background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--accent-on-dark); padding: 0; }
.eyebrow { font-family: var(--font); font-weight: 700; letter-spacing: .12em; color: var(--accent-text); }
.eyebrow::before { box-shadow: none; border-radius: 50%; }
.mono { font-family: var(--font); letter-spacing: -.01em; font-feature-settings: "tnum" 1; }

/* flat buttons, no shine or coloured glow */
.btn { background: var(--lime); color: var(--btn-text); box-shadow: 0 1px 2px rgba(13,35,51,.12); border-radius: 999px; }
.btn::after { display: none; }
.btn:hover { background: var(--lime-2); transform: none; box-shadow: 0 2px 8px rgba(13,35,51,.18); }
.btn-ghost { background: transparent; color: var(--ink); border: 1px solid var(--line-2); box-shadow: none; }
.btn-glass { backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; }
.btn-glass small { font-family: var(--font); color: var(--accent-on-dark); }

/* header + hero: one calm colour, no stars, grid or glows */
.site-header, .site-header.scrolled { background: var(--hero-1); border-bottom-color: var(--hero-line); }
.live-bar { background: var(--hero-1); font-family: var(--font); letter-spacing: .04em; }
.live-bar b { color: var(--accent-on-dark); }
.gx { background: var(--hero-1); }
.gx-sky { background: linear-gradient(165deg, var(--hero-1) 0%, var(--hero-2) 100%); }
.gx-sky::after { display: none; }
.gx-live { font-family: var(--font); background: transparent; }
.gx-dot { animation: none; }
.gx-poster { background: radial-gradient(circle at 35% 30%, var(--hero-2), var(--hero-1)); box-shadow: none; }
.gx-poster::after { display: none; }
.gx-hint { font-family: var(--font); letter-spacing: .02em; }
.gx-search:focus-within { border-color: var(--lime); box-shadow: 0 0 0 4px var(--focus); }
.gx-quick button:hover { background: var(--focus); border-color: var(--lime); }
.gx-stats b { font-family: var(--display); }
.gx-opt em, .gx-tip em { font-family: var(--font); color: var(--accent-on-dark); }

/* sections */
.bz-tag, .bz-ent-l, .xs-l { font-family: var(--font) !important; letter-spacing: .1em; }
.bz-mem { background: var(--hero-1) !important; }
.bz-mem::before, .bz-mem::after { display: none !important; }
.bz-ex b { color: var(--accent-text); }
.bz-plan.pop { background: rgba(255,255,255,.06) !important; border-color: var(--lime) !important; }
.bz-plan i { background: var(--lime); color: var(--btn-text); }
.bz-ps { color: var(--accent-on-dark) !important; font-family: var(--font) !important; }
.bz-from b { font-family: var(--display); letter-spacing: -.04em; }
.mem-badge, .hm-badge, .oc-badge { background: var(--lime); color: var(--btn-text); }
::selection { background: var(--lime); color: var(--btn-text); }
.btn.btn-glass { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.28); }
.btn.btn-glass:hover { background: rgba(255,255,255,.08); }
.btn.btn-ghost { background: transparent; }
.bx-bar .btn.btn-ghost, .bx-back { color: #fff; border-color: rgba(255,255,255,.3); }
