@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f7f9fc;-webkit-font-smoothing:antialiased;background:#0b132b;margin:0;font-family:Inter,system-ui,sans-serif}a{color:#7fe3d3;text-decoration:none}a:hover{color:#f7f9fc}button{font:inherit}input,textarea{font-family:Inter,system-ui,sans-serif}@keyframes navFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes navPulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes navRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes navBlink{0%,to{opacity:.25}50%{opacity:1}}.hoverCard:hover{background:#2563eb14!important;border-color:#2563eb99!important}.hoverGhost:hover{color:#7fe3d3!important;border-color:#14b8a6!important}.hoverText:hover{color:#f7f9fc!important}.mobileDemosLink{display:none}@media (max-width:1024px){.grid2,.grid3,.grid4,.split{grid-template-columns:1fr!important}.navLinks{display:none!important}.mobileDemosLink{display:inline-flex}}