.page-demo{padding:calc(var(--space) * 20) 0 calc(var(--space) * 24)}.page-demo .container{max-width:640px}.page-demo .demo-kicker{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;color:var(--dim);margin:0 0 calc(var(--space) * 4)}.page-demo .demo-title{font-family:var(--font-serif);font-size:var(--text-3xl);letter-spacing:-.01em;margin:0 0 calc(var(--space) * 4);font-weight:400;line-height:1.12}.page-demo .demo-sub{font-size:var(--text-base);color:var(--muted);margin:0 0 calc(var(--space) * 10);max-width:46ch;line-height:1.6}.page-demo .demo-disabled-note{font-size:var(--text-xs);color:var(--dim);border:1px solid var(--border);border-radius:var(--radius-sm);padding:calc(var(--space) * 3) calc(var(--space) * 4);margin:0 0 calc(var(--space) * 8)}.page-demo .demo-form fieldset{border:0;min-width:0;margin:0;padding:0}.page-demo .demo-form fieldset:disabled{opacity:.45}.page-demo .demo-botcheck{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.page-demo .demo-grid{gap:calc(var(--space) * 5);grid-template-columns:1fr 1fr;display:grid}.page-demo .demo-field{margin-bottom:calc(var(--space) * 6)}.page-demo .demo-field label,.page-demo .demo-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:calc(var(--space) * 2);display:block}.page-demo .demo-label em,.page-demo .demo-field label em{color:var(--dim);text-transform:none;font-style:normal}.page-demo input[type=text],.page-demo input[type=email],.page-demo textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-sans);font-size:var(--text-sm);padding:calc(var(--space) * 3) calc(var(--space) * 3.5);background:0 0;outline:none}.page-demo textarea{resize:vertical;min-height:120px}.page-demo input::placeholder,.page-demo textarea::placeholder{color:var(--dim)}.page-demo input:focus-visible,.page-demo textarea:focus-visible{border-color:var(--muted)}.page-demo .demo-checks{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.page-demo .demo-field label.demo-check{align-items:center;gap:calc(var(--space) * 2.5);background:var(--bg);padding:calc(var(--space) * 2.5) calc(var(--space) * 3.5);font-size:var(--text-xs);color:var(--text);cursor:pointer;text-transform:none;letter-spacing:0;margin-bottom:0;display:flex}.page-demo .demo-field label.demo-check em{color:var(--dim);font-style:normal}.page-demo .demo-check input{accent-color:var(--text);flex:none;width:13px;height:13px}.page-demo .demo-submit{margin-top:calc(var(--space) * 2)}.page-demo .demo-agent-note{margin-top:calc(var(--space) * 10);padding-top:calc(var(--space) * 5);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--dim)}.page-demo .demo-agent-note a{color:var(--muted);text-decoration:underline}.page-demo .demo-thanks .demo-sub{margin-bottom:calc(var(--space) * 8)}.page-demo .demo-thanks .demo-sub a{color:var(--text);text-decoration:underline}@media (max-width:560px){.page-demo .demo-grid,.page-demo .demo-checks{grid-template-columns:1fr}}