/* Early access waitlist and joined pages. Builds on contact.css, which supplies
   the hero, cards, fields, and form states; this file adds only what differs. */
.early-access-notice strong { font-weight: 800; }
.early-access-select { appearance: none; padding-right: 42px; background-image: linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%); background-position: calc(100% - 22px) 50%, calc(100% - 16px) 50%; background-size: 6px 6px; background-repeat: no-repeat; cursor: pointer; }

.early-access-steps { margin: 24px 0 0; padding: 0; list-style: none; counter-reset: early-step; display: grid; gap: 18px; }
.early-access-steps li { counter-increment: early-step; position: relative; padding-left: 48px; }
.early-access-steps li::before { content: counter(early-step); position: absolute; top: 0; left: 0; width: 32px; height: 32px; display: grid; place-items: center; border: 1.5px solid var(--ink); border-radius: 50%; background: var(--canvas); font-weight: 800; font-size: .86rem; }
.early-access-steps h3,
.early-access-today h3 { margin: 4px 0 0; font-size: 1.05rem; letter-spacing: -.02em; }
.early-access-steps p,
.early-access-today p { margin: 6px 0 0; color: var(--ink-soft); line-height: 1.6; }

.early-access-today { margin-top: 28px; padding-top: 24px; border-top: 1.5px solid var(--line-soft); }
.early-access-today h3 { margin-top: 0; }
.early-access-scanner,
.early-access-blog { min-height: 48px; margin-top: 16px; padding: 12px 18px; display: inline-flex; align-items: center; gap: 8px; border-radius: 9px; background: var(--pink); color: var(--ink); font-size: .86rem; text-decoration: none; }

.early-access-joined .contact-hero-inner > p:not(.contact-kicker) { max-width: 680px; margin: 27px 0 0; color: var(--paper); font-size: clamp(1rem, 1.5vw, 1.13rem); line-height: 1.72; }
.early-access-joined-actions { margin-top: 32px; display: flex; flex-wrap: wrap; gap: 14px 18px; }
.early-access-joined-actions .action-button { margin-top: 0; }
.early-access-joined-actions .early-access-scanner { background: var(--lime); }
.early-access-joined-actions .action-button:focus-visible { outline-color: var(--paper); }
.early-access-hero-link { color: var(--lime); font-weight: 800; text-underline-offset: 3px; }
.early-access-hero-link:hover { color: var(--paper); }
.early-access-hero-link:focus-visible { border-radius: 2px; outline: 3px solid var(--paper); outline-offset: 3px; }