.demo-hero[data-astro-cid-2trfjluj]{padding-block:var(--space-10)}.demo-hero__grid[data-astro-cid-2trfjluj]{gap:var(--space-12);grid-template-columns:1fr minmax(300px,.6fr);align-items:end;display:grid}.demo-hero[data-astro-cid-2trfjluj] h1[data-astro-cid-2trfjluj]{max-width:16ch;font-size:var(--font-size-4xl)}.demo-hero[data-astro-cid-2trfjluj] p[data-astro-cid-2trfjluj]:not(.eyebrow){max-width:60ch;margin-top:var(--space-4);color:var(--color-text-secondary)}.demo-hero[data-astro-cid-2trfjluj] ol[data-astro-cid-2trfjluj]{border-top:1px solid var(--color-border)}.demo-hero[data-astro-cid-2trfjluj] li[data-astro-cid-2trfjluj]{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);grid-template-columns:34px 1fr;display:grid}.demo-hero[data-astro-cid-2trfjluj] li[data-astro-cid-2trfjluj] span[data-astro-cid-2trfjluj]{font:.62rem/1.4 var(--font-mono);color:var(--color-accent-cyan)}.demo-layout[data-astro-cid-2trfjluj]{gap:var(--space-10);grid-template-columns:minmax(0,1.2fr) minmax(260px,.6fr);align-items:start;display:grid}.demo-layout[data-astro-cid-2trfjluj] form[data-astro-cid-2trfjluj]{gap:var(--space-5);display:grid}.demo-banner[data-astro-cid-2trfjluj]{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-warning);background:var(--color-warning-soft);display:flex}.demo-banner[data-astro-cid-2trfjluj] svg{color:var(--color-warning);flex:none}.demo-banner[data-astro-cid-2trfjluj] p[data-astro-cid-2trfjluj]{font-size:var(--font-size-xs)}.form-grid[data-astro-cid-2trfjluj]{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.form-grid[data-astro-cid-2trfjluj] label[data-astro-cid-2trfjluj]>span[data-astro-cid-2trfjluj]{margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:600;display:block}.form-grid[data-astro-cid-2trfjluj] input[data-astro-cid-2trfjluj],.form-grid[data-astro-cid-2trfjluj] select[data-astro-cid-2trfjluj],.form-grid[data-astro-cid-2trfjluj] textarea[data-astro-cid-2trfjluj]{width:100%;max-width:100%;min-height:48px;padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-primary)}.form-grid[data-astro-cid-2trfjluj] textarea[data-astro-cid-2trfjluj]{resize:vertical}.form-grid[data-astro-cid-2trfjluj] .wide[data-astro-cid-2trfjluj]{grid-column:1/-1}.form-grid[data-astro-cid-2trfjluj] small[data-astro-cid-2trfjluj]{color:var(--color-text-muted)}.consent[data-astro-cid-2trfjluj]{align-items:flex-start;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm);display:flex}.consent[data-astro-cid-2trfjluj] input[data-astro-cid-2trfjluj]{width:20px;height:20px;accent-color:var(--color-accent-cyan)}.consent[data-astro-cid-2trfjluj] a[data-astro-cid-2trfjluj]{color:var(--color-accent-cyan);text-decoration:underline}.result[data-astro-cid-2trfjluj]{padding:var(--space-5);border:1px solid var(--color-success);background:var(--color-success-soft)}.result[data-astro-cid-2trfjluj] strong[data-astro-cid-2trfjluj]{color:var(--color-success);margin-bottom:var(--space-2);display:block}.result[data-astro-cid-2trfjluj] p[data-astro-cid-2trfjluj]{font-size:var(--font-size-sm)}.demo-layout[data-astro-cid-2trfjluj] aside[data-astro-cid-2trfjluj]{padding:var(--space-5);border:1px solid var(--color-border);position:sticky;top:100px}.demo-layout[data-astro-cid-2trfjluj] aside[data-astro-cid-2trfjluj] h2[data-astro-cid-2trfjluj]{font-size:var(--font-size-lg);margin:var(--space-3) 0}.demo-layout[data-astro-cid-2trfjluj] aside[data-astro-cid-2trfjluj]>p[data-astro-cid-2trfjluj]:not(.mono-label){color:var(--color-text-muted);font-size:var(--font-size-sm)}.demo-layout[data-astro-cid-2trfjluj] aside[data-astro-cid-2trfjluj]>div[data-astro-cid-2trfjluj]{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.demo-layout[data-astro-cid-2trfjluj] aside[data-astro-cid-2trfjluj] span[data-astro-cid-2trfjluj]{padding:var(--space-2);border:1px solid var(--color-border);font:.58rem/1 var(--font-mono);color:var(--color-text-muted)}@media (width<=800px){.demo-hero__grid[data-astro-cid-2trfjluj],.demo-layout[data-astro-cid-2trfjluj]{grid-template-columns:1fr}.demo-layout[data-astro-cid-2trfjluj] aside[data-astro-cid-2trfjluj]{order:-1;position:static}}@media (width<=560px){.form-grid[data-astro-cid-2trfjluj]{grid-template-columns:1fr}.form-grid[data-astro-cid-2trfjluj] .wide[data-astro-cid-2trfjluj]{grid-column:auto}}