.ap-demo{padding-block:var(--ws-space-m) var(--ws-space-l)}.ap-demo-grid{gap:var(--ws-space-8);align-items:start;display:grid}@media (min-width:900px){.ap-demo-grid{gap:var(--ws-space-16);grid-template-columns:minmax(0,1fr) minmax(0,480px)}}.ap-demo-copy h1{font-size:var(--ws-display);line-height:var(--ws-lh-display);font-weight:var(--ws-weight-medium);letter-spacing:-.02em;margin:0}.ap-demo-copy>p{margin:var(--ws-text-gap) 0 0;max-width:34em;font-size:var(--ws-body);line-height:var(--ws-lh-body);color:var(--ws-muted)}.ap-demo-form{background:var(--ap-surface);border-radius:var(--ws-radius-lg);gap:16px;padding:28px;display:grid}.ap-demo-trades{border:0;margin:0;padding:0}.ap-demo-trades legend,.ap-demo-field label{font-size:var(--ws-meta);font-weight:var(--ws-weight-medium);margin-bottom:6px}.ap-demo-trades>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ap-demo-trade{cursor:pointer;position:relative}.ap-demo-trade input{opacity:0;cursor:pointer;position:absolute;inset:0}.ap-demo-trade span{border:1px solid var(--ws-line);border-radius:var(--ws-radius);background:var(--ws-white);min-height:48px;font-weight:var(--ws-weight-medium);justify-content:center;align-items:center;display:flex}.ap-demo-trade input:checked+span{border-color:var(--ws-blue);box-shadow:inset 0 0 0 1px var(--ws-blue);color:var(--ws-blue)}.ap-demo-trade input:focus-visible+span{outline:2px solid var(--ws-blue);outline-offset:2px}.ap-demo-field{display:grid}.ap-demo-field input{border:1px solid var(--ws-line);border-radius:var(--ws-radius);background:var(--ws-white);height:48px;font-size:var(--ws-body);color:var(--ws-ink);padding:0 14px}.ap-demo-field input:focus{outline:2px solid var(--ws-blue);outline-offset:-1px}.ap-demo-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.ap-demo-consent{font-size:var(--ws-meta);line-height:var(--ws-lh-meta);color:var(--ws-muted);align-items:flex-start;gap:12px;display:flex}.ap-demo-consent input{width:20px;height:20px;accent-color:var(--ws-blue);flex-shrink:0;margin-top:1px}.ap-demo-consent a{text-underline-offset:2px;text-decoration:underline}.ap-demo-error{font-size:var(--ws-meta);color:#a33a3a;margin:0}.ap-demo-submit{cursor:pointer;border:0;width:100%}.ap-demo-submit:disabled{opacity:.6;cursor:default}.ap-demo-sent h2{margin:var(--ws-label-gap) 0 0;font-size:var(--ws-heading);font-weight:var(--ws-weight-medium)}.ap-demo-sent p{color:var(--ws-muted);line-height:var(--ws-lh-body);margin:0}.ap-demo-sent-icon{background:var(--ws-blue);width:40px;height:40px;color:var(--ws-white);border-radius:999px;justify-content:center;align-items:center;display:flex}.ap-demo-steps{gap:22px;margin:36px 0 0;padding:0;list-style:none;display:grid}.ap-demo-steps li{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:16px;display:grid}.ap-demo-steps li>span{background:var(--ws-blue);width:32px;height:32px;color:var(--ws-white);font-size:var(--ws-meta);font-weight:var(--ws-weight-strong);border-radius:999px;place-items:center;display:grid}.ap-demo-steps strong{font-size:var(--ws-label);font-weight:var(--ws-weight-medium);line-height:var(--ws-lh-label);display:block}.ap-demo-steps p{margin:var(--ws-label-gap) 0 0;max-width:34em;font-size:var(--ws-body);line-height:var(--ws-lh-body);color:var(--ws-muted)}