.demo{padding-top:60px;padding-bottom:60px}.demo h1{font-size:clamp(40px,7vw,72px);line-height:1.08;letter-spacing:-.04em}.demo-note{padding:16px;border:1px solid var(--line);border-radius:12px;color:var(--muted);max-width:850px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.demo-card{padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.demo-card p{color:#c7bfce}.demo-card select{width:100%;padding:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:9px;font:inherit;margin-bottom:18px}.demo-card blockquote{margin:20px 0;padding:20px;border-left:3px solid var(--purple);background:var(--panel-2);border-radius:8px}.demo :focus-visible{outline:2px solid var(--purple);outline-offset:4px}@media(max-width:700px){.demo-grid{grid-template-columns:1fr}.demo-card{padding:20px}.nav nav{display:flex;gap:12px}.nav nav a{font-size:12px}}