.beta-page .hero { min-height: auto; padding-block: 3rem 5rem; }
.beta-page .hero h1 { font-size: clamp(3.6rem, 7.8vw, 7.5rem); }
.beta-page .hero-stage { min-height: 42rem; }
.beta-page .hero-screenshot { width: min(74%, 18rem); }
.beta-signup { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 5rem); padding-block: 5rem 7rem; border-top: 1px solid var(--line); scroll-margin-top: 7rem; }
.beta-details > p:not(.eyebrow), .beta-conditions { color: var(--muted); }
.beta-details h2 { font-size: clamp(2.7rem, 5vw, 4.8rem); }
.beta-conditions { list-style: none; padding: 0; margin: 2rem 0 0; }
.beta-conditions li { padding: 1.1rem 0; border-top: 1px solid var(--line); }
.beta-conditions strong { display: block; color: var(--ink); margin-bottom: .25rem; }
.beta-form-card { align-self: start; padding: clamp(1.25rem, 3vw, 2.5rem); border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(140deg, rgba(139,92,255,.12), transparent 55%), var(--panel); }
.beta-form-card h3 { font-size: 2.2rem; }
.beta-form-intro, #platform-hint, #signup-notice, #beta-privacy { color: var(--muted); font-size: .88rem; }
.beta-form-card fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
.email-label, .platform-options legend { display: block; margin-bottom: .5rem; font-weight: 800; }
#beta-email { width: 100%; min-height: 3.4rem; padding: .8rem 1rem; border: 1px solid var(--dim); border-radius: .6rem; background: var(--night); color: var(--ink); font: inherit; }
.beta-form-card .platform-options { margin-block: 1.5rem; }
#platform-hint { margin-bottom: .65rem; }
.platform-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.platform-choice { display: flex; align-items: center; gap: .7rem; padding: .8rem; border: 1px solid var(--line); border-radius: .6rem; cursor: pointer; }
.platform-choice:has(:checked) { border-color: var(--cyan); background: rgba(71,231,255,.07); }
.platform-choice small { display: block; color: var(--muted); font-size: .72rem; }
.beta-form-card input:is([type=checkbox], [type=radio]) { flex: 0 0 auto; width: 1.2rem; height: 1.2rem; margin: .2rem 0; accent-color: var(--cyan); }
.beta-agreement { display: flex; align-items: flex-start; gap: .75rem; font-size: .88rem; cursor: pointer; }
#beta-privacy { margin-top: 1.2rem; font-size: .78rem; }
.beta-form-card button { width: 100%; font: inherit; font-weight: 800; cursor: pointer; }
.beta-form-card :disabled { cursor: not-allowed; }
.beta-form-card fieldset:disabled { opacity: .55; }
#signup-notice { margin: 1rem 0 0; }
.beta-page :focus-visible { outline: 3px solid var(--cyan); outline-offset: 4px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.beta-page #how-it-works { scroll-margin-top: 7rem; }
@media (max-width: 880px) {
  .beta-signup { grid-template-columns: 1fr; padding-block: 3rem 5rem; }
  .beta-page .hero-stage { min-height: 39rem; }
  .beta-page .hero-screenshot { width: min(72vw, 17rem); }
}
@media (max-width: 380px) {
  .platform-grid { grid-template-columns: 1fr; }
  .beta-page .hero h1 { font-size: 3.2rem; }
}

.agreement-options legend { font-weight: 800; margin-bottom: .8rem; }
.agreement-options .beta-agreement { padding-block: .5rem; min-height: 2.75rem; }
#agreement-hint { color: var(--muted); font-size: .78rem; margin: .6rem 0 0; }