.echo-hero:where(.astro-dakwhcyu){background-color:var(--black);padding:10rem 5% 6rem}.echo-hero-grid:where(.astro-dakwhcyu){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4rem;display:grid}.echo-hero-copy:where(.astro-dakwhcyu){flex-direction:column;gap:1.5rem;display:flex}.echo-hero-copy:where(.astro-dakwhcyu) h1:where(.astro-dakwhcyu),.echo-hero-copy:where(.astro-dakwhcyu) p:where(.astro-dakwhcyu){margin:0}.echo-eyebrow:where(.astro-dakwhcyu){color:var(--base-color-system--purple)}.echo-highlight:where(.astro-dakwhcyu){border-bottom:2px solid var(--base-color-system--purple)}.echo-install:where(.astro-dakwhcyu){border:1px solid var(--base-color-neutral--neutral-mid);border-radius:.5rem;align-self:flex-start;padding:.75rem 1.125rem;font-family:DM Mono,ui-monospace,monospace;font-size:.9375rem}.button:where(.astro-dakwhcyu).echo-primary{border-color:var(--base-color-system--purple);background-color:var(--base-color-system--purple)}.echo-art:where(.astro-dakwhcyu){aspect-ratio:1;--dx-bg-fill:#020202;border-radius:.5rem;overflow:hidden}.echo-art:where(.astro-dakwhcyu) svg{width:100%;height:100%;display:block}.echo-section:where(.astro-dakwhcyu){border-top:1px solid var(--base-color-neutral--neutral-mid);background-color:var(--black);padding:4rem 5%}.echo-section-header:where(.astro-dakwhcyu){flex-direction:column;gap:.75rem;margin-bottom:2.5rem;display:flex}.echo-section-header:where(.astro-dakwhcyu) h2:where(.astro-dakwhcyu){margin:0}.echo-grid:where(.astro-dakwhcyu){border-top:1px solid var(--base-color-neutral--neutral-mid);border-left:1px solid var(--base-color-neutral--neutral-mid);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.echo-grid-pairs:where(.astro-dakwhcyu){grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr))}@media (width>=48rem){.echo-grid-pairs:where(.astro-dakwhcyu){grid-template-columns:repeat(2,1fr)}}.echo-card:where(.astro-dakwhcyu){border-right:1px solid var(--base-color-neutral--neutral-mid);border-bottom:1px solid var(--base-color-neutral--neutral-mid);flex-direction:column;gap:.75rem;padding:2rem;text-decoration:none;display:flex}.echo-card:where(.astro-dakwhcyu) p:where(.astro-dakwhcyu){margin:0}.echo-card-link:where(.astro-dakwhcyu){transition:background-color .2s}.echo-card-link:where(.astro-dakwhcyu):hover{background-color:#ffffff0d}.echo-cite:where(.astro-dakwhcyu){opacity:.6;margin-top:auto;font-family:DM Mono,ui-monospace,monospace;font-size:.75rem}.echo-sample:where(.astro-dakwhcyu) .expressive-code{max-width:60rem}.echo-demos:where(.astro-dakwhcyu){gap:3rem;display:grid}.echo-demo-block:where(.astro-dakwhcyu){flex-direction:column;gap:1.25rem;display:flex}.echo-demo-copy:where(.astro-dakwhcyu){flex-direction:column;gap:.5rem;max-width:48rem;display:flex}.echo-demo-copy:where(.astro-dakwhcyu) h3:where(.astro-dakwhcyu),.echo-demo-copy:where(.astro-dakwhcyu) p:where(.astro-dakwhcyu){margin:0}.echo-demo-copy:where(.astro-dakwhcyu) code{font-family:DM Mono,ui-monospace,monospace;font-size:.875em}.echo-demo:where(.astro-dakwhcyu){height:32rem}.echo-demo:where(.astro-dakwhcyu) astro-island,.echo-demo-loading:where(.astro-dakwhcyu){height:100%;display:block}.echo-demo-loading:where(.astro-dakwhcyu){border:1px solid var(--base-color-neutral--neutral-mid);color:#fff9;border-radius:.5rem;justify-content:center;align-items:center;gap:.75rem;display:flex}.echo-demo-spinner:where(.astro-dakwhcyu){border:2px solid;border-right-color:#0000;border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite echo-demo-spin}@keyframes echo-demo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.echo-demo-spinner:where(.astro-dakwhcyu){animation-duration:2.4s}}.echo-section:where(.astro-dakwhcyu) .diagram{border:1px solid var(--base-color-neutral--neutral-mid);background:oklch(20.5% .001 190);border-radius:.5rem;width:100%;max-width:60rem;padding:1rem;display:block}@media (width<=991px){.echo-hero:where(.astro-dakwhcyu){padding-top:7rem}.echo-hero-grid:where(.astro-dakwhcyu){grid-template-columns:minmax(0,1fr);gap:2.5rem}.echo-art:where(.astro-dakwhcyu){aspect-ratio:16/9;order:-1}}