#app{max-width:1200px;margin:0 auto;padding:2rem;text-align:center}.hero{padding:1.5rem 0 2rem}.logo-row{display:flex;gap:1.25rem;justify-content:center;align-items:center;margin-bottom:.5rem}.logo{height:5.25rem;padding:.6rem;display:block;transition:transform .25s ease,filter .25s ease}.logo:hover{transform:translateY(-6px) scale(1.02);filter:drop-shadow(0 8px 24px rgba(100,108,255,.18))}.logo.preact:hover{filter:drop-shadow(0 8px 24px rgba(103,58,184,.18))}.logo-label{font-size:.85rem;margin-top:.25rem;color:#fffc;text-align:center}h1{margin:.25rem 0}.tagline{margin:.25rem 0 1rem;color:#ffffffb3}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;align-items:stretch;margin-bottom:1.5rem}.ws-section{margin-bottom:1.5rem}.card{padding:1.25rem;background:#0000002e;border-radius:12px;border:1px solid rgba(255,255,255,.04)}.muted{color:#ffffffa6;margin-top:.6rem}.features ul{text-align:left;padding-left:1.25rem;margin:.5rem 0 0}.site-footer{margin-top:1.5rem;color:#fff9}@media(prefers-color-scheme:light){.card{background:#f7f8fb;border:1px solid rgba(0,0,0,.06)}.logo-label{color:#23323d}.tagline{color:#405560}.muted{color:#55636f}}