/* ==========================================================================
   RealityDB Consulting — shared brand shell
   Single source of truth for tokens, reset, nav, and footer.
   Every service page under consulting.realitydb.dev links this file so the
   nav/footer/colours never drift. Page-specific styles stay inline per page.
   Brand system: Outfit + JetBrains Mono / cyan accent (matches realitydb.dev/pricing).
   ========================================================================== */

:root{
  --bg:#06070a;--bg-elevated:#0c0d12;--bg-card:#12141a;--bg-card-hover:#181a22;--bg-input:#0a0b10;
  --border:#1e2030;--border-bright:#2a2d42;--border-input:#252840;
  --text:#eef0f6;--text-muted:#8b8fa6;--text-dim:#5c6080;
  --accent:#22d3ee;--accent-dim:#0891b2;--accent-glow:rgba(34,211,238,.10);
  --green:#00e5a0;--green-glow:rgba(0,229,160,.10);--green-dim:#059669;
  --amber:#ffb444;--amber-glow:rgba(255,180,68,.10);
  --purple:#a78bfa;--purple-glow:rgba(167,139,250,.10);
  --red:#f87171;--red-glow:rgba(248,113,113,.10);
  --font-mono:'JetBrains Mono',monospace;
  --font-sans:'Outfit',system-ui,sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none;transition:opacity .2s}
a:hover{opacity:.85}
.container{max-width:1160px;margin:0 auto;padding:0 28px}

/* NAV — shared across the consulting subdomain */
nav{position:fixed;top:0;width:100%;z-index:100;background:rgba(6,7,10,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
nav .container{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-family:var(--font-mono);font-weight:700;font-size:1.15rem;color:var(--green)}
.logo span{color:var(--accent)}
nav ul{display:flex;gap:28px;list-style:none;align-items:center}
nav ul a{color:var(--text-muted);font-size:.85rem;font-weight:500}
nav ul a:hover{color:var(--text);opacity:1}
nav ul a.active{color:var(--text)}
.nav-cta{background:var(--accent);color:var(--bg);padding:8px 20px;border-radius:6px;font-weight:600;font-size:.85rem}
.nav-cta:hover{opacity:.9}

/* FOOTER — shared across the consulting subdomain */
footer{border-top:1px solid var(--border);padding:40px 0}
footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
footer p{color:var(--text-dim);font-size:.82rem}
footer ul{display:flex;gap:24px;list-style:none;flex-wrap:wrap}
footer ul a{color:var(--text-muted);font-size:.82rem}

@media(max-width:640px){
  nav ul{display:none}
  footer .container{flex-direction:column;text-align:center}
}