.demo-hero[data-astro-cid-prwxh6m4]{padding-block:var(--section-y-md);background:var(--ink-1);border-bottom:1px solid var(--ink-3);text-align:center}.demo-hero-inner[data-astro-cid-prwxh6m4]{max-width:42rem;margin:0 auto}.demo-hero-title[data-astro-cid-prwxh6m4]{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:900;letter-spacing:var(--tracking-display);line-height:var(--leading-display);color:var(--ink-8);margin:0 0 var(--space-4)}.demo-hero-sub[data-astro-cid-prwxh6m4]{font-size:var(--text-lg);color:var(--ink-6);line-height:var(--leading-body);margin:0}.demo-body[data-astro-cid-prwxh6m4]{padding-top:3rem;padding-bottom:5rem}.demo-layout[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:1fr 380px;gap:2.5rem;align-items:start}.demo-form-card[data-astro-cid-prwxh6m4]{padding:2.5rem}.form-card-title[data-astro-cid-prwxh6m4]{font-size:1.375rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .375rem}.form-card-sub[data-astro-cid-prwxh6m4]{font-size:.875rem;color:var(--muted-foreground);margin:0 0 2rem}.demo-form[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;gap:1.375rem}.field-group[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;gap:.375rem}.field-label[data-astro-cid-prwxh6m4]{font-size:.875rem;font-weight:600;color:var(--foreground);display:flex;justify-content:space-between;align-items:center}.field-char-count[data-astro-cid-prwxh6m4]{font-size:.75rem;font-weight:500;color:var(--muted-foreground);font-family:monospace;transition:color .2s ease}.field-char-count[data-astro-cid-prwxh6m4].met{color:var(--success)}.field-input[data-astro-cid-prwxh6m4]{width:100%;padding:.625rem .875rem;font-size:.9375rem;color:var(--foreground);background:var(--input-background);border:1.5px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit}.field-input[data-astro-cid-prwxh6m4]::placeholder{color:var(--muted-foreground);opacity:.7}.field-input[data-astro-cid-prwxh6m4]:focus{border-color:var(--brand-from);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-from) 15%,transparent)}.field-input[data-astro-cid-prwxh6m4].invalid{border-color:var(--destructive);box-shadow:0 0 0 3px color-mix(in srgb,var(--destructive) 12%,transparent)}.field-textarea[data-astro-cid-prwxh6m4]{resize:vertical;min-height:7rem;line-height:1.6}.select-wrap[data-astro-cid-prwxh6m4]{position:relative}.field-select[data-astro-cid-prwxh6m4]{appearance:none;-webkit-appearance:none;padding-right:2.5rem;cursor:pointer}.select-arrow[data-astro-cid-prwxh6m4]{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);color:var(--muted-foreground);pointer-events:none}.field-error[data-astro-cid-prwxh6m4]{font-size:.8125rem;color:var(--destructive);min-height:1rem;display:block}.demo-submit-btn[data-astro-cid-prwxh6m4]{width:100%;justify-content:center;padding:.875rem;font-size:1rem;margin-top:.5rem}.form-success[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem;gap:1rem}.success-icon[data-astro-cid-prwxh6m4]{width:4rem;height:4rem;border-radius:50%;background:var(--brand-pale);color:var(--brand);display:flex;align-items:center;justify-content:center}.success-title[data-astro-cid-prwxh6m4]{font-size:1.5rem;font-weight:800;margin:0}.success-body[data-astro-cid-prwxh6m4]{font-size:.9375rem;color:var(--muted-foreground);line-height:1.7;margin:0;max-width:30rem}.demo-sidebar[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card[data-astro-cid-prwxh6m4]{padding:1.75rem}.sidebar-title[data-astro-cid-prwxh6m4]{font-size:1rem;font-weight:700;margin:0 0 1.25rem}.sidebar-prose[data-astro-cid-prwxh6m4]{font-size:var(--text-sm);color:var(--ink-6);line-height:var(--leading-body);margin:0}.expect-items[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}.expect-item[data-astro-cid-prwxh6m4]{display:flex;gap:var(--space-4);align-items:baseline;font-size:var(--text-sm);color:var(--ink-6);line-height:var(--leading-body)}.expect-num[data-astro-cid-prwxh6m4]{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--brand);flex-shrink:0;min-width:5rem}.expect-note[data-astro-cid-prwxh6m4]{font-size:var(--text-xs);color:var(--ink-5);line-height:var(--leading-body);margin:0;padding-top:var(--space-4);border-top:1px solid var(--ink-3)}@media(max-width:900px){.demo-layout[data-astro-cid-prwxh6m4]{grid-template-columns:1fr}.demo-sidebar[data-astro-cid-prwxh6m4]{order:-1}.sidebar-card[data-astro-cid-prwxh6m4]{padding:1.25rem}}@media(max-width:480px){.demo-form-card[data-astro-cid-prwxh6m4]{padding:1.5rem}}