/* Site-wide size for the "Sign Up" + "Quick Demo" CTA pair (a.cta-button.cta-signup / a.cta-button.cta-demo).
   Size only: colours, borders, hovers and links stay with each page's own styles.
   Specificity (a + two classes) beats the per-page .cta-button rules and their breakpoints. */
a.cta-button.cta-signup, a.cta-button.cta-demo {
  display: inline-flex; align-items: center; justify-content: center;
  box-sizing: border-box; min-height: 56px; padding: 0 2.5rem;
  font-size: 1.2rem; line-height: 1.2; font-weight: 600; white-space: nowrap;
}
@media (max-width: 1200px) {
  a.cta-button.cta-signup, a.cta-button.cta-demo { min-height: 52px; padding: 0 2.1rem; font-size: 1.125rem; }
}
/* Phones: stack the pair full width */
@media (max-width: 600px) {
  :has(> a.cta-button.cta-signup + a.cta-button.cta-demo) { display: flex !important; flex-direction: column !important; align-items: center !important; gap: .75rem !important; }
  a.cta-button.cta-signup, a.cta-button.cta-demo { display: flex; width: 100%; max-width: calc(100vw - 32px); min-height: 52px; padding: 0 1.25rem; font-size: 1.1rem; margin-left: 0; margin-right: 0; }
}