.demo.svelte-1nqr7aa{border:1px solid var(--m-border);padding:96px 40px;position:relative}.demo[data-tone=paper].svelte-1nqr7aa{background:var(--m-surface);color:var(--m-fg-strong)}.demo[data-tone=ink].svelte-1nqr7aa{background:var(--dash-ink);color:var(--dash-paper)}.tag.svelte-1nqr7aa{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--m-fg-subtle);font-size:10px;position:absolute;top:10px;right:12px}.demo[data-tone=ink].svelte-1nqr7aa .tag:where(.svelte-1nqr7aa){color:#faf9f580}.head.svelte-1nqr7aa{max-width:48rem}.eyebrow.svelte-1nqr7aa{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--m-jade);margin:0;font-size:11px;font-weight:500}.headline.svelte-1nqr7aa{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.025em;margin:24px 0 0;font-size:clamp(36px,5vw,72px);font-weight:200;line-height:.98}.grid.svelte-1nqr7aa{gap:20px;margin:0;padding:0;list-style:none;display:grid}.head.svelte-1nqr7aa+.grid:where(.svelte-1nqr7aa){margin-top:56px}@media (width>=768px){.grid.svelte-1nqr7aa{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.head.svelte-1nqr7aa+.grid:where(.svelte-1nqr7aa){margin-top:64px}}.grid.svelte-1nqr7aa li:where(.svelte-1nqr7aa){height:100%}.card.svelte-1nqr7aa{border:1px solid var(--m-border);background:var(--m-card);height:100%;transition:transform .3s var(--easing-out), box-shadow .3s var(--easing-out), border-color .3s var(--easing-out);border-radius:18px;flex-direction:column;padding:28px;display:flex}@media (width>=768px){.card.svelte-1nqr7aa{padding:32px}}.card.svelte-1nqr7aa:hover{border-color:#25261d2e;transform:translateY(-4px);box-shadow:0 24px 48px -20px #0f14121f}.demo[data-tone=ink].svelte-1nqr7aa .card:where(.svelte-1nqr7aa){background:#faf9f509;border-color:#faf9f51f}.demo[data-tone=ink].svelte-1nqr7aa .card:where(.svelte-1nqr7aa):hover{box-shadow:none;border-color:#faf9f538}@media (prefers-reduced-motion:reduce){.card.svelte-1nqr7aa{transition:none}.card.svelte-1nqr7aa:hover{transform:none}}.card-eyebrow.svelte-1nqr7aa{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--m-jade);margin:0;font-size:11px;font-weight:500}.demo[data-tone=ink].svelte-1nqr7aa .card-eyebrow:where(.svelte-1nqr7aa){color:#faf9f580}.metric.svelte-1nqr7aa{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:20px;font-size:clamp(48px,5vw,76px);font-weight:200;line-height:.92}.card-title.svelte-1nqr7aa{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.015em;margin:16px 0 0;font-size:clamp(22px,2.2vw,28px);font-weight:200;line-height:1.05}.card-title.with-metric.svelte-1nqr7aa{font-size:20px}.card-body.svelte-1nqr7aa{color:var(--m-fg-muted);margin:12px 0 0;font-size:15px;line-height:1.55}.demo[data-tone=ink].svelte-1nqr7aa .card-body:where(.svelte-1nqr7aa){color:#faf9f5b3}.cap.svelte-1nqr7aa{color:var(--fg-muted);max-width:60ch;margin:16px 0 0;font-size:13px;line-height:1.55}.cap.svelte-1nqr7aa code:where(.svelte-1nqr7aa){font-family:var(--font-mono);background:var(--bg-muted);padding:1px 5px;font-size:12px}