:root {
  --navy: #0b2545;
  --navy-2: #13315c;
  --green: #157347;
  --green-soft: #e6f4ec;
  --ink: #1c2733;
  --muted: #5b6b7c;
  --line: #e7ecf3;
  --bg-soft: #f4f7fb;
}
html { scroll-behavior: smooth; }
body { background: #fff; color: var(--ink); font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; }
h1, h2, h3, h4, h5 { letter-spacing: -.02em; }
.navbar-brand { color: var(--navy) !important; letter-spacing: -.02em; }
.btn-primary { background: var(--navy); border-color: var(--navy); }
.btn-primary:hover { background: var(--navy-2); border-color: var(--navy-2); }
.btn-success { background: var(--green); border-color: var(--green); }
.hero { background: linear-gradient(180deg, var(--bg-soft), #fff); border-bottom: 1px solid var(--line); }
.hero-art { max-height: 380px; }
.eyebrow { text-transform: uppercase; letter-spacing: .12em; font-size: .75rem; color: var(--green); font-weight: 700; }
.step-num { width: 40px; height: 40px; border-radius: 50%; background: var(--navy); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; }
.plan-card { transition: transform .15s ease, box-shadow .15s ease; }
.plan-card:hover { transform: translateY(-4px); box-shadow: 0 .75rem 1.5rem rgba(11, 37, 69, .12) !important; }
.plan-price { color: var(--navy); }
.stat-band { background: var(--navy); }
footer { border-top: 1px solid var(--line); }
.card { border-radius: .75rem; }
.demo-badge { font-size: .7rem; }
.section-pad { padding: 3.5rem 0; }
.kpi { font-size: 1.4rem; font-weight: 700; }