.button {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 7px;
  padding: 0 30px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

.button--primary {
  min-width: 174px;
  color: var(--color-white);
  border-color: #ff8c25;
  background: linear-gradient(135deg, #ffad52 0%, #ff7b0b 75%);
  box-shadow: 0 8px 22px rgba(255, 130, 24, 0.28);
}

.button__arrow {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5;
}

.button--ghost {
  min-width: 158px;
  color: rgba(255, 255, 255, 0.9);
  border-color: rgba(255, 255, 255, 0.26);
  background: rgba(255, 255, 255, 0.05);
}

.button--header {
  min-width: 106px;
  min-height: 38px;
  border-radius: 20px;
  padding: 0 23px;
  color: #fff;
  background: var(--color-orange);
  font-size: 14px;
}

.section-heading {
  text-align: center;
}

.section-heading > p {
  margin-bottom: 12px;
  color: var(--color-orange);
  font-size: 14px;
  letter-spacing: 0.24em;
}

.section-heading h2 {
  color: var(--color-text);
  font-size: 38px;
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: 0.02em;
}

.section-heading > span {
  display: block;
  margin-top: 16px;
  color: var(--color-muted);
  font-size: 15px;
  line-height: 1.8;
}

.section-heading--dark h2 {
  color: #fff;
}

.section-heading--dark > span {
  color: rgba(228, 237, 249, 0.72);
}

.check-list {
  display: grid;
  gap: 14px;
  color: rgba(235, 241, 249, 0.82);
  font-size: 14px;
  line-height: 1.75;
}

.check-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.check-icon {
  width: 14px;
  height: 14px;
  margin-top: 5px;
  flex: 0 0 14px;
  fill: none;
  stroke: #ff8a22;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.check-list strong {
  color: #ffad55;
  font-weight: 600;
}

.level-badge {
  display: inline-flex;
  min-width: 49px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 600;
}

.level-badge--silver { color: #596577; background: #edf0f4; }
.level-badge--gold { color: #9c7213; background: #fff3cc; }
.level-badge--platinum { color: #167c83; background: #d9f2f1; }
.level-badge--diamond { color: #1e70a3; background: #dfeefa; }
.level-badge--king { color: #fff; background: linear-gradient(90deg, #cf3fe8, #9a49df); }

.pill {
  display: inline-flex;
  height: 24px;
  align-items: center;
  border-radius: 12px;
  padding: 0 11px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.pill--green {
  color: #25855b;
  background: #e6f6ee;
}

.pill--orange {
  color: #c86d24;
  background: #fff0df;
}