:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{color:#e8e6f0;background:#0a0a0f;min-height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:46rem;margin:0 auto;padding:4rem 1.5rem 3rem}h1{letter-spacing:.3em;color:#ffd76a;text-shadow:0 0 30px #ffd76a59;margin:0;font-size:clamp(2.5rem,10vw,4.5rem);font-weight:700}.tagline{color:#9a97ad;margin:.75rem 0 3rem;line-height:1.6}.demos{gap:1.25rem;display:grid}a.card{color:inherit;background:#131320;border:1px solid #2a2a3a;border-radius:.75rem;padding:1.5rem;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:block}a.card:hover,a.card:focus-visible{background:#1a1a2b;border-color:#ffd76a;transform:translateY(-2px)}a.card h2{color:#ffd76a;margin:0 0 .4rem;font-size:1.25rem}a.card.classic h2{color:#7fd4c1}a.card p{color:#9a97ad;margin:0;font-size:.95rem;line-height:1.55}footer{color:#64617a;margin-top:3rem;font-size:.85rem;line-height:1.7}footer a{color:#9a97ad}