.demo{gap:var(--s-14);padding-block:var(--s-20);grid-template-columns:1.1fr 1fr;align-items:start;display:grid}.demo__copy{gap:var(--s-6);flex-direction:column;display:flex}.demo__h{font-family:var(--font-display);font-size:clamp(40px,5.6vw,88px);font-weight:var(--w-display);letter-spacing:var(--track-display);color:var(--fg-primary);text-wrap:balance;max-width:14ch;margin:0;line-height:.96}.demo__h em{font-style:italic;font-weight:var(--w-light);color:var(--fg-emphasis);letter-spacing:var(--track-display-italic)}.demo__lede{font-family:var(--font-display);font-size:clamp(18px,1.6vw,22px);line-height:1.5;font-weight:var(--w-light);color:var(--fg-primary);max-width:48ch;margin:0}.demo__bullets{margin:var(--s-4) 0 0;gap:var(--s-6);border-top:1px solid var(--border-default);padding:0;padding-top:var(--s-6);flex-direction:column;list-style:none;display:flex}.demo__bullets li{padding-left:var(--s-8);font-size:var(--text-body-md);letter-spacing:var(--track-tight);color:#0a0a0b9e;line-height:1.55;font-family:var(--font-sans);text-wrap:pretty;font-weight:400;position:relative}.demo__bullets li:before{content:"";background:var(--fg-primary);border-radius:50%;width:16px;height:16px;position:absolute;top:.25em;left:0;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");mask-position:50%;mask-size:11px 11px;mask-repeat:no-repeat}.demo__bullets li:after{content:"";background:var(--canvas-warm);z-index:-1;border-radius:50%;width:16px;height:16px;position:absolute;top:.25em;left:0}.demo__bullets li{isolation:isolate}.demo__bullets li span{font-family:var(--font-display);font-size:clamp(17px,1.4vw,20px);font-weight:var(--w-bold);letter-spacing:var(--track-tight);color:var(--fg-primary);margin-bottom:var(--s-2);text-transform:none;display:block}.demo__trust{margin-top:var(--s-8);padding-top:var(--s-5);border-top:1px solid var(--border-default)}.demo__trust__label{font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:var(--track-uppercase);text-transform:uppercase;color:var(--fg-tertiary);font-weight:var(--w-medium);margin-bottom:var(--s-3)}.demo__badges{gap:var(--s-2);flex-wrap:wrap;display:flex}.demo__badge{border:1px solid var(--border-default);border-radius:var(--r-full);font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:var(--track-uppercase);text-transform:uppercase;color:var(--fg-secondary);padding:6px 12px}.demo__form-wrap{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--r-xl);padding:var(--s-10);top:var(--s-10);position:sticky}.demo__form-title{font-family:var(--font-display);font-size:clamp(22px,2vw,28px);font-weight:var(--w-display);letter-spacing:var(--track-tight);color:var(--fg-primary);margin:0 0 var(--s-6)}.demo__form{gap:var(--s-5);flex-direction:column;display:flex}.demo__row{gap:var(--s-4);grid-template-columns:1fr 1fr;display:grid}.demo__field{gap:var(--s-2);flex-direction:column;display:flex}.demo__field label{font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:var(--track-uppercase);text-transform:uppercase;color:var(--fg-tertiary);font-weight:var(--w-medium)}.demo__field input,.demo__field select{appearance:none;border:none;border-bottom:1px solid var(--border-default);font-family:var(--font-sans);font-size:var(--text-body-md);color:var(--fg-primary);letter-spacing:var(--track-tight);background:0 0;border-radius:0;padding:8px 0;transition:border-color .2s}.demo__field input::placeholder{color:var(--fg-quiet)}.demo__field input:focus,.demo__field select:focus{border-bottom-color:var(--fg-primary);outline:none}.demo__submit{margin-top:var(--s-3);align-self:flex-start}.demo__sent{margin-top:var(--s-3);font-family:var(--font-mono);font-size:var(--text-mono-sm);letter-spacing:var(--track-uppercase);text-transform:uppercase;color:var(--fg-emphasis)}@media (width<=1100px){.demo{gap:var(--s-10);grid-template-columns:1fr}.demo__form-wrap{padding:var(--s-6);position:static}.demo__row{grid-template-columns:1fr}}.demo__field--error input,.demo__field--error input:focus{border-bottom-color:var(--accent-warning)}.demo__field-error,.demo__form-error{margin:var(--s-2) 0 0;font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:var(--track-tight);color:var(--accent-warning)}.demo__result{margin:var(--s-3) 0 0;font-size:var(--text-body-md);color:var(--fg-primary);line-height:1.55}
