.m02-mesh{background-image:radial-gradient(42% 52% at 14% 18%,#6972ea2e,#0000 70%),radial-gradient(46% 58% at 88% 28%,#0781fe29,#0000 72%),radial-gradient(38% 46% at 60% 92%,#6972ea1a,#0000 70%)}.m02-glass{background:color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px}.m02-float{will-change:transform;animation:6s ease-in-out infinite m02-float}@keyframes m02-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.m02-lift{transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease)}.m02-lift:hover{box-shadow:var(--shadow-glow);border-color:var(--primary);transform:translateY(-3px)}.m02-reveal{opacity:0;transition:opacity var(--dur-slow) var(--ease), transform var(--dur-slow) var(--ease);transform:translateY(24px)}.m02-reveal.is-in{opacity:1;transform:none}.m02-cta{transition:transform var(--dur-fast) var(--ease), filter var(--dur-fast) var(--ease), box-shadow var(--dur) var(--ease)}.m02-cta:hover{filter:brightness(1.06);transform:translateY(-1px)scale(1.015)}.m02-cta:active{transform:scale(.99)}.m02-nudge .m02-ar{transition:transform var(--dur) var(--ease)}.m02-nudge:hover .m02-ar{transform:translate(4px)}.m02-press{transition:transform var(--dur-fast) var(--ease), border-color var(--dur) var(--ease), background-color var(--dur) var(--ease)}.m02-press:hover{transform:scale(1.015)}.m02-press:active{transform:scale(.99)}.m02-marquee{scrollbar-width:none;-ms-overflow-style:none;overflow:auto hidden}.m02-marquee::-webkit-scrollbar{display:none}.m02-marquee__track{will-change:transform;width:max-content;display:flex}.m02-marquee__set{align-items:stretch;gap:var(--m02-marquee-gap,1rem);padding-right:var(--m02-marquee-gap,1rem);flex:none;display:flex}.m02-marquee__track.is-run{animation:m02-marquee-x var(--m02-marquee-dur,40s) linear infinite}.m02-marquee:hover .m02-marquee__track.is-run,.m02-marquee:focus-within .m02-marquee__track.is-run{animation-play-state:paused}@keyframes m02-marquee-x{0%{transform:translate(0)}to{transform:translate(-50%)}}.m02-pop{animation:m02-pop var(--dur-fast-028) var(--ease) both}@keyframes m02-pop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.m02-drawer{animation:m02-drawer .2s var(--ease) both}@keyframes m02-drawer{0%{opacity:0;transform:translate(6%)}to{opacity:1;transform:none}}.m02-fade-x{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--m02-fade,2rem), #000 calc(100% - var(--m02-fade,2rem)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--m02-fade,2rem), #000 calc(100% - var(--m02-fade,2rem)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--m02-fade,2rem), #000 calc(100% - var(--m02-fade,2rem)), transparent)}.m02-carousel{grid-auto-flow:column;grid-template-rows:repeat(var(--m02-rows,1), auto);scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;grid-auto-columns:80%;gap:1rem;display:grid;overflow:auto hidden}.m02-carousel::-webkit-scrollbar{display:none}.m02-carousel>*{scroll-snap-align:start}@media (min-width:640px){.m02-carousel{grid-auto-columns:46%}}@media (min-width:1024px){.m02-carousel{grid-auto-columns:calc((100% - (var(--m02-cpv,4) - 1) * 1rem) / var(--m02-cpv,4))}}.m02-hero-grid{--m02-dot-rgb:151, 155, 168;--m02-dot-alpha:.05;--m02-dot-r:1.3px;--m02-grid:28px;--m02-ring-rgb:7, 129, 254;--m02-ring-alpha:.05;--m02-ring-x:82%;--m02-ring-y:20%;background-image: radial-gradient(circle at var(--m02-ring-x) var(--m02-ring-y), transparent 0 58px, rgba(var(--m02-ring-rgb), var(--m02-ring-alpha)) 58px 59px, transparent 59px 108px, rgba(var(--m02-ring-rgb), var(--m02-ring-alpha)) 108px 109px, transparent 109px 168px, rgba(var(--m02-ring-rgb), var(--m02-ring-alpha)) 168px 169px, transparent 169px),  radial-gradient(circle at center, rgba(var(--m02-dot-rgb), var(--m02-dot-alpha)) var(--m02-dot-r), transparent calc(var(--m02-dot-r) + .6px));background-size:100% 100%, var(--m02-grid) var(--m02-grid);--m02-mask:radial-gradient(75% 95% at var(--m02-ring-x) var(--m02-ring-y), #000 0%, #0000008c 42%, transparent 80%);-webkit-mask-image:var(--m02-mask);-webkit-mask-image:var(--m02-mask);mask-image:var(--m02-mask);contain:paint;background-position:50%,50%;background-repeat:no-repeat,repeat}
