/* ─── Maneh Design System — Marketing ───────────────────────────────────── */
:root {
  --bg:       #0F1117;
  --surface:  #1A1D27;
  --surface2: #23263A;
  --accent:   #C9A84C;
  --acc-dim:  rgba(201,168,76,.10);
  --acc-bdr:  rgba(201,168,76,.25);
  --pos:      #4CAF82;
  --text:     #F0F2F5;
  --text2:    #8B91A8;
  --bdr:      rgba(255,255,255,.06);
  --serif: 'DM Serif Display', Georgia, serif;
  --sans:  'Inter', system-ui, sans-serif;
  --r: 8px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { background: var(--bg); color: var(--text); font-family: var(--sans); line-height: 1.5; }
a { color: inherit; text-decoration: none; }

/* ─── Wordmark ───────────────────────────────────────────────────────────── */
.wordmark {
  display: flex;
  align-items: center;
  gap: .75rem;
}
.logo-m {
  width: 36px; height: 36px;
  background: var(--accent);
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--serif);
  font-size: 1.1rem;
  color: #0F1117;
  font-weight: 400;
  flex-shrink: 0;
}
.wordmark span {
  font-family: var(--serif);
  font-size: 1.25rem;
  color: var(--text);
  letter-spacing: .01em;
}

/* ─── Buttons ────────────────────────────────────────────────────────────── */
.btn-primary {
  display: inline-block;
  padding: .9rem 2.5rem;
  background: var(--accent);
  color: #0F1117;
  border-radius: var(--r);
  font-family: var(--sans);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .01em;
  transition: opacity .15s;
}
.btn-primary:hover { opacity: .85; }

.btn-nav {
  padding: .45rem 1.1rem;
  background: var(--accent);
  color: #0F1117;
  border-radius: var(--r);
  font-size: .85rem;
  font-weight: 600;
  transition: opacity .15s;
}
.btn-nav:hover { opacity: .85; }