.page-hero p { max-width: 480px; margin: 0 auto; line-height: 1.65; }

.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-bottom: 3.5rem; }
.step { text-align: center; background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 1.5rem; }
.step-num {
  width: 36px; height: 36px; border-radius: 50%;
  background: #eff6ff; color: var(--blue); font-weight: 800; font-size: .875rem;
  display: flex; align-items: center; justify-content: center; margin: 0 auto .75rem;
}
.step h4 { font-size: .875rem; font-weight: 700; color: #0f172a; margin-bottom: .3rem; }
.step p  { font-size: .8rem; color: var(--slate); line-height: 1.5; }

.feats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 3.5rem; }
.feat { background: #fff; border: 1px solid var(--border); border-radius: 10px; padding: 1.25rem; }
.feat-icon { font-size: 1.35rem; margin-bottom: .5rem; }
.feat h4 { font-size: .825rem; font-weight: 700; color: #0f172a; margin-bottom: .25rem; }
.feat p  { font-size: .775rem; color: var(--slate); line-height: 1.5; }

.pricing-card {
  max-width: 400px; margin: 0 auto; background: #fff;
  border: 2px solid var(--navy); border-radius: 18px; padding: 2.5rem; text-align: center;
}
.plan-label { font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--slate); margin-bottom: .75rem; }
.amount { font-size: 3.5rem; font-weight: 800; color: #0f172a; line-height: 1; }
.amount span { font-size: .9rem; font-weight: 400; color: var(--muted); }
.amount-sub { color: var(--muted); font-size: .825rem; margin: .4rem 0 1.75rem; }
.pricing-card ul { list-style: none; text-align: left; margin-bottom: 2rem; }
.pricing-card ul li { font-size: .875rem; color: #475569; padding: .4rem 0; border-bottom: 1px solid #f1f5f9; }
.pricing-card ul li:last-child { border-bottom: none; }
.pricing-card ul li::before { content: "✓  "; color: var(--green); font-weight: 700; }
.btn-order-big {
  display: block; width: 100%; padding: .9rem; background: var(--navy); color: #fff;
  border-radius: 10px; font-size: .95rem; font-weight: 700; text-decoration: none; text-align: center;
}
.btn-order-big:hover { background: var(--navy2); }
.btn-discord-big {
  display: block; width: 100%; padding: .9rem; background: #5865F2; color: #fff;
  border-radius: 10px; font-size: .95rem; font-weight: 700; text-decoration: none; text-align: center;
}
.btn-discord-big:hover { background: #4752c4; }

@media (max-width: 640px) { .steps, .feats { grid-template-columns: 1fr; } }