/* Beta-only styles keep the approved legal document presentation intact. */
.beta-intro { background: radial-gradient(ellipse at 85% 40%, #30205235, transparent 60%); }
.beta-intro-grid { display: grid; grid-template-columns: 1.45fr 1fr; align-items: center; gap: 64px; padding-block: 88px 64px; }
.beta-intro h1 { font-size: clamp(3rem, 5.5vw, 5rem); }
.beta-tagline { margin-top: 28px; font-size: 1.35rem; line-height: 1.45; }
.beta-description { max-width: 570px; margin-top: 22px; font-size: 1.0625rem; color: #c4c8d7; }
.beta-limited { max-width: 510px; margin-top: 22px; font-size: .9375rem; color: var(--muted); }
.beta-motto { border-block: 1px solid var(--line); padding-block: 28px; }
.beta-expectations h2 { font-size: 1.4rem; font-weight: 600; letter-spacing: -.025em; line-height: 1.3; margin-bottom: 17px; }
.beta-expectations p { font-size: 1rem; }
.beta-application { padding: 72px 0 96px; background: var(--surface); border-top: 1px solid var(--line); }
.application-intro { text-align: center; margin-bottom: 40px; }
.application-intro h2 { font-size: clamp(2rem, 3.8vw, 3.25rem); line-height: 1.15; }
.application-intro > p:not(.eyebrow) { margin-top: 22px; color: var(--muted); font-size: 1rem; }
.application-notice a { color: var(--cyan); text-decoration: underline; }
.application-notice { max-width: 720px; margin-top: 36px; color: var(--muted); font-size: .9375rem; }
.application-notice p + p { margin-top: 16px; }
.application-notice a { display: inline-flex; align-items: center; min-height: 44px; }
@media (max-width: 900px) { .beta-intro-grid { gap: 32px; } }
@media (max-width: 600px) {
  .beta-intro-grid { grid-template-columns: 1fr; padding-block: 48px 32px; gap: 24px; }
  .beta-intro h1 { font-size: clamp(2.5rem, 10vw, 3.5rem); }
  .beta-tagline { font-size: 1.2rem; }
  .beta-description { font-size: 1rem; }
  .beta-intro .hero-art { display: none; }
  .beta-motto { padding-block: 24px; }
  .beta-application { padding-block: 56px 64px; }
  .application-intro { text-align: left; margin-bottom: 28px; }
  .application-intro h2 { font-size: 2rem; }
      .application-notice { margin-top: 28px; }
  .header-inner nav { gap: 14px; flex-wrap: wrap; }
  .header-inner .nav-beta { font-size: .72rem; }
}

.application-intro .form-opens-note { font-size: .875rem; margin-top: 14px; }
.application-button { min-height: 52px; }

.beta-final-application { padding-bottom: 80px; text-align: center; }
.beta-final-application .beta-limited { max-width: 570px; margin-inline: auto; }
@media (max-width: 600px) { .beta-final-application { padding-bottom: 56px; } }