/* marketing-shared.css — shared design tokens for public marketing pages.
 * Pass E: extracted so index/about/security stay in sync. Page-specific
 * layout rules remain in each page's inline <style>. */

:root {
  --bg: #0d0f10;
  --surface: #141618;
  --surface2: #1a1d1f;
  --surface3: #1f2224;
  --border: rgba(255,255,255,0.07);
  --border2: rgba(255,255,255,0.13);
  --text: #e8e6e0;
  --text2: #8a8880;
  --text3: #5a5855;
  --accent: #c8f55a;
  --accent-dim: rgba(200,245,90,0.1);
  --accent-glow: rgba(200,245,90,0.25);
  --red: #f05555;
  --amber: #f0a840;
  --blue: #5a9ef0;
  --font: 'DM Sans', sans-serif;
  --serif: 'DM Serif Display', serif;
  --mono: 'DM Mono', monospace;
  --radius: 10px;
  --radius-lg: 16px;
}

/* ── Shared marketing nav (index + about) — consolidated so the desktop bar can't drift between
 *    pages. Page-specific bits stay inline: index overrides nav{position:fixed};
 *    each page keeps its own mobile-menu / hamburger / media-query rules. */
nav{position:sticky;top:0;left:0;right:0;z-index:100;padding:1.25rem 2rem;display:flex;align-items:center;justify-content:space-between;background:rgba(13,15,16,0.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav-logo{font-family:var(--serif);font-size:22px;letter-spacing:-0.5px;text-decoration:none;color:var(--text)}
.nav-logo em{font-style:italic;color:var(--accent)}
.nav-logo span{font-size:10px;color:var(--text3);display:block;letter-spacing:0.1em;text-transform:uppercase;font-family:var(--font);margin-top:-2px}
.nav-links{display:flex;align-items:center;gap:2rem}
.nav-links a{font-size:13.5px;color:var(--text2);text-decoration:none;transition:color 0.15s}
.nav-links a:hover{color:var(--text)}
.nav-cta{background:var(--accent);color:#0d0f10;padding:8px 20px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;transition:background 0.15s}
.nav-cta:hover{background:#d4f770}