:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.hero{padding:4rem 1rem}.hero h1{background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;line-height:1.1}.hero p{color:#94a3b8;max-width:800px;margin:0 auto 2rem;font-size:1.25rem}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem;display:grid}.card{text-align:left;background:#1e293b;border:1px solid #334155;border-radius:1rem;padding:2rem;transition:transform .2s,border-color .2s}.card:hover{border-color:#38bdf8;transform:translateY(-5px)}.card h3{color:#f8fafc;margin-top:1rem}.card p{color:#94a3b8;font-size:.95rem}.badge{color:#fff;background:#0ea5e9;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.cta-section{background:#1e293b;border-radius:2rem;margin-top:6rem;padding:4rem}.btn{color:#0f172a;background:#38bdf8;border-radius:.5rem;margin-top:1rem;padding:1rem 2rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{background:#7dd3fc}