.okF41a_hero{gap:var(--space-8);padding:var(--space-8) var(--room-inset) var(--space-9);flex:1;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;display:grid}.okF41a_glow{z-index:-1;pointer-events:none;background:radial-gradient(800px 500px at 72% 50%, var(--color-accent-subtle), transparent 70%);opacity:.5;animation:okF41a_fade calc(var(--duration-rise) * 2) var(--easing-standard) backwards;position:absolute;inset:0}.okF41a_copy{gap:var(--space-5);flex-direction:column;max-inline-size:40rem;display:flex}.okF41a_headline{font-size:var(--font-size-hero-fluid);font-weight:var(--font-weight-thin);text-wrap:balance;line-height:1.02}.okF41a_now{font-weight:var(--font-weight-regular)}.okF41a_lede{max-inline-size:var(--layout-measure);font-size:var(--font-size-field);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}.okF41a_start{gap:var(--space-5);flex-wrap:wrap;align-items:flex-end;max-inline-size:35rem;display:flex}.okF41a_startField{flex:14rem}.okF41a_failure{font-size:var(--font-size-sm);color:var(--color-over)}.okF41a_preview{text-align:center;flex-direction:column;align-items:center;display:flex}.okF41a_previewLabel{color:var(--color-accent)}.okF41a_previewTitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-light);margin-block-start:var(--space-3)}.okF41a_previewClock{font-size:var(--font-size-clock-preview);font-weight:var(--font-weight-thin);line-height:var(--line-height-clock);letter-spacing:var(--letter-spacing-clock);margin-block-start:var(--space-2)}.okF41a_previewLine{background-color:var(--color-border);block-size:1px;inline-size:min(100%,22rem);margin-block-start:var(--space-5);position:relative}.okF41a_previewLine:after{content:"";background-color:var(--color-accent);inline-size:31%;animation:okF41a_grow calc(var(--duration-rise) * 2) var(--easing-out) backwards;animation-delay:calc(var(--duration-stagger) * 6);position:absolute;inset-block:0;inset-inline-start:0}@keyframes okF41a_grow{0%{inline-size:0}}.okF41a_previewPeople{gap:var(--space-3) var(--space-6);flex-wrap:wrap;justify-content:center;margin-block-start:var(--space-6);padding:0;list-style:none;display:flex}.okF41a_previewPerson{gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);flex-direction:column;align-items:center;display:inline-flex}.okF41a_previewPerson[data-state=hand]{color:var(--color-hand)}.okF41a_previewDot{--ring-colour:var(--participant-colour);inline-size:var(--size-dot);block-size:var(--size-dot);background-color:var(--participant-colour);border-radius:var(--radius-full)}.okF41a_previewPerson[data-state=ready] .okF41a_previewDot,.okF41a_previewPerson[data-state=hand] .okF41a_previewDot{box-shadow:var(--ring);animation:okF41a_pop var(--duration-pop) var(--easing-spring) backwards;animation-delay:calc(var(--duration-stagger) * 8)}.okF41a_previewPerson:nth-child(2) .okF41a_previewDot{animation-delay:calc(var(--duration-stagger) * 10)}.okF41a_previewPerson:nth-child(3) .okF41a_previewDot{animation-delay:calc(var(--duration-stagger) * 12)}.okF41a_previewPerson[data-state=hand] .okF41a_previewDot{--ring-colour:var(--color-hand)}.okF41a_previewPerson[data-state=listening] .okF41a_previewDot{opacity:.45}.okF41a_created{gap:var(--space-6);flex-direction:column;max-inline-size:40rem;display:flex}.okF41a_credentials{gap:var(--space-5);flex-direction:column;display:flex}.okF41a_credential{gap:var(--space-2);border-block-end:var(--border-width-thin) solid var(--color-border);flex-direction:column;padding-block-end:var(--space-4);display:flex}.okF41a_credentialRow{gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.okF41a_link{font-size:var(--font-size-md);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.okF41a_pin{font-size:var(--font-size-3xl);font-weight:var(--font-weight-thin);letter-spacing:.1em;-webkit-user-select:all;user-select:all}.okF41a_pinReveal{animation:okF41a_track var(--duration-rise) var(--easing-out) backwards;animation-delay:calc(var(--duration-stagger) * 3)}@keyframes okF41a_track{0%{letter-spacing:.35em;opacity:0}to{letter-spacing:.1em;opacity:1}}.okF41a_instruction{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}@media (width<64rem){.okF41a_hero{gap:var(--space-8);padding-block:var(--space-6) var(--space-8);grid-template-columns:minmax(0,1fr)}.okF41a_preview{order:-1}}
