.demo[data-astro-cid-mou6p354]{padding-block:40px 96px}@media(min-width:1024px){.demo[data-astro-cid-mou6p354]{padding-block:120px 140px}}.demo-grid[data-astro-cid-mou6p354]{display:grid;gap:56px}@media(min-width:1024px){.demo-grid[data-astro-cid-mou6p354]{grid-template-columns:460px minmax(0,600px);gap:100px;justify-content:space-between}}.demo-title[data-astro-cid-mou6p354]{font-family:var(--font-display);font-weight:500;color:var(--demo-ink);font-size:clamp(34px,2.6vw + 18px,46px);line-height:1;letter-spacing:-.05em;max-width:470px}.demo-accent[data-astro-cid-mou6p354]{color:var(--demo-accent)}.demo-covers[data-astro-cid-mou6p354]{list-style:none;margin:42px 0 0;padding:0;display:grid;gap:20px}.demo-covers[data-astro-cid-mou6p354] li[data-astro-cid-mou6p354]{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:500;font-size:18px;line-height:1.5;letter-spacing:-.02em;color:var(--demo-ink-80)}.demo-covers[data-astro-cid-mou6p354] img[data-astro-cid-mou6p354]{flex:0 0 auto;display:block}.demo-support[data-astro-cid-mou6p354],.demo-mail[data-astro-cid-mou6p354]{font-family:var(--font-display);font-weight:500;font-size:15px;line-height:1.4;letter-spacing:-.02em;color:var(--demo-ink-60);max-width:none}.demo-support[data-astro-cid-mou6p354]{margin-top:42px}.demo-support[data-astro-cid-mou6p354] a[data-astro-cid-mou6p354],.demo-mail[data-astro-cid-mou6p354] a[data-astro-cid-mou6p354]{color:var(--demo-accent);text-decoration:underline;text-underline-offset:3px}.demo-panel[data-astro-cid-mou6p354]{border-top:1px solid var(--demo-divider);padding-top:40px}@media(min-width:1024px){.demo-panel[data-astro-cid-mou6p354]{border-top:0;border-left:1px solid var(--demo-divider);padding:10px 0 10px 38px}}.demo-intro[data-astro-cid-mou6p354]{font-family:var(--font-display);font-weight:500;font-size:18px;line-height:1.5;letter-spacing:-.02em;color:var(--demo-ink-80);margin:0;max-width:none}.demo-fields[data-astro-cid-mou6p354]{display:grid;gap:28px;margin-top:40px}.demo-field[data-astro-cid-mou6p354]{display:flex;flex-direction:column;min-width:0}.demo-field[data-astro-cid-mou6p354] label[data-astro-cid-mou6p354]{font-family:var(--font-display);font-weight:500;font-size:14px;line-height:1.5;letter-spacing:-.02em;color:var(--demo-ink-70);margin-bottom:6px}.demo-optional[data-astro-cid-mou6p354]{color:var(--demo-ink-40)}.demo-field[data-astro-cid-mou6p354] input[data-astro-cid-mou6p354],.demo-field[data-astro-cid-mou6p354] select[data-astro-cid-mou6p354],.demo-field[data-astro-cid-mou6p354] textarea[data-astro-cid-mou6p354]{width:100%;font-family:var(--font-display);font-weight:500;font-size:15px;line-height:1.5;letter-spacing:-.02em;color:var(--demo-ink);background:var(--demo-field);border:1px solid var(--demo-field-line);border-radius:12px;padding:9px 18px;min-height:43px;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.demo-field[data-astro-cid-mou6p354] textarea[data-astro-cid-mou6p354]{height:98px;padding-block:12px;resize:vertical}.demo-field[data-astro-cid-mou6p354] input[data-astro-cid-mou6p354]::placeholder,.demo-field[data-astro-cid-mou6p354] textarea[data-astro-cid-mou6p354]::placeholder{color:var(--demo-ink-40);opacity:1}.demo-field[data-astro-cid-mou6p354] input[data-astro-cid-mou6p354]:focus-visible,.demo-field[data-astro-cid-mou6p354] select[data-astro-cid-mou6p354]:focus-visible,.demo-field[data-astro-cid-mou6p354] textarea[data-astro-cid-mou6p354]:focus-visible{outline:none;border-color:var(--demo-accent);box-shadow:var(--focus-soft)}.demo-select[data-astro-cid-mou6p354]{position:relative}.demo-select[data-astro-cid-mou6p354] select[data-astro-cid-mou6p354]{appearance:none;-webkit-appearance:none;padding-right:46px;cursor:pointer}.demo-select[data-astro-cid-mou6p354] select[data-astro-cid-mou6p354]:invalid{color:var(--demo-ink-40)}.demo-select[data-astro-cid-mou6p354] option[data-astro-cid-mou6p354]{color:var(--text);background:var(--surface)}.demo-caret[data-astro-cid-mou6p354]{position:absolute;right:18px;top:50%;width:14px;height:14px;transform:translateY(-50%);pointer-events:none;background:var(--demo-ink-40);-webkit-mask:url(/assets/icons/caret-down.svg) center / 14px 14px no-repeat;mask:url(/assets/icons/caret-down.svg) center / 14px 14px no-repeat}.demo-error[data-astro-cid-mou6p354]{display:none;margin-top:8px;font-size:13.5px;color:var(--signal-critical)}.demo-field[data-astro-cid-mou6p354].has-error input[data-astro-cid-mou6p354],.demo-field[data-astro-cid-mou6p354].has-error select[data-astro-cid-mou6p354],.demo-field[data-astro-cid-mou6p354].has-error textarea[data-astro-cid-mou6p354]{border-color:var(--signal-critical)}.demo-field[data-astro-cid-mou6p354].has-error .demo-error[data-astro-cid-mou6p354]{display:block}.demo-actions[data-astro-cid-mou6p354]{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:44px}@media(max-width:479px){.demo-actions[data-astro-cid-mou6p354] .btn[data-astro-cid-mou6p354]{width:100%}}.demo-status[data-astro-cid-mou6p354]{margin:16px 0 0;font-size:14.5px;color:var(--demo-ink-70)}.demo-status[data-astro-cid-mou6p354].is-error{color:var(--signal-critical)}.demo-success[data-astro-cid-mou6p354]{padding:24px 0}.demo-success[data-astro-cid-mou6p354] h2[data-astro-cid-mou6p354]{margin-top:18px;font-family:var(--font-display);font-weight:500;font-size:28px;line-height:1.15;letter-spacing:-.03em;color:var(--demo-ink)}.demo-success[data-astro-cid-mou6p354] p[data-astro-cid-mou6p354]{margin-top:12px;font-family:var(--font-display);font-weight:500;font-size:16px;line-height:1.55;letter-spacing:-.01em;color:var(--demo-ink-80);max-width:46ch}
