.demo-panel[data-astro-cid-2m2hcvbu]{isolation:isolate;border-radius:var(--radius-xl);grid-template-columns:minmax(0,1fr);gap:40px;padding:clamp(32px,6vw,72px);display:grid;position:relative;overflow:hidden}@media (width>=960px){.demo-panel[data-astro-cid-2m2hcvbu]{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(40px,5vw,80px)}}.demo-intro[data-astro-cid-2m2hcvbu]{align-content:start;gap:20px;max-width:30rem;display:grid}.demo-h2[data-astro-cid-2m2hcvbu]{color:var(--on-ink);font:800 var(--fs-h2) / 1 var(--font-sans);letter-spacing:-.05em;text-wrap:balance;gap:6px;display:grid}.demo-h2-accent[data-astro-cid-2m2hcvbu]{color:var(--mint-500)}@media (width<=599.98px){.demo-panel[data-astro-cid-2m2hcvbu]{padding:24px}.demo-h2[data-astro-cid-2m2hcvbu]{font-size:clamp(24px,7.6vw,30px)}}.demo-lede[data-astro-cid-2m2hcvbu]{font:400 var(--fs-body-lg) / 1.6 var(--font-sans);color:var(--on-ink-soft);text-wrap:pretty}.demo-card[data-astro-cid-2m2hcvbu]{border-radius:var(--radius-lg);background:var(--white);color:var(--ink-900);--focus-gap:var(--ink-900);--focus-ring:var(--mint-500);--underline:var(--mint-500);padding:clamp(24px,3vw,32px);position:relative}.demo-form[data-astro-cid-2m2hcvbu]{grid-template-columns:1fr 1fr;align-items:start;gap:18px 16px;display:grid}.demo-field[data-astro-cid-2m2hcvbu]{gap:6px;min-width:0;display:grid}.demo-field-full[data-astro-cid-2m2hcvbu]{grid-column:1/-1}@media (width<=640px){.demo-form[data-astro-cid-2m2hcvbu]{grid-template-columns:1fr}}.demo-label[data-astro-cid-2m2hcvbu]{font:600 13px / 1.3 var(--font-sans);color:var(--ink-900)}.demo-optional[data-astro-cid-2m2hcvbu]{color:var(--muted);margin-left:.25em;font-weight:400}.demo-control[data-astro-cid-2m2hcvbu]{position:relative}.demo-input[data-astro-cid-2m2hcvbu]{border:1.5px solid var(--mist-200);border-radius:var(--radius-md);background:var(--white);width:100%;min-height:44px;color:var(--ink-900);font:400 16px / 1.3 var(--font-sans);transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;padding:0 40px 0 14px}.demo-input[data-astro-cid-2m2hcvbu]::placeholder{color:var(--muted);opacity:1}.demo-input[data-astro-cid-2m2hcvbu]:hover{border-color:var(--slate-400)}.demo-input[data-astro-cid-2m2hcvbu]:focus,.demo-input[data-astro-cid-2m2hcvbu]:focus-visible{border-color:var(--ink-900);box-shadow:0 0 0 2px var(--focus-gap), 0 0 0 5px var(--focus-ring);outline:none}.demo-field[data-astro-cid-2m2hcvbu][data-state=invalid] .demo-input[data-astro-cid-2m2hcvbu]{border-color:var(--red-500)}.demo-field[data-astro-cid-2m2hcvbu][data-state=valid] .demo-input[data-astro-cid-2m2hcvbu]{border-color:var(--ink-900)}.demo-tick[data-astro-cid-2m2hcvbu]{fill:none;width:18px;height:18px;stroke:var(--mint-800);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;opacity:0;margin-top:-9px;position:absolute;top:50%;right:13px}.demo-tick[data-astro-cid-2m2hcvbu] path[data-astro-cid-2m2hcvbu]{stroke-dasharray:1;stroke-dashoffset:1px}.demo-field[data-astro-cid-2m2hcvbu][data-state=valid] .demo-tick[data-astro-cid-2m2hcvbu]{opacity:1}.demo-field[data-astro-cid-2m2hcvbu][data-state=valid] .demo-tick[data-astro-cid-2m2hcvbu] path[data-astro-cid-2m2hcvbu]{stroke-dashoffset:0;transition:stroke-dashoffset var(--dur-slow) var(--ease-fall)}.demo-err[data-astro-cid-2m2hcvbu]{font:500 12px / 1.45 var(--font-sans);color:var(--red-700)}.demo-hint[data-astro-cid-2m2hcvbu]{font:400 12px / 1.45 var(--font-sans);color:var(--slate-600);gap:8px;display:flex}.demo-hint[data-astro-cid-2m2hcvbu]:before{content:"";background:var(--amber-500);border-radius:50%;flex:none;width:7px;height:7px;margin-top:.45em}.demo-fill[data-astro-cid-2m2hcvbu]{border-radius:var(--radius-pill);background:var(--mint-100);min-height:32px;color:var(--ink-900);font:600 12px / 1.2 var(--font-sans);cursor:pointer;transition:background-color var(--dur-fast) ease;border:0;align-items:center;margin-top:2px;padding:0 12px;display:inline-flex}.demo-fill[data-astro-cid-2m2hcvbu]:hover{background:var(--mist-200)}.demo-consent[data-astro-cid-2m2hcvbu]{cursor:pointer;grid-template-columns:20px 1fr;align-items:start;gap:10px;padding:4px 0;display:grid;position:relative}.demo-consent[data-astro-cid-2m2hcvbu] input[data-astro-cid-2m2hcvbu]{opacity:0;cursor:pointer;width:20px;height:20px;margin:0;position:absolute;top:4px;left:0}.demo-check[data-astro-cid-2m2hcvbu]{border:1.5px solid var(--ink-900);border-radius:var(--radius-sm);background:var(--white);width:20px;height:20px;transition:background-color var(--dur-fast) ease;place-items:center;margin-top:1px;display:grid}.demo-check[data-astro-cid-2m2hcvbu] svg[data-astro-cid-2m2hcvbu]{fill:none;width:14px;height:14px;stroke:var(--mint-500);stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round}.demo-check[data-astro-cid-2m2hcvbu] svg[data-astro-cid-2m2hcvbu] path[data-astro-cid-2m2hcvbu]{stroke-dasharray:1;stroke-dashoffset:1px}.demo-consent[data-astro-cid-2m2hcvbu] input[data-astro-cid-2m2hcvbu]:checked+.demo-check[data-astro-cid-2m2hcvbu]{background:var(--ink-900)}.demo-consent[data-astro-cid-2m2hcvbu] input[data-astro-cid-2m2hcvbu]:checked+.demo-check[data-astro-cid-2m2hcvbu] svg[data-astro-cid-2m2hcvbu] path[data-astro-cid-2m2hcvbu]{stroke-dashoffset:0;transition:stroke-dashoffset var(--dur-base) var(--ease-fall)}.demo-consent[data-astro-cid-2m2hcvbu] input[data-astro-cid-2m2hcvbu]:focus-visible+.demo-check[data-astro-cid-2m2hcvbu]{box-shadow:0 0 0 2px var(--focus-gap), 0 0 0 5px var(--focus-ring)}.demo-field[data-astro-cid-2m2hcvbu][data-state=invalid] .demo-check[data-astro-cid-2m2hcvbu]{border-color:var(--red-500)}.demo-consent-text[data-astro-cid-2m2hcvbu]{font:400 13px / 1.5 var(--font-sans);color:var(--slate-600)}.demo-submit[data-astro-cid-2m2hcvbu]{border-radius:var(--radius-pill);background:var(--mint-500);width:100%;min-height:52px;color:var(--ink-900);font:600 15px / 1.15 var(--font-sans);cursor:pointer;transition:background-color var(--dur-fast) ease, transform var(--dur-fast) ease;border:0;justify-content:center;align-items:center;padding:0 28px;display:inline-flex;position:relative}.demo-submit[data-astro-cid-2m2hcvbu]:hover{background:var(--mint-600)}.demo-submit[data-astro-cid-2m2hcvbu]:active{transform:scale(.97)}.demo-submit-label[data-astro-cid-2m2hcvbu],.demo-submit-pending[data-astro-cid-2m2hcvbu]{transition:opacity var(--dur-fast) ease;justify-content:center;align-items:center;gap:.5em;display:inline-flex}.demo-submit-pending[data-astro-cid-2m2hcvbu]{opacity:0;position:absolute;inset:0}.demo-submit[data-astro-cid-2m2hcvbu][data-busy]{cursor:progress}.demo-submit[data-astro-cid-2m2hcvbu][data-busy] .demo-submit-label[data-astro-cid-2m2hcvbu]{opacity:0}.demo-submit[data-astro-cid-2m2hcvbu][data-busy] .demo-submit-pending[data-astro-cid-2m2hcvbu]{opacity:1}.demo-spinner[data-astro-cid-2m2hcvbu]{fill:none;stroke-width:2.4px;stroke-linecap:round;width:18px;height:18px;animation:.75s linear infinite demo-spin}.demo-spinner[data-astro-cid-2m2hcvbu] circle[data-astro-cid-2m2hcvbu]{stroke:#1e1f3333}.demo-spinner[data-astro-cid-2m2hcvbu] path[data-astro-cid-2m2hcvbu]{stroke:var(--ink-900)}@keyframes demo-spin{to{transform:rotate(360deg)}}.demo-formerr[data-astro-cid-2m2hcvbu]{font:500 13px / 1.5 var(--font-sans);color:var(--red-700);margin-top:12px}.demo-formerr[data-astro-cid-2m2hcvbu] a[data-astro-cid-2m2hcvbu]{color:var(--red-700)}.demo-done[data-astro-cid-2m2hcvbu]{justify-items:start;gap:12px;padding:8px 0;display:grid}.demo-done[data-astro-cid-2m2hcvbu]:focus{outline:none}.demo-done[data-astro-cid-2m2hcvbu]:focus-visible{outline:3px solid var(--mint-500);outline-offset:8px;border-radius:var(--radius-md)}.demo-done-tick[data-astro-cid-2m2hcvbu]{fill:none;stroke-linecap:round;stroke-linejoin:round;width:56px;height:56px;margin-bottom:8px}.demo-done-tick[data-astro-cid-2m2hcvbu] circle[data-astro-cid-2m2hcvbu]{fill:var(--ink-900);stroke:var(--ink-900);stroke-width:2px}.demo-done-tick[data-astro-cid-2m2hcvbu] path[data-astro-cid-2m2hcvbu]{stroke:var(--mint-500);stroke-width:2.6px;stroke-dasharray:1;stroke-dashoffset:1px}.demo-done[data-astro-cid-2m2hcvbu][data-in] .demo-done-tick[data-astro-cid-2m2hcvbu] path[data-astro-cid-2m2hcvbu]{stroke-dashoffset:0;transition:stroke-dashoffset var(--dur-slow) var(--ease-fall) .2s}.demo-done-h[data-astro-cid-2m2hcvbu]{font:800 var(--fs-h3) / 1.05 var(--font-sans);letter-spacing:-.05em;color:var(--ink-900)}.demo-done-p[data-astro-cid-2m2hcvbu]{max-width:30rem;font:400 16px / 1.6 var(--font-sans);color:var(--slate-600)}.demo-done-p[data-astro-cid-2m2hcvbu] strong[data-astro-cid-2m2hcvbu]{color:var(--ink-900);word-break:break-word;font-weight:600}.demo-done-note[data-astro-cid-2m2hcvbu]{max-width:30rem;font:500 12px / 1.6 var(--font-mono);color:var(--muted)}.demo-done[data-astro-cid-2m2hcvbu][data-in] .demo-done-h[data-astro-cid-2m2hcvbu],.demo-done[data-astro-cid-2m2hcvbu][data-in] .demo-done-p[data-astro-cid-2m2hcvbu],.demo-done[data-astro-cid-2m2hcvbu][data-in] .demo-done-note[data-astro-cid-2m2hcvbu]{animation:demo-rise var(--dur-slow) var(--ease-fall) both}.demo-done[data-astro-cid-2m2hcvbu][data-in] .demo-done-p[data-astro-cid-2m2hcvbu]{animation-delay:60ms}.demo-done[data-astro-cid-2m2hcvbu][data-in] .demo-done-note[data-astro-cid-2m2hcvbu]{animation-delay:.12s}@keyframes demo-rise{0%{opacity:0;transform:translateY(8px)}}.demo-hp[data-astro-cid-2m2hcvbu]{width:1px;height:1px;position:absolute;top:-9999px;left:-9999px;overflow:hidden}@media (prefers-reduced-motion:reduce){.demo-section[data-astro-cid-2m2hcvbu] [data-astro-cid-2m2hcvbu],.demo-section[data-astro-cid-2m2hcvbu] [data-astro-cid-2m2hcvbu]:before,.demo-section[data-astro-cid-2m2hcvbu] [data-astro-cid-2m2hcvbu]:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.demo-spinner[data-astro-cid-2m2hcvbu]{animation:2.4s linear infinite demo-spin!important}.demo-tick[data-astro-cid-2m2hcvbu] path[data-astro-cid-2m2hcvbu],.demo-check[data-astro-cid-2m2hcvbu] svg[data-astro-cid-2m2hcvbu] path[data-astro-cid-2m2hcvbu],.demo-done-tick[data-astro-cid-2m2hcvbu] path[data-astro-cid-2m2hcvbu]{stroke-dashoffset:0!important}}