/* Public signup skin only. Field names, validation and delivery stay unchanged. */
.beta-page { --panel: var(--ink-2); padding-top: 60px; }
.wrap { width: min(100% - 2 * var(--gutter),1280px); margin-inline: auto; }
.beta-layout { padding-top: clamp(70px,8vw,120px); padding-bottom: 80px; }
.beta-intro { padding-top: 14px; }
.beta-intro h1 { letter-spacing: -.01em; font-size: clamp(58px,6.6vw,96px); line-height: .92; }
.beta-intro > .eyebrow { gap: 10px; }
.status-dot { display: inline-block; width: 6px; height: 6px; background: var(--green); }
.beta-intro > p:not(.eyebrow) { color: var(--muted); }
.beta-card { padding: clamp(26px,3vw,44px); border-color: var(--line); border-radius: var(--radius); }
.beta-card h2 { text-transform: uppercase; letter-spacing: 0; font-size: clamp(28px,3vw,40px); }
.beta-field input,.beta-field select,.wearable-option { background: var(--ink); border-color: var(--line-2); }
.beta-field input::placeholder { color: var(--muted); }
.wearable-option:has(input:checked) { background: rgba(174,229,72,.09); }
.beta-page .button { display: inline-flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 52px; padding: 16px 22px; border-radius: 4px; background: var(--green); color: var(--on-green); box-shadow: 0 12px 40px -14px var(--green-glow); font: 700 12.5px var(--font); letter-spacing: .12em; text-transform: uppercase; }
.beta-page .button:hover { background: var(--green-hi); }
.beta-page .button svg { width: 16px; height: 16px; }
.beta-page .button:focus-visible { outline-offset: 4px; }
.beta-install-help ol { list-style: decimal; }
.beta-data { scroll-margin-top: 90px; }
.beta-success h2 { font-size: 40px; }
@media(max-width:800px) { .beta-layout { grid-template-columns: 1fr; gap: 32px; padding-top: 64px; max-width: 660px; } .beta-intro h1 { font-size: clamp(50px,10vw,72px); } .beta-intro > p:not(.eyebrow) { max-width: 460px; } .beta-data { grid-column: 1; } }
@media(max-width:600px) { .beta-layout { padding-top: 54px; } .beta-intro h1 { font-size: 56px; } }