.demo-hero[data-astro-cid-w5iqc2ng]{padding:var(--space-8) var(--space-5)}.demo-hero__slab[data-astro-cid-w5iqc2ng]{max-width:calc(var(--container) * 1.2);isolation:isolate;border-radius:var(--radius-2xl);padding-block:var(--space-16);--heading-accent:var(--blue-200);background:radial-gradient(60% 80% at 50% 0%, var(--hero-slab-halo) 0%, #5c86ff00 70%), linear-gradient(160deg, var(--hero-slab-from) 0%, var(--hero-slab-mid) 100%);margin-inline:auto;position:relative;overflow:hidden}.demo-hero__slab[data-astro-cid-w5iqc2ng]:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#ffffff12 1px,#0000 1px),linear-gradient(#ffffff12 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;mask-image:radial-gradient(70% 90% at 50% 10%,#000 0%,#0000 72%)}.demo-hero__inner[data-astro-cid-w5iqc2ng]{text-align:center}.demo-hero__inner[data-astro-cid-w5iqc2ng] h1[data-astro-cid-w5iqc2ng]{color:var(--white);max-width:18ch;margin-inline:auto}.demo-hero__sub[data-astro-cid-w5iqc2ng]{margin:var(--space-5) auto 0;max-width:56ch;font-size:var(--text-xl);line-height:var(--leading-normal);color:var(--blue-100)}.demo-body[data-astro-cid-w5iqc2ng]{background:var(--surface-card);padding-block:var(--space-16) var(--space-24)}.demo-body__grid[data-astro-cid-w5iqc2ng]{gap:var(--space-6);grid-template-columns:minmax(0,4fr) minmax(0,6fr);align-items:start;display:grid}.demo-tile[data-astro-cid-w5iqc2ng]{background:var(--surface-sunken);border-radius:var(--radius-2xl);padding:var(--space-10)}.demo-aside__title[data-astro-cid-w5iqc2ng]{font-size:var(--text-lg);font-weight:var(--fw-bold);line-height:var(--leading-tight);color:var(--text-strong);margin:0}.demo-aside__list[data-astro-cid-w5iqc2ng]{margin:var(--space-6) 0 0;gap:var(--space-4);flex-direction:column;padding:0;list-style:none;display:flex}.demo-aside__list[data-astro-cid-w5iqc2ng] li[data-astro-cid-w5iqc2ng]{padding-left:var(--space-6);color:var(--text-body);font-size:var(--text-base);line-height:var(--leading-snug);position:relative}.demo-aside__list[data-astro-cid-w5iqc2ng] li[data-astro-cid-w5iqc2ng]:before{content:"";background:var(--brand);border-radius:50%;width:8px;height:8px;position:absolute;top:.55em;left:0}.demo-form[data-astro-cid-w5iqc2ng]{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.demo-form[data-astro-cid-w5iqc2ng][hidden],.demo-form[data-astro-cid-w5iqc2ng] label[data-astro-cid-w5iqc2ng][hidden]{display:none}.demo-form[data-astro-cid-w5iqc2ng] label[data-astro-cid-w5iqc2ng]{gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-body);flex-direction:column;display:flex}.required-mark[data-astro-cid-w5iqc2ng]{color:var(--caution)}.demo-form__wide[data-astro-cid-w5iqc2ng]{grid-column:1/-1}.demo-form[data-astro-cid-w5iqc2ng] .sb-btn{justify-self:start}.demo-form[data-astro-cid-w5iqc2ng] input[data-astro-cid-w5iqc2ng],.demo-form[data-astro-cid-w5iqc2ng] select[data-astro-cid-w5iqc2ng],.demo-form[data-astro-cid-w5iqc2ng] textarea[data-astro-cid-w5iqc2ng]{padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-strong);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--fw-regular)}.demo-form[data-astro-cid-w5iqc2ng] input[data-astro-cid-w5iqc2ng]:focus,.demo-form[data-astro-cid-w5iqc2ng] select[data-astro-cid-w5iqc2ng]:focus,.demo-form[data-astro-cid-w5iqc2ng] textarea[data-astro-cid-w5iqc2ng]:focus{outline:2px solid var(--brand);outline-offset:1px}.demo-form[data-astro-cid-w5iqc2ng] textarea[data-astro-cid-w5iqc2ng]{resize:vertical}.demo-form__status[data-astro-cid-w5iqc2ng]{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--brand-subtle);color:var(--blue-800);font-size:var(--text-base)}.demo-form__status[data-astro-cid-w5iqc2ng].is-error{background:color-mix(in srgb, var(--caution) 12%, transparent);color:var(--text-strong)}@media (width<=900px){.demo-hero__slab[data-astro-cid-w5iqc2ng]{padding-block:var(--space-12);border-radius:var(--radius-xl)}.demo-body__grid[data-astro-cid-w5iqc2ng]{grid-template-columns:1fr}.demo-tile[data-astro-cid-w5iqc2ng]{padding:var(--space-6);border-radius:var(--radius-xl)}}@media (width<=700px){.demo-form[data-astro-cid-w5iqc2ng]{grid-template-columns:1fr}}