:root { --brand: #0f7a4f; --brand-dark: #0b5e3d; --slate: #4a5a6a; --navy: #0f2133; }
body { background: #f6f8fa; color: #16202b; }
.btn-brand { background: var(--brand); border-color: var(--brand); color: #fff; font-weight: 600; }
.btn-brand:hover, .btn-brand:focus { background: var(--brand-dark); border-color: var(--brand-dark); color: #fff; }
a { color: var(--brand); }
.nav-pills .nav-link.active { background: var(--brand); }
.nav-pills .nav-link { color: var(--slate); }
.navbar .nav-link { color: var(--slate); font-weight: 500; }
.hero { background: linear-gradient(135deg, var(--navy), #14492f 70%, var(--brand)); }
.hero-kicker { color: #9fe0c0; letter-spacing: .08em; }
.hero-logo { background: #fff; border-radius: 28px; padding: 14px; max-width: 100%; height: auto; }
.band { background: #e9f3ee; }
.feature, .plan { border: 1px solid #dde3e9; }
.plan { border-top: 4px solid var(--brand); }
.step-number { width: 40px; height: 40px; border-radius: 50%; background: var(--brand); color: #fff;
  display: flex; align-items: center; justify-content: center; font-weight: 700; }
.narrow { max-width: 460px; }
.medium { max-width: 640px; }
.site-footer { background: var(--navy); color: #c4d0db; }
.site-footer a { color: #c4d0db; }