.hero{color:#fff;-webkit-font-smoothing:antialiased;background:#0b0e1a;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-blob{filter:blur(120px);opacity:.3;will-change:transform;border-radius:50%;position:absolute}.hero-blob--1{background:radial-gradient(circle,#5ee7df,#3b82f6);width:60vw;max-width:800px;height:60vw;max-height:800px;animation:24s ease-in-out infinite alternate hero-drift;top:-25%;left:-20%}.hero-blob--2{background:radial-gradient(circle,#b490f5,#8b5cf6);width:50vw;max-width:650px;height:50vw;max-height:650px;animation:19s ease-in-out -7s infinite alternate-reverse hero-drift;bottom:-20%;right:-15%}.hero-blob--3{opacity:.15;background:radial-gradient(circle,#f7a8c4,#d946ef);width:35vw;max-width:420px;height:35vw;max-height:420px;animation:22s ease-in-out -11s infinite alternate hero-drift;top:45%;left:55%}@keyframes hero-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(35px,-20px)scale(1.04)}to{transform:translate(-20px,30px)scale(.97)}}.hero-noise{z-index:1;pointer-events:none;opacity:.025;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.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:absolute;inset:0}.hero-wave{z-index:2;pointer-events:none;opacity:.18;position:absolute;inset:0}.hero-main{z-index:10;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;margin-top:-1rem;padding:0 2rem;display:flex;position:relative}.hero-brand{margin-bottom:2rem}@media (min-width:1024px){.hero-brand{margin-bottom:2.5rem}}.hero-headline{letter-spacing:-.025em;color:#fff;margin:0;font-family:Outfit,DM Sans,sans-serif;font-size:2.75rem;font-weight:300;line-height:1.12}.hero-headline em{font-style:normal;font-weight:500}.hero-headline-line1,.hero-headline-line2,.hero-headline-line3{display:block}@media (min-width:640px){.hero-headline{font-size:3.75rem}}@media (min-width:1024px){.hero-headline{font-size:5rem;line-height:1.08}}@media (min-width:1440px){.hero-headline{font-size:5.75rem}}.hero-divider{background:#ffffff26;width:48px;height:1px;margin:2rem 0}@media (min-width:1024px){.hero-divider{width:64px;margin:2.5rem 0}}.hero-body{color:#ffffff8c;max-width:28rem;margin:0;font-family:Space Grotesk,sans-serif;font-size:.9375rem;font-weight:400;line-height:1.75}.hero-br-desktop{display:none}@media (min-width:640px){.hero-br-desktop{display:block}}@media (min-width:1024px){.hero-body{font-size:1rem}}.hero-cta-link{margin-top:2rem;text-decoration:none}.hero-cta{-webkit-backdrop-filter:blur(16px);color:#ffffffd9;letter-spacing:.03em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:.625rem;padding:.875rem 2.25rem;font-family:Space Grotesk,sans-serif;font-size:.875rem;font-weight:500;transition:background .3s,border-color .3s,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:inline-flex;box-shadow:0 4px 20px #0000001f,inset 0 1px #ffffff0d}.hero-cta:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 32px #5ee7df14,0 4px 12px #00000026}.hero-cta:active{transform:translateY(0)scale(.98)}.hero-cta svg{opacity:.6;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.hero-cta:hover svg{opacity:1;transform:translate(3px)}.hero-systems{letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;align-items:center;gap:.75rem;margin-top:3rem;font-family:Space Grotesk,sans-serif;font-size:.6875rem;font-weight:400;display:flex}.hero-sys-sep{opacity:.5}@media (min-width:1024px){.hero-systems{margin-top:3.5rem}}.hero-footer{z-index:10;text-align:center;letter-spacing:.08em;text-transform:uppercase;color:#ffffff4d;padding:1.5rem;font-family:Space Grotesk,sans-serif;font-size:.625rem;position:relative}@keyframes hero-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-enter{animation:.9s cubic-bezier(.22,1,.36,1) both hero-enter}@media (max-width:639px){.hero-main{margin-top:-2rem;padding:0 1.25rem}.hero-headline{font-size:2.25rem}.hero-cta{padding:.75rem 1.75rem}.hero-systems{gap:.5rem;margin-top:2rem;font-size:.625rem}}