:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f3ee;--ink:#1c1916;--muted:#6b645c;--card:#fffdf9;--line:#e4ddd4;--accent:#c45c26;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0}body{line-height:1.5}code{font-family:IBM Plex Mono,SFMono-Regular,ui-monospace,monospace;font-size:.92em}.page{width:min(720px,100% - 2.5rem);margin:0 auto;padding:4.5rem 0 5rem}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .6rem;font-family:IBM Plex Mono,SFMono-Regular,ui-monospace,monospace;font-size:.78rem}.header h1{letter-spacing:-.03em;margin:0 0 .85rem;font-size:clamp(2.1rem,5vw,3.1rem);font-weight:600;line-height:1.05}.lede{max-width:38rem;color:var(--muted);margin:0;font-size:1.05rem}.demos{margin-top:2.4rem}.status{color:var(--muted);margin:0}.status.error{color:#9b2c2c}.demo-list{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.demo-card{background:var(--card);border:1px solid var(--line);color:inherit;border-radius:12px;padding:1.15rem 1.2rem 1.05rem;text-decoration:none;transition:border-color .12s,transform .12s;display:block}.demo-card:hover{border-color:#c9b8a8;transform:translateY(-1px)}.demo-card h2{margin:0 0 .35rem;font-size:1.2rem}.demo-card p{color:var(--muted);margin:0 0 .7rem}.slug{color:var(--accent);font-family:IBM Plex Mono,SFMono-Regular,ui-monospace,monospace;font-size:.78rem}