.demo-main{padding:var(--s-xxl) 0 0}.demo-wrap{gap:var(--s-xxl);grid-template-columns:1.1fr 1fr;align-items:start;display:grid}.demo-intro h1{margin:var(--s-md) 0 var(--s-lg)}.demo-intro .lede{color:var(--on-surface-muted);max-width:520px;margin:0 0 var(--s-xl);font-size:17px;line-height:26px}.demo-checks{margin:0 0 var(--s-xxl);flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.demo-checks li{letter-spacing:.25px;color:var(--on-surface);grid-template-columns:22px 1fr;gap:10px;font-size:14px;line-height:22px;display:grid}.demo-checks .ck{background:var(--surface-muted);width:22px;height:22px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.demo-checks b{font-weight:700}.demo-quote{border-left:2px solid var(--accent);padding:var(--s-md) 0 var(--s-md) var(--s-lg)}.demo-quote p{letter-spacing:-.005em;margin:0 0 var(--s-md);color:var(--on-surface);text-wrap:pretty;font-size:18px;line-height:28px}.demo-quote .who{color:var(--on-surface);align-items:center;gap:12px;font-size:13px;display:flex}.demo-quote .who-logo{border-radius:var(--r-sm);background:var(--on-surface);width:36px;height:36px;color:var(--on-inverse);justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.demo-form{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--s-xl);gap:var(--s-md);flex-direction:column;display:flex;position:sticky;top:100px}.demo-form-head h2{letter-spacing:-.01em;margin:0 0 4px;font-size:24px;font-weight:400}.demo-form-head p{margin:0 0 var(--s-md);font-size:13px}.demo-form label{flex-direction:column;gap:6px;display:flex}.demo-form label>span{letter-spacing:.04em;text-transform:uppercase;color:var(--on-surface-muted);font-size:12px;font-weight:700}.demo-form input,.demo-form select,.demo-form textarea{border:1px solid var(--border);border-radius:var(--r-sm);font:inherit;color:var(--on-surface);background:var(--bg);outline:none;padding:12px 14px;font-size:14px}.demo-form textarea{resize:vertical;min-height:90px;font-family:inherit}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{border-color:var(--on-surface)}.demo-grid{gap:var(--s-md);grid-template-columns:1fr 1fr;display:grid}.demo-consent .cb{color:var(--on-surface-muted);cursor:pointer;grid-template-columns:18px 1fr;align-items:start;gap:10px;font-size:13px;line-height:18px;display:grid}.demo-consent .cb input{margin-top:2px}.demo-fineprint{margin:4px 0 0;font-size:12px;line-height:18px}.demo-fineprint a{color:var(--accent)}.demo-bottom{background:var(--surface-muted);margin-top:var(--s-sec);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.demo-bottom-in{gap:var(--s-xxl);grid-template-columns:1fr 1fr;display:grid}.demo-bottom h3{margin:0 0 var(--s-lg)}.demo-agenda{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.demo-agenda li{gap:var(--s-md);padding:var(--s-md) 0;border-top:1px solid var(--border);letter-spacing:.25px;color:var(--on-surface);grid-template-columns:130px 1fr;font-size:14px;line-height:20px;display:grid}.demo-agenda li:first-child{border-top:0}.demo-agenda .t{font-family:var(--font-mono);color:var(--accent);font-size:13px}.demo-alt-links{margin-top:var(--s-md);flex-direction:column;gap:12px;display:flex}.alt-link{padding:var(--s-md) var(--s-lg);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--on-surface);grid-template-columns:1fr auto;align-items:center;gap:10px;transition:all .12s;display:grid}.alt-link:hover{border-color:var(--on-surface)}.alt-link b{font-size:15px;font-weight:700}.alt-link .muted{margin-top:2px;font-size:13px;display:block}.alt-link .arrow{color:var(--accent);grid-area:1/2/span 2;place-self:center end}.demo-alt p.muted{max-width:420px;font-size:15px;line-height:24px}@media (max-width:1000px){.demo-wrap,.demo-bottom-in{grid-template-columns:1fr}.demo-form{position:static}.demo-grid{grid-template-columns:1fr}}