/* What You Get. Card 8. Role tokens only. */

.ct-page__h {
  font-family: var(--ct-font-display);
  font-weight: var(--ct-weight-bold);
  font-size: var(--ct-size-hook);
  margin: 0 0 18px;
}

.ct-offers { display: grid; grid-template-columns: 1fr 1.35fr; gap: 14px; }

.ct-offer { border: 1px solid var(--ct-border); padding: 15px 17px 16px; position: relative; }
.ct-offer--paid { border: 2px solid var(--ct-accent-primary); }

.ct-offer__price {
  font-family: var(--ct-font-display);
  font-weight: var(--ct-weight-bold);
  font-size: var(--ct-size-lead);
  float: right;
  margin: 0;
}
.ct-offer--free .ct-offer__price { color: var(--ct-accent-positive); }
.ct-offer--paid .ct-offer__price { color: var(--ct-accent-primary); }

.ct-offer__name {
  font-family: var(--ct-font-display);
  font-weight: var(--ct-weight-bold);
  font-size: var(--ct-size-lead);
  margin: 0;
}

.ct-offer__list { list-style: none; margin: 10px 0 0; padding: 0; }
.ct-offer__list li {
  font-size: var(--ct-size-ui);
  line-height: 1.45;
  padding-left: 15px;
  position: relative;
  margin-bottom: 4px;
}
.ct-offer__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--ct-accent-secondary);
}

.ct-turnaround {
  margin: 18px 0 0;
  font-family: var(--ct-font-display);
  font-weight: var(--ct-weight-medium);
  font-size: var(--ct-size-body);
  color: var(--ct-text-strong);
}

.ct-advisory {
  margin-top: 18px;
  border-left: 4px solid var(--ct-text-muted);
  background: var(--ct-surface);
  padding: 12px 18px;
}
.ct-advisory p { margin: 0; font-size: var(--ct-size-body-sm); line-height: 1.5; }

@media (max-width: 900px) { .ct-offers { grid-template-columns: 1fr; } }