/* Tier pages (/prestige, /corporate) — SIRF in do pages par load hota hai,
   taake consumer pages ka CSS payload na barhe (spec §8, Lighthouse rule).
   Rang SIRF tokens.css ke vars — koi naya hex nahi.
   Prestige = charcoal + gold lean · Corporate = green + charcoal lean. */

/* ---------- shared ---------- */
.tier-kicker {
  font-family: var(--af-font-heading); font-weight: 700; font-size: .85rem;
  letter-spacing: 2px; text-transform: uppercase; color: var(--af-gold);
  margin-bottom: 10px;
}
.tier-hero { padding: 48px 0 46px; }

.tier-grid { display: grid; gap: 16px; margin-top: 26px; }
@media (min-width: 760px) {
  .tier-grid-2 { grid-template-columns: 1fr 1fr; }
  .tier-grid-3 { grid-template-columns: repeat(3, 1fr); }
  .tier-grid-4 { grid-template-columns: repeat(4, 1fr); }
}
.tier-card {
  background: var(--af-white); border: 1px solid var(--af-grey-border);
  border-radius: var(--af-radius); padding: 20px 18px;
}
.tier-card h3 { font-size: 1.02rem; margin-bottom: 6px; }
.tier-card p { font-size: .92rem; line-height: 1.55; }

.tier-card-svc { display: flex; gap: 12px; align-items: flex-start; }
.tier-svc-ic { flex: 0 0 auto; margin-top: 2px; }
.tier-svc-ic .ico { width: 20px; height: 20px; color: var(--af-accent); }

.tier-list { list-style: none; margin-top: 12px; display: grid; gap: 7px; }
.tier-list li { display: flex; gap: 8px; align-items: flex-start; font-size: .92rem; color: var(--af-text); }
.tier-list .ico { width: 16px; height: 16px; flex: 0 0 auto; margin-top: 3px; color: var(--af-accent); }

.tier-dark { background: var(--af-navy-deep); }
.tier-dark .section-title, .tier-dark h2 { color: var(--af-white); }
.tier-dark p, .tier-dark .section-sub { color: var(--af-grey-light); }

.cred-row { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 18px; }
.cred-badge {
  display: inline-block; padding: 8px 18px; border-radius: 20px;
  border: 1.5px solid var(--af-gold); color: var(--af-gold);
  font-family: var(--af-font-heading); font-weight: 700; letter-spacing: 1px;
}
.tier-retainer { margin-top: 22px; font-weight: 600; color: var(--af-gold-light); }

/* ---------- prestige lean: charcoal structure, gold accents ---------- */
.tier-prestige .tier-hero {
  background: linear-gradient(160deg, var(--af-navy-deep), var(--af-navy-deep2));
}
.tier-prestige .tier-hero p { color: var(--af-grey-light); }
.tier-prestige .tier-card { border-top: 3px solid var(--af-gold); }
.tier-prestige .step .num { background: var(--af-navy-deep); }

/* ---------- corporate lean: green structure, charcoal blocks ---------- */
.tier-corporate .tier-card { border-top: 3px solid var(--af-primary); }
.tier-corporate .tier-block h3 { color: var(--af-primary); }

.pkg-card { text-align: center; }
.pkg-price {
  font-family: var(--af-font-heading); font-weight: 800; font-size: 1.05rem;
  color: var(--af-primary); margin: 6px 0 10px;
}
.pkg-featured { border: 2px solid var(--af-primary); box-shadow: var(--af-shadow); }

.tier-fi-line { max-width: 40rem; margin: 0 auto; font-size: 1.02rem; }