.demo-split[data-astro-cid-soxsnotx]{min-height:calc(100svh - var(--header-height));padding-block:var(--space-xl);align-items:center;display:flex}.demo-split-inner[data-astro-cid-soxsnotx]{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;width:100%;display:grid}.demo-intro[data-astro-cid-soxsnotx]{gap:var(--space-m);flex-direction:column;display:flex}.demo-h1[data-astro-cid-soxsnotx]{color:var(--text);margin:0}.demo-lede[data-astro-cid-soxsnotx]{color:var(--text-2);line-height:var(--leading-text);max-width:46ch;margin:0}.demo-benefits[data-astro-cid-soxsnotx]{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.demo-benefits[data-astro-cid-soxsnotx] li[data-astro-cid-soxsnotx]{font-size:var(--text-m);color:var(--text-2);align-items:center;gap:8px;display:flex;& svg{color:var(--primary);flex-shrink:0}}.demo-shortcut[data-astro-cid-soxsnotx]{padding:var(--space-m);background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) * 1.5);max-width:30rem;margin-block-start:var(--space-s)}.demo-shortcut-title[data-astro-cid-soxsnotx]{font-size:var(--text-m);font-weight:var(--heading-font-weight);color:var(--text);margin:0 0 4px}.demo-shortcut-text[data-astro-cid-soxsnotx]{font-size:var(--text-m);color:var(--text-2);margin:0 0 8px}.demo-shortcut-link[data-astro-cid-soxsnotx]{font-size:var(--text-m);font-weight:var(--heading-font-weight);color:var(--primary-light);text-underline-offset:3px;text-decoration:underline;&:hover{color:var(--white)}}.demo-panel[data-astro-cid-soxsnotx]{justify-self:end;width:100%;max-width:34rem}.demo-form[data-astro-cid-soxsnotx]{gap:var(--space-m);flex-direction:column;display:flex}.form-row-2[data-astro-cid-soxsnotx]{grid-template-columns:var(--grid-2);gap:var(--space-s);display:grid}.form-group[data-astro-cid-soxsnotx]{flex-direction:column;gap:6px;display:flex}.form-group[data-astro-cid-soxsnotx] label[data-astro-cid-soxsnotx],.form-label[data-astro-cid-soxsnotx]{font-size:var(--text-m);color:var(--text);margin:0;font-weight:500}.required[data-astro-cid-soxsnotx]{color:var(--primary-light)}.form-group[data-astro-cid-soxsnotx] input[data-astro-cid-soxsnotx],.form-group[data-astro-cid-soxsnotx] select[data-astro-cid-soxsnotx],.promo-inner[data-astro-cid-soxsnotx] input[data-astro-cid-soxsnotx]{box-sizing:border-box;width:100%;height:48px;padding-inline:var(--space-s);border-radius:var(--radius);font-size:var(--text-m);color:var(--black);background:var(--white);transition:border-color var(--transition), box-shadow var(--transition);border:1.5px solid #0000;font-family:inherit;&::placeholder{color:color-mix(in srgb, var(--black) 45%, transparent)}&:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 35%, transparent);outline:none}}.form-select-wrap[data-astro-cid-soxsnotx]{position:relative;& select{-webkit-appearance:none;appearance:none;padding-right:calc(var(--space-s) + 24px);cursor:pointer}& .select-chevron{right:var(--space-s);pointer-events:none;color:color-mix(in srgb, var(--black) 55%, transparent);position:absolute;top:50%;translate:0 -50%}}.form-hint[data-astro-cid-soxsnotx]{font-size:var(--text-m);color:var(--text-2);margin:0;& #slug-preview{font-weight:var(--heading-font-weight);color:var(--primary-light)}}.promo-wrap[data-astro-cid-soxsnotx]{flex-direction:column;display:flex}.promo-toggle[data-astro-cid-soxsnotx]{font-size:var(--text-m);color:var(--primary-light);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;display:inline-flex;&:hover{color:var(--white)}& .promo-chevron{transition:rotate .25s}&[aria-expanded=true] .promo-chevron[data-astro-cid-soxsnotx]{rotate:180deg}}.promo-field[data-astro-cid-soxsnotx]{height:0;transition:height .28s cubic-bezier(.4,0,.2,1);overflow:hidden;&[data-state=open]{height:var(--promo-height,64px)}}.promo-inner[data-astro-cid-soxsnotx]{padding-top:var(--space-s)}.field-error[data-astro-cid-soxsnotx]{font-size:var(--text-s,.875rem);color:var(--white);background:var(--danger);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);margin:0;z-index:1;margin-bottom:-8px;padding:6px 12px}.field-error[data-astro-cid-soxsnotx][hidden]{display:none}.form-group[data-astro-cid-soxsnotx] input[data-astro-cid-soxsnotx][aria-invalid=true],.form-group[data-astro-cid-soxsnotx] select[data-astro-cid-soxsnotx][aria-invalid=true]{border-color:var(--danger);box-shadow:none;border-top-left-radius:0;border-top-right-radius:0}.hp-field[data-astro-cid-soxsnotx]{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-error[data-astro-cid-soxsnotx]{padding:var(--space-s) var(--space-m);background:color-mix(in srgb, var(--danger) 22%, transparent);border:1px solid var(--danger);border-radius:var(--radius);color:var(--white);font-size:var(--text-m)}.demo-submit[data-astro-cid-soxsnotx]{align-self:flex-start}.demo-legal[data-astro-cid-soxsnotx]{font-size:var(--text-m);color:var(--text-2);margin:0}.demo-success[data-astro-cid-soxsnotx][hidden],.demo-form[data-astro-cid-soxsnotx][hidden]{display:none}.demo-success[data-astro-cid-soxsnotx]{text-align:center;align-items:center;gap:var(--space-m);padding:var(--space-l);background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) * 1.5);flex-direction:column;display:flex}.success-icon[data-astro-cid-soxsnotx]{background:var(--accent-tint);width:68px;height:68px;color:var(--primary-light);border-radius:50%;justify-content:center;align-items:center;display:flex}.success-title[data-astro-cid-soxsnotx]{color:var(--text);margin:0}.success-text[data-astro-cid-soxsnotx]{font-size:var(--text-m);color:var(--text-2);max-width:340px;line-height:var(--leading-text);margin:0}@media (width<=900px){.demo-split[data-astro-cid-soxsnotx]{min-height:0;padding-block:var(--space-l)}.demo-split-inner[data-astro-cid-soxsnotx]{gap:var(--space-l);grid-template-columns:1fr}.demo-panel[data-astro-cid-soxsnotx]{justify-self:stretch;max-width:none}.demo-shortcut[data-astro-cid-soxsnotx]{max-width:none}}@media (width<=600px){.form-row-2[data-astro-cid-soxsnotx]{grid-template-columns:1fr}}