:root{--bg:#0f1117;--surface:#181b24;--border:#2a2f3d;--text:#c8cdd8;--heading:#f4f6fb;--accent:#38bdf8;--accent-muted:#38bdf826;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}#app{max-width:56rem;margin:0 auto;padding:2.5rem 1.25rem 3rem}.hub-header{margin-bottom:2rem}.hub-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem;font-size:.8rem}h1{color:var(--heading);letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:600}.hub-lead{max-width:40rem;color:var(--text);margin:0;font-size:1rem}.hub-main{margin-bottom:2.5rem}.demo-grid{gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.demo-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.demo-grid{grid-template-columns:repeat(3,1fr)}}.demo-card{border:1px solid var(--border);background:var(--surface);height:100%;color:inherit;border-radius:.75rem;flex-direction:column;gap:.35rem;padding:1.25rem 1.35rem;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.demo-card:hover{border-color:var(--accent);background:var(--accent-muted)}.demo-card__stack{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:600}.demo-card__title{color:var(--heading);font-size:1.05rem;font-weight:600}.demo-card__desc{color:var(--text);font-size:.9rem}.hub-footer{color:var(--text);opacity:.85;font-size:.85rem}.hub-footer code{background:var(--surface);border:1px solid var(--border);color:var(--heading);border-radius:.35rem;padding:.15rem .4rem;font-size:.8rem}