:root{--magic-gap: 1rem;--magic-duration: 40s}html{scroll-behavior:smooth}.hero-content{box-sizing:border-box;width:calc(100vw - 2rem);max-width:64rem}.hero-content>*,.hero-content video{max-width:100%}.magic-marquee{display:flex;overflow:hidden;gap:var(--magic-gap);width:100%}.magic-marquee__track{display:flex;flex:none;align-items:center;justify-content:space-around;gap:var(--magic-gap);min-width:max-content;animation:magic-marquee var(--magic-duration) linear infinite}.magic-marquee__track--reverse{animation-direction:reverse}.magic-marquee--pause:hover .magic-marquee__track{animation-play-state:paused}.magic-marquee--vertical{flex-direction:column}.magic-marquee--vertical .magic-marquee__track{flex-direction:column;animation-name:magic-marquee-vertical}.magic-gradient-text{display:inline;color:transparent;background-image:linear-gradient(100deg,var(--magic-gradient-from),var(--magic-gradient-to),var(--magic-gradient-from));background-size:var(--magic-gradient-size) 100%;background-clip:text;-webkit-background-clip:text;animation:magic-gradient 5s linear infinite}.magic-border-beam{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;overflow:hidden;border:var(--beam-width) solid transparent;border-radius:inherit;pointer-events:none;mask:linear-gradient(transparent,transparent),linear-gradient(#000,#000);mask-clip:padding-box,border-box;mask-composite:intersect;-webkit-mask:linear-gradient(transparent,transparent),linear-gradient(#000,#000);-webkit-mask-clip:padding-box,border-box;-webkit-mask-composite:source-in}.magic-border-beam__light{position:absolute;width:var(--beam-size);aspect-ratio:1;background:linear-gradient(90deg,transparent,var(--beam-from),var(--beam-to),transparent);offset-path:rect(0 auto auto 0 round var(--beam-size));animation:magic-border-beam var(--beam-duration) var(--beam-delay) linear infinite}.magic-border-beam--reverse .magic-border-beam__light{animation-direction:reverse}.magic-shimmer-button{--shimmer-cut: 2px;position:relative;isolation:isolate;display:inline-flex;cursor:pointer;align-items:center;justify-content:center;overflow:hidden;border:2px solid rgba(255,255,255,.18);border-radius:var(--shimmer-radius);background:var(--shimmer-bg);color:#fff;transition:transform .18s ease,box-shadow .18s ease}.magic-shimmer-button:hover{transform:translateY(-3px);box-shadow:6px 6px #ffc800}.magic-shimmer-button:active{transform:translateY(0)}.magic-shimmer-button:after{content:"";position:absolute;inset:var(--shimmer-cut);z-index:-1;border-radius:calc(var(--shimmer-radius) - var(--shimmer-cut));background:var(--shimmer-bg)}.magic-shimmer-button__spark{position:absolute;top:-170%;right:-170%;bottom:-170%;left:-170%;z-index:-2;background:conic-gradient(from 270deg,transparent 0deg,var(--shimmer-color) 50deg,transparent 100deg);animation:magic-shimmer-spin var(--shimmer-speed) linear infinite}.magic-shimmer-button__content{position:relative;z-index:1}.hero-grid{position:absolute;top:42%;right:-20%;bottom:-20%;left:-20%;opacity:.18;background-image:linear-gradient(rgba(255,200,0,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(255,200,0,.55) 1px,transparent 1px);background-size:54px 54px;transform:perspective(420px) rotateX(63deg) scale(1.35);transform-origin:center bottom;-webkit-mask-image:linear-gradient(to bottom,transparent,black 22%,black 72%,transparent);mask-image:linear-gradient(to bottom,transparent,black 22%,black 72%,transparent);animation:hero-grid-drift 10s linear infinite}@keyframes magic-marquee{to{transform:translate(calc(-100% - var(--magic-gap)))}}@keyframes magic-marquee-vertical{to{transform:translateY(calc(-100% - var(--magic-gap)))}}@keyframes magic-gradient{to{background-position:var(--magic-gradient-size) center}}@keyframes magic-border-beam{to{offset-distance:100%}}@keyframes magic-shimmer-spin{to{transform:rotate(360deg)}}@keyframes hero-grid-drift{to{background-position:0 54px,54px 54px}}@media(prefers-reduced-motion:reduce){.magic-marquee__track,.magic-gradient-text,.magic-border-beam__light,.magic-shimmer-button__spark,.hero-grid{animation:none!important}}