@keyframes hero-float{0%{opacity:0;transform:translateY(100vh)translate(0)rotate(0)}10%{opacity:.2}50%{opacity:.25}90%{opacity:.2}to{opacity:0;transform:translateY(-20vh)translate(30px)rotate(360deg)}}.hero-note{color:#f393;will-change:transform, opacity;font-size:2rem;animation:linear infinite hero-float;position:absolute}.hero-note--1{font-size:1.5rem;animation-duration:10s;animation-delay:0s;left:10%}.hero-note--2{font-size:2.5rem;animation-duration:12s;animation-delay:1.5s;left:25%}.hero-note--3{font-size:1.8rem;animation-duration:9s;animation-delay:3s;left:45%}.hero-note--4{font-size:2rem;animation-duration:14s;animation-delay:2s;left:60%}.hero-note--5{font-size:1.6rem;animation-duration:11s;animation-delay:4s;left:78%}.hero-note--6{font-size:2.2rem;animation-duration:13s;animation-delay:.8s;left:90%}@keyframes hero-orb-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-orb{filter:blur(48px);will-change:transform, opacity;border-radius:9999px;animation:ease-in-out infinite hero-orb-pulse;position:absolute}.hero-orb--primary{background:#ff33991a;width:24rem;height:24rem;animation-duration:5s;top:10%;right:-10%}.hero-orb--secondary{background:#00aaff1a;width:20rem;height:20rem;animation-duration:6s;animation-delay:1s;bottom:10%;left:-5%}@keyframes hero-platform-drift{0%,to{transform:translate3d(0, 0, 0) rotate(var(--hero-platform-rotate))}50%{transform:translate3d(0, -14px, 0) rotate(calc(var(--hero-platform-rotate) + 4deg))}}.hero-platform-badge{--hero-platform-rotate:0deg;z-index:20;opacity:.34;filter:saturate(1.05);pointer-events:auto;cursor:pointer;will-change:transform;border-radius:1rem;width:4rem;height:4rem;transition:opacity .2s,filter .2s,transform .2s;animation:9s ease-in-out infinite hero-platform-drift;position:absolute}.hero-platform-badge:before{content:"";background:radial-gradient(circle, hsl(var(--primary) / .16), transparent 68%);filter:blur(8px);pointer-events:none;border-radius:9999px;position:absolute;inset:-.75rem}.hero-platform-badge>span{position:relative}.hero-platform-tooltip{z-index:1;border:1px solid hsl(var(--foreground) / .24);background:hsl(var(--background) / .96);width:max-content;max-width:10rem;color:hsl(var(--foreground));box-shadow:0 .75rem 2rem hsl(var(--background) / .32);white-space:nowrap;opacity:0;pointer-events:none;border-radius:.5rem;padding:.35rem .6rem;font-size:.75rem;font-weight:600;line-height:1;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + .75rem);left:50%;transform:translate(-50%)translateY(4px)}.hero-platform-badge:hover,.hero-platform-badge:focus-visible{opacity:.9;filter:saturate(1.25) brightness(1.12) drop-shadow(0 0 14px hsl(var(--primary) / .36));outline:none}.hero-platform-badge:focus-visible>span{outline:3px solid hsl(var(--primary) / .9);outline-offset:5px;box-shadow:0 0 0 6px hsl(var(--background) / .85), 0 0 24px hsl(var(--primary) / .55)}.hero-platform-badge:hover>span{box-shadow:0 0 0 1px hsl(var(--primary) / .45), 0 0 24px hsl(var(--primary) / .34)}.hero-platform-badge:hover .hero-platform-tooltip,.hero-platform-badge:focus-visible .hero-platform-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.hero-platform-badge--spotify{--hero-platform-rotate:-12deg;animation-duration:10s;top:18%;left:8%}.hero-platform-badge--youtube{--hero-platform-rotate:10deg;width:4.5rem;height:4.5rem;animation-duration:11s;animation-delay:.8s;top:14%;right:11%}.hero-platform-badge--apple{--hero-platform-rotate:8deg;width:3.5rem;height:3.5rem;animation-duration:8.5s;animation-delay:1.4s;bottom:24%;left:12%}.hero-platform-badge--soundcloud{--hero-platform-rotate:-8deg;width:3.75rem;height:3.75rem;animation-duration:9.5s;animation-delay:1s;bottom:26%;right:13%}.hero-platform-badge--spotify-secondary{--hero-platform-rotate:14deg;opacity:.22;width:3rem;height:3rem;animation-duration:12s;animation-delay:2s;top:62%;right:5%}.hero-platform-badge--apple-secondary{--hero-platform-rotate:-16deg;opacity:.2;width:2.75rem;height:2.75rem;animation-duration:10.5s;animation-delay:1.8s;top:34%;left:3%}@keyframes hero-glow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.hero-glow{filter:blur(48px);opacity:.6;pointer-events:none;will-change:transform, opacity;background:radial-gradient(#f396 0%,#00aaff4d 40%,#0000 70%);animation:3s ease-in-out infinite hero-glow-pulse;position:absolute;inset:0}@keyframes hero-eq{0%,to{height:20px}50%{height:50px}}.hero-eq-bar{will-change:height;background:linear-gradient(#0af,#f39);border-radius:9999px;width:.5rem;animation:ease-in-out infinite hero-eq}@keyframes hero-bounce{0%,to{transform:translateY(0)translate(-50%)}50%{transform:translateY(10px)translate(-50%)}}@keyframes hero-bounce-inline{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.hero-scroll-indicator{animation:2s ease-in-out infinite hero-bounce}.hero-scroll-indicator--inline{animation:2s ease-in-out infinite hero-bounce-inline}@keyframes hero-scroll-dot{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(12px)}}.hero-scroll-dot{animation:2s ease-in-out infinite hero-scroll-dot}@media (prefers-reduced-motion:reduce){.hero-note,.hero-orb,.hero-platform-badge,.hero-glow,.hero-eq-bar,.hero-scroll-indicator,.hero-scroll-indicator--inline,.hero-scroll-dot{animation:none!important}.hero-note{display:none}.hero-eq-bar{height:30px}}@media (width<=767px){.hero-platform-badge{opacity:.2;width:2.75rem;height:2.75rem}.hero-platform-badge--apple,.hero-platform-badge--spotify-secondary,.hero-platform-badge--apple-secondary{display:none}.hero-platform-badge--spotify{top:16%;left:5%}.hero-platform-badge--youtube{top:18%;right:5%}.hero-platform-badge--soundcloud{bottom:18%;right:6%}}
