/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── Design tokens ── */
:root {
  --bg:          #09090f;
  --surface:     #0b0b16;
  --surface-hi:  #0f0a1e;
  --border:      #1a1730;
  --border-acc:  #4c1d95;
  --border-str:  #2d1f5e;
  --purple:      #7c3aed;
  --purple-hov:  #6d28d9;
  --purple-mut:  #a78bfa;
  --purple-lt:   #c4b5fd;
  --yellow:      #f5c518;
  --green:       #22c55e;
  --text:        #e2e8f0;
  --text-muted:  #6b7280;
  --text-dim:    #4b5563;
  --font:        -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ── Base ── */
html { scroll-behavior: smooth; }
body {
  font-family: var(--font);
  background: var(--bg);
  color: var(--text);
  font-size: 14px;
  line-height: 1.65;
  overflow-x: hidden;
}

/* ── Layout ── */
.lp { max-width: 940px; margin: 0 auto; }

/* ── Shared section typography ── */
.sec-tag {
  font-size: 11px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  color: var(--purple); margin-bottom: 10px;
}
.sec-h2 {
  font-size: 38px; font-weight: 900;
  color: #fff; letter-spacing: -1.5px;
  line-height: 1.08; margin-bottom: 40px;
}
.sec-h2 em { font-style: normal; color: var(--purple-mut); }

/* ── Shared buttons ── */
.btn-primary {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--purple); color: #fff;
  font-weight: 800; font-size: 15px;
  padding: 14px 28px; border-radius: 10px;
  border: none; cursor: pointer; text-decoration: none;
  box-shadow: 0 4px 28px rgba(124,58,237,0.5);
}
.btn-primary:hover { background: var(--purple-hov); }
.btn-ghost {
  color: #94a3b8; font-size: 14px;
  border-bottom: 1px solid #374151;
  padding-bottom: 2px; text-decoration: none; cursor: pointer;
}

/* ── Section dividers ── */
section { border-bottom: 1px solid var(--border); }