@import "https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap";.m-landing{--m-bg:#fff;--m-bg-soft:#fafaf9;--m-surface:#fff;--m-border:#ececec;--m-ink:#16161d;--m-body:#5b5b66;--m-muted:#8a8a94;--m-accent:#5b4fe9;--m-accent-ink:#4a3fd0;--m-accent-sft:#eeecfd;--m-aura-1:#c9b8ff;--m-aura-2:#a9c0ff;--m-aura-3:#e8d5ff;--m-aura-4:#bfe3ff;--m-shadow:none;background:var(--m-bg);color:var(--m-body);font-family:Inter,system-ui,sans-serif}.m-landing h1,.m-landing h2,.m-landing h3{color:var(--m-ink);letter-spacing:-.02em}.m-hero{isolation:isolate;position:relative;overflow:hidden}.m-hero__media{-o-object-fit:cover;object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.m-hero__scrim{z-index:-1;background:linear-gradient(#0a0c168c 0%,#0a0c162e 30%,#0a0c161f 55%,#fff0 78%,#fff 100%);position:absolute;inset:0}.m-landing .m-hero__headline{color:#fff;text-shadow:0 2px 28px #00000073;letter-spacing:-.025em}.m-shot{box-shadow:none;background:#0d0d12;border:1px solid #ffffff1f;border-radius:14px;overflow:hidden}.m-laptop{transform-origin:50% 42%;width:min(60vw,860px);position:relative}.m-laptop__screen{background:#0b0b10;border:12px solid #14141b;border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.m-laptop__screen img{width:100%;display:block}.m-laptop__notch{z-index:2;background:#14141b;border-radius:0 0 9px 9px;width:16%;height:14px;position:absolute;top:0;left:50%;transform:translate(-50%)}.m-laptop__base{background:linear-gradient(#d7dbe1 0%,#aab0ba 55%,#8c919c 100%);border-radius:0 0 14px 14px;width:118%;height:12px;margin:0 -9%;box-shadow:inset 0 2px 3px #ffffff80}.m-laptop__hinge{background:#9aa0aa;border-radius:0 0 6px 6px;width:16%;height:6px;margin:0 auto}.m-aurora{pointer-events:none;position:absolute;inset:0;overflow:hidden}.m-aurora__blob{filter:blur(48px);opacity:.55;will-change:transform;border-radius:9999px;position:absolute;transform:translateZ(0)}.m-aurora__blob--1{background:var(--m-aura-1);width:42vw;height:42vw;animation:26s ease-in-out infinite alternate m-drift-1;top:-10vw;left:-6vw}.m-aurora__blob--2{background:var(--m-aura-2);width:38vw;height:38vw;animation:30s ease-in-out infinite alternate m-drift-2;top:-4vw;right:-8vw}.m-aurora__blob--3{background:var(--m-aura-3);width:34vw;height:34vw;animation:22s ease-in-out infinite alternate m-drift-3;top:8vw;left:18vw}.m-aurora__blob--4{background:var(--m-aura-4);width:30vw;height:30vw;animation:28s ease-in-out infinite alternate-reverse m-drift-1;top:10vw;right:14vw}@keyframes m-drift-1{0%{transform:translate(0,0)scale(1)}to{transform:translate(4vw,3vw)scale(1.12)}}@keyframes m-drift-2{0%{transform:translate(0,0)scale(1.05)}to{transform:translate(-3vw,4vw)scale(.95)}}@keyframes m-drift-3{0%{transform:translate(0,0)scale(.95)}to{transform:translate(-4vw,-3vw)scale(1.1)}}.m-aurora--still .m-aurora__blob{animation:none}@media (prefers-reduced-motion:reduce){.m-aurora__blob{animation:none}}.m-card-lift{will-change:transform;transition:transform .2s,box-shadow .2s}.m-card-lift:hover{box-shadow:none;transform:translateY(-6px)}@media (prefers-reduced-motion:reduce){.m-card-lift{transition:none}.m-card-lift:hover{transform:none}}.m-landing #lights{position:absolute;inset:0}.m-landing #lights canvas{display:block;width:100%!important;height:100%!important}
