.demo-new-root{color:#d4d4d8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#09090b;font-family:General Sans,Inter,system-ui,sans-serif}.demo-new-fade{opacity:0;transition:opacity .4s ease-out,transform .4s ease-out;transform:translateY(12px)}.demo-new-fade.demo-new-fade-visible{opacity:1;transform:translateY(0)}@keyframes demoNewHeroIn{to{opacity:1;transform:translateY(0)}}.demo-new-hero-enter{animation:.6s ease-out forwards demoNewHeroIn}.demo-new-hero-bg{position:relative;overflow:hidden}.demo-new-hero-aurora{z-index:0;pointer-events:none;background:radial-gradient(70% 55% at 15% 35%,#d9770624,#0000 52%),radial-gradient(55% 45% at 85% 15%,#8b5cf61a,#0000 48%),radial-gradient(50% 50% at 70% 85%,#2dd4bf12,#0000 50%),radial-gradient(40% 35% at 40% 90%,#38bdf80d,#0000 45%);animation:18s ease-in-out infinite demoNewHeroAurora;position:absolute;inset:-25% -10%}.demo-new-hero-noise{z-index:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes demoNewHeroAurora{0%,to{opacity:.55;transform:translate(0)scale(1)}20%{opacity:.95;transform:translate(2%,-2%)scale(1.03)}40%{opacity:.65;transform:translate(-1%,2%)scale(1.02)}60%{opacity:1;transform:translate(-3%,-1%)scale(1.05)}80%{opacity:.7;transform:translate(1%,2%)scale(1.01)}}@media (prefers-reduced-motion:reduce){.demo-new-hero-aurora{opacity:.8;animation:none}}