.try-demo .demo-live-dot{background:var(--fm-success);width:.5rem;height:.5rem;box-shadow:0 0 0 3px var(--fm-success-soft);border-radius:9999px}.try-demo .demo-stage{display:grid}.try-demo .demo-stage>*{grid-area:1/1;min-width:0}.try-demo .demo-stage[data-view=result]>.demo-form{visibility:hidden}.try-demo .demo-form form{flex-direction:column;gap:1rem;display:flex}.try-demo .demo-form label{font-size:var(--fm-text-sm);flex-direction:column;gap:.375rem;font-weight:600;display:flex}.try-demo .demo-form input,.try-demo .demo-form textarea{border-radius:var(--fm-radius-sm);border:1px solid var(--fm-border-strong);background:var(--fm-surface);width:100%;min-height:2.5rem;color:var(--fm-fg);font-size:var(--fm-text-sm);padding:.5rem .75rem;font-family:inherit;font-weight:400}.try-demo .demo-form textarea{resize:vertical;min-height:6.5rem}.try-demo .demo-form input:focus-visible,.try-demo .demo-form textarea:focus-visible{outline:2px solid var(--fm-ring);outline-offset:0;border-color:#0000}.try-demo .demo-form button[type=submit]{border-radius:var(--fm-radius-md);background:var(--fm-primary);min-height:2.75rem;color:var(--fm-primary-fg);font-weight:600;font-size:var(--fm-text-sm);cursor:pointer;align-self:flex-start;padding:.625rem 1.25rem}.try-demo .demo-form button[type=submit]:hover{background:var(--fm-primary-hover)}.try-demo .demo-form button[type=submit]:disabled{opacity:.6;cursor:progress}.try-demo .frontmail-turnstile{min-height:65px}.try-demo .demo-result{flex-direction:column;gap:.75rem;display:flex}.try-demo .demo-result[hidden]{display:none}.try-demo .demo-result-title{font-family:var(--fm-font-display);font-size:var(--fm-text-xl);font-weight:700;line-height:var(--fm-leading-tight)}.try-demo .demo-tone-success{color:var(--fm-success-text)}.try-demo .demo-tone-held{color:var(--fm-held-text)}.try-demo .demo-tone-danger{color:var(--fm-danger-text)}.try-demo .demo-result-body{color:var(--fm-fg-muted);font-size:var(--fm-text-sm)}.try-demo .demo-result-meta{color:var(--fm-fg-subtle);font-size:var(--fm-text-xs);overflow-wrap:anywhere}.try-demo .demo-result-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:.25rem;display:flex}.try-demo .demo-result-note{font-size:var(--fm-text-sm);font-weight:600}.try-demo .demo-result-note[data-tone=pending]{color:var(--fm-fg-muted)}.try-demo .demo-result-note[data-tone=danger]{color:var(--fm-danger-text)}.try-demo .demo-timeline{border-radius:var(--fm-radius-md);background:var(--fm-surface-sunken);border:1px solid var(--fm-border);flex-direction:column;gap:.625rem;padding:.875rem 1rem;display:flex}.try-demo .demo-step{font-size:var(--fm-text-sm);color:var(--fm-fg-subtle);align-items:center;gap:.625rem;display:flex}.try-demo .demo-step-dot{border:2px solid var(--fm-border-strong);border-radius:9999px;flex:none;width:.75rem;height:.75rem}.try-demo .demo-step[data-state=done]{color:var(--fm-fg)}.try-demo .demo-step[data-state=done] .demo-step-dot{background:var(--fm-success);border-color:var(--fm-success)}.try-demo .demo-step[data-state=current]{color:var(--fm-fg);font-weight:600}.try-demo .demo-step[data-state=current] .demo-step-dot{border-color:var(--fm-primary);animation:1.2s ease-in-out infinite demo-pulse}.try-demo .demo-step[data-state=failed]{color:var(--fm-danger-text);font-weight:600}.try-demo .demo-step[data-state=failed] .demo-step-dot{background:var(--fm-danger);border-color:var(--fm-danger)}@keyframes demo-pulse{50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--fm-primary) 25%, transparent)}}@media (prefers-reduced-motion:reduce){.try-demo .demo-step[data-state=current] .demo-step-dot{animation:none}}