/* Self-Serve page — page-specific classes layered on site.css (Tommy Editorial v3.0) */

/* hero launch-date (bright gold, readable on navy), tagline + endorsement lockup */
.hero .launch-date { margin-top: 10px; font-size: 22px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--advisory-gold); }
.st-endorse { display: flex; align-items: center; gap: 16px; margin-top: 42px; }
.st-endorse .by { font-size: 18px; letter-spacing: 0.05em; color: var(--advisory-gold); }
.st-endorse img { height: 72px; width: auto; display: block; }
.hero .st-tag { margin-top: 40px; font-family: var(--font-display); font-style: normal; font-size: 24px; color: var(--advisory-gold); }

/* step cards: links inside the cost-card body */
.cost-card .body a { color: var(--advisory-gold-2); text-decoration: underline; text-underline-offset: 3px; }

/* plan comparison table */
.plans-section { border-top: 1px solid rgba(15, 27, 45, 0.08); }
.plans-h2 { font-size: 30px; line-height: 1.14; color: var(--advisory-navy); font-weight: 400; }
.plans-lede { margin-top: 16px; max-width: 640px; font-size: 15px; line-height: 1.625; color: rgba(15, 27, 45, 0.72); }
.plan-table-wrap { margin-top: 36px; overflow-x: auto; }
.plan-table { width: 100%; border-collapse: collapse; min-width: 720px; }
.plan-table th, .plan-table td { text-align: left; padding: 14px 16px; border-bottom: 1px solid rgba(15, 27, 45, 0.1); vertical-align: top; }
.plan-table thead th { font-family: var(--font-display); font-size: 18px; font-weight: 600; color: var(--advisory-navy); border-bottom: 2px solid var(--advisory-gold); }
.plan-table thead th.feat { border-bottom-color: rgba(15, 27, 45, 0.1); }
.plan-table th.feat { width: 28%; font-family: var(--font-sans); font-size: 12.5px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; color: rgba(15, 27, 45, 0.55); }
.plan-table td { font-size: 14.5px; color: rgba(15, 27, 45, 0.82); }
.plan-table .cell-price { font-family: var(--font-display); font-size: 20px; color: var(--advisory-navy); }
.plan-table .cell-per { font-size: 12px; color: rgba(15, 27, 45, 0.5); margin-left: 3px; }
.plan-table td.tick { color: var(--advisory-gold-2); font-size: 17px; font-weight: 600; }
.plan-table td.bestfor { font-size: 13px; line-height: 1.5; color: rgba(15, 27, 45, 0.66); }
.plan-table .featured-col { background: rgba(15, 27, 45, 0.035); }
.plan-table thead th.featured-col { color: var(--advisory-gold-2); }
.plans-note { margin-top: 24px; font-size: 14px; line-height: 1.6; color: rgba(15, 27, 45, 0.7); }
.plans-note a { color: var(--advisory-gold-2); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 719px) {
  .st-endorse img { height: 40px; }
  .st-endorse .by { font-size: 13px; }
}