.values.svelte-8ubi8k{background:color-mix(in srgb, var(--surface) 50%, transparent);padding-block:3rem}.intro.svelte-8ubi8k{text-align:center;margin-bottom:3.5rem}h2.svelte-8ubi8k{margin:0 0 1rem;font-size:1.875rem;font-weight:200}h2.svelte-8ubi8k span:where(.svelte-8ubi8k){color:var(--primary)}.intro.svelte-8ubi8k p:where(.svelte-8ubi8k){max-width:32rem;color:var(--muted-foreground);margin:0 auto}.grid.svelte-8ubi8k{grid-template-columns:1fr;gap:1.5rem;max-width:64rem;margin-inline:auto;display:grid}.item.svelte-8ubi8k{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--card);padding:1.5rem;transition:border-color .3s}.item.svelte-8ubi8k:hover{border-color:color-mix(in srgb, var(--primary) 40%, transparent)}.icon.svelte-8ubi8k{border-radius:var(--radius);background:color-mix(in srgb, var(--primary) 10%, transparent);width:3rem;height:3rem;color:var(--primary);justify-content:center;align-items:center;margin-bottom:1rem;transition:background-color .15s;display:flex}.item.svelte-8ubi8k:hover .icon:where(.svelte-8ubi8k){background:color-mix(in srgb, var(--primary) 20%, transparent)}h3.svelte-8ubi8k{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.item.svelte-8ubi8k p:where(.svelte-8ubi8k){color:var(--muted-foreground);margin:0;font-size:.875rem;line-height:1.6}@media (width>=640px){.grid.svelte-8ubi8k{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.values.svelte-8ubi8k{padding-block:4rem}h2.svelte-8ubi8k{font-size:2.25rem}}@media (width>=1024px){.grid.svelte-8ubi8k{grid-template-columns:repeat(4,1fr)}}