/* src/beta.css */
.beta-section {
  display: block;
  margin: 0 auto;
  max-width: 660px;
  text-align: left;
}
.beta-section *,
.beta-section *::before,
.beta-section *::after {
  box-sizing: border-box;
}
.beta-section .sign {
  cursor: pointer;
}
.beta-section a {
  color: var(--ink-soft, #5b5a4e);
  text-underline-offset: 4px;
}
.beta-section__alternatives {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 18px;
}
.beta-section__or {
  color: var(--ink-soft, #5b5a4e);
  font-size: 16px;
}
.beta-section__link {
  background: none;
  border: 0;
  color: var(--ink-soft, #5b5a4e);
  cursor: pointer;
  font: inherit;
  font-size: 16px;
  min-height: 44px;
  padding: 10px 0;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.beta-section__panel {
  background: var(--paper-warm, #f7f0df);
  border: 1px solid var(--forest, #274837);
  display: grid;
  gap: 12px;
  margin-top: 30px;
  padding: clamp(18px, 4vw, 28px);
}
.beta-section__panel h3 {
  color: var(--forest, #274837);
  font-size: 24px;
  line-height: 1.2;
  margin: 0;
}
.beta-section__panel p {
  font-size: 17px;
  line-height: 1.5;
  margin: 0;
}
.beta-section__panel input[readonly] {
  background: var(--paper, #fffdf6);
  border: 1px solid var(--ink-soft, #5b5a4e);
  border-radius: 4px;
  color: var(--ink, #243126);
  font: inherit;
  min-height: 48px;
  padding: 10px 14px;
  width: 100%;
}
.beta-section__panel .sign {
  justify-self: start;
}
.beta-section__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
}
.beta-section__live {
  margin: 8px 0 0;
  min-height: 1.5em;
}
.beta-callback,
.privacy-page__content {
  background: #f7f0df;
  border: 2px solid #754d32;
  border-radius: 2px 7px 3px 6px;
  box-shadow: 4px 5px 0 rgb(117 77 50 / 18%);
}
.beta-callback h1,
.privacy-page h1,
.privacy-page h2 {
  color: #274837;
  line-height: 1.15;
}
.beta-callback p,
.privacy-page p,
.privacy-page li {
  font-size: 1rem;
  line-height: 1.55;
}
.beta-callback button,
.beta-callback input {
  border: 2px solid #274837;
  border-radius: 3px 6px 4px 5px;
  font: inherit;
  min-height: 44px;
  padding: .6rem .85rem;
}
.beta-callback button {
  background: #274837;
  color: #fffdf6;
  cursor: pointer;
}
.beta-callback button:hover,
.beta-callback button:focus-visible {
  background: #163325;
}
.beta-callback input {
  background: #fffdf6;
  color: #243126;
  width: 100%;
}
.beta-callback {
  color: #243126;
  margin: 10vh auto;
  max-width: 36rem;
  padding: 2rem;
}
.privacy-page {
  background: #f7f0df;
  color: #243126;
  font-family:
    "Times New Roman",
    Times,
    "Iowan Old Style",
    Georgia,
    serif;
  min-height: 100vh;
  padding: 1rem;
}
.privacy-page a {
  color: #345f49;
  text-underline-offset: .18em;
}
.privacy-page__content {
  margin: 1rem auto;
  max-width: 48rem;
  padding: clamp(1.25rem, 5vw, 3rem);
}
.privacy-page__footer {
  margin-top: 2rem;
}
@media (prefers-reduced-motion: no-preference) {
  .beta-callback button {
    transition: background-color 160ms ease-out, transform 160ms ease-out;
  }
  .beta-callback button:hover {
    transform: translateY(-1px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .beta-section *,
  .beta-callback *,
  .privacy-page * {
    transition: none !important;
  }
}
@media (max-width: 360px) {
  .beta-callback,
  .privacy-page__content {
    padding: 1rem;
  }
}