@font-face {
  font-family: Archivo;
  src: url("./fonts/archivo-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
body { font-family: Archivo, system-ui, sans-serif }
.site-links { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 20px; min-height: 44px }
.site-links a, .wordmark { color: #000; text-underline-offset: 3px }
.site-links a { display: inline-flex; align-items: center; min-height: 44px }
.trial-nav { padding-bottom: 8px; border-bottom: 1px solid #e4e4e4 }
.trial-nav .brand { margin-right: auto }
.support-trigger { font: inherit; font-weight: 650; color: #000; background: transparent; border: 0; padding: 0; min-height: 44px; cursor: pointer }
.support-trigger:hover:not(:disabled) { text-decoration: underline; text-underline-offset: 3px; background: transparent }
.support-dialog { width: min(32rem, 100% - 32px); max-height: calc(100dvh - 32px); padding: clamp(16px, 4vw, 24px); border: 1px solid #e4e4e4; border-radius: 16px; background: #fff; color: #000 }
.support-dialog::backdrop { background: rgb(0 0 0 / .4) }
.support-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px }
.support-heading h2 { margin: 0; font-size: 1.5rem }
.support-dialog p { margin: 8px 0 0; color: #525252; overflow-wrap: anywhere }
.support-dialog button { min-height: 44px; padding: 6px 12px; font: inherit; font-weight: 650; border: 1px solid #7d7d7d; border-radius: 8px; color: #000; background: #fff; cursor: pointer }
.support-dialog button[aria-pressed="true"] { background: #000; color: #fff; border-color: #000 }
.support-dialog a { color: #000; text-underline-offset: 3px }
.support-options { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 16px }
.support-payment { background: #f5f5f5; border-radius: 8px; padding: 12px; margin-top: 16px }
.support-payment p:first-child { margin-top: 0 }
.support-payment [hidden] { display: none !important }
@media (max-width: 480px) {
  .support-options { grid-template-columns: repeat(2,minmax(0,1fr)) }
  .support-heading h2 { font-size: 1.375rem }
}