/* Common styles for non-semantic title elements (replaced from h3/h4 for SEO optimization) */

/* General title styles - match h3 appearance */
.feature-title,
.plan-title,
.trading-card-title,
.trial-feature-title,
.risk-title,
.advantage-title,
.step-title,
.timeline-title,
.strategy-title,
.principle-title,
.trust-title,
.footer-section-title,
.conn-step__title,
.timeframe-title,
.info-card__title,
.flow-step__title,
.work-step__title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--color-text, #1a1a1a);
  margin: 0;
}

/* Company brand in footer and signals */
.footer-brand,
.signal-company {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--color-text, #1a1a1a);
  margin: 0;
}

/* Trade pairs special styling */
.trade-pair {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-text, #1a1a1a);
  margin: 0;
}

/* Reviewer names - already exist in some CSS files, but adding for consistency */
.reviewer-name {
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--color-text, #1a1a1a);
  margin: 0;
}

/* Section subtitle */
.section-subtitle {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--color-text-secondary, #666);
  margin: 0;
}

/* Header CTA button — hidden on desktop, visible on mobile */
.header__cta {
  display: none;
}

@media (max-width: 1024px) {
  .header__cta {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.75rem;
    padding: 0.4rem 0.9rem;
    white-space: nowrap;
  }

  .header__cta:hover {
    transform: translateX(-50%);
  }
}