:root{--bg:#0b1220;--card:#162033;--line:#94a3b838;--text:#e8eef7;--muted:#94a3b8;--accent:#14b8a6;color:var(--text);background:var(--bg);font-family:DM Sans,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(ellipse 70% 50% at 80% -10%, #14b8a638, transparent 55%), radial-gradient(ellipse 50% 40% at 10% 90%, #b453091f, transparent 50%), var(--bg);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.demo-banner{color:#ccfbf1;text-align:center;background:#134e4a;padding:.55rem 1rem;font-size:.8rem}.hub-main{max-width:880px;margin:0 auto;padding:2.5rem 1.25rem 3rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 .5rem;font-size:.72rem;font-weight:600}h1{letter-spacing:-.03em;margin:0 0 .75rem;font-family:Syne,sans-serif;font-size:clamp(2rem,5vw,3rem)}.lede{color:var(--muted);max-width:36rem;margin:0 0 2rem}.demo-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=720px){.demo-grid{grid-template-columns:1fr 1fr}}.demo-card{border:1px solid var(--line);background:linear-gradient(165deg,#162033f2,#0f172ae6);border-radius:18px;padding:1.35rem;transition:border-color .2s,transform .2s;display:block}.demo-card:hover{border-color:#14b8a68c;transform:translateY(-3px)}.demo-card h2{margin:.2rem 0 .55rem;font-family:Syne,sans-serif;font-size:1.35rem}.demo-card p{color:var(--muted);margin:0 0 1rem;font-size:.95rem}.cta{color:var(--accent);font-weight:600}.howto{border:1px solid var(--line);background:#0f172aa6;border-radius:16px;margin-top:2.25rem;padding:1.25rem 1.35rem}.howto h3{margin:0 0 .75rem;font-size:1rem}.howto ol{color:var(--muted);margin:0;padding-left:1.2rem}.howto li{margin:.4rem 0}