/* One shared label, including when JavaScript is unavailable. */
:root { --signup-label: "Get early access"; }
.signup-label::before { content: var(--signup-label); }
.button .signup-label { font: inherit; }
.arrow-icon { display: inline-block; width: 18px; height: 18px; flex: 0 0 18px;
  vertical-align: middle; }
.pricing-details-link { display: inline-flex; align-items: center; gap: 6px; }
.scroll-cue .arrow-icon { transform: rotate(135deg); }
.nav-wrap { top: 0; left: 0; right: 0; }
.nav { margin-top: 22px; width: min(690px, calc(100% - 40px)); }
.hero { padding-top: 164px; }
.pricing-page .pricing-section { padding-top: 160px; }
.invite-link { font-size: 13px; text-decoration: underline; text-underline-offset: 4px;
  padding-block: 12px; }
.closing .invite-link { display: block; width: fit-content; margin: 6px auto 0; }
.invite-bonus { text-align: center; margin-top: 24px; font-size: 14px; }
.trust-row { margin-top: 24px; display: flex; align-items: center; justify-content: center;
  gap: 20px; color: var(--muted); font-size: 10px; }
.trust-row ul { list-style: none; margin: 0; padding: 0; display: flex;
  align-items: center; justify-content: center; flex-wrap: wrap; gap: 24px; }
.trust-entry, .trust-logo { display: inline-flex; align-items: center; gap: 8px; }
.trust-logo { height: 24px; }
.trust-logo img { height: 24px; width: auto; filter: brightness(0); opacity: .6; }
.trust-logo img.trust-wordmark { height: 20px; }
.trust-logo svg { width: 24px; height: 24px; }
.trust-name { font-size: 12px; }
.trust-tag { font-size: 9px; padding: 1px 5px; border: 1px solid var(--line);
  border-radius: 4px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.hero-network { margin-top: 36px; }
.voice-plan-note { font-size: 13px; color: var(--muted); max-width: 65ch; text-align: center; }
@media (max-width: 760px) {
  .nav { margin-top: 14px; width: calc(100% - 30px); }
  .nav .button { gap: 8px; padding-inline: 12px; }
  .hero { padding-top: 137px; min-height: 844px; }
  .pricing-page .pricing-section { padding-top: 136px; }
  .trust-row { gap: 14px; margin-top: 20px; }
  .hero-network { margin-top: 30px; }
  .pricing-footnote a { display: inline-flex; }
}