.how-it-works-grid[data-v-a8258eeb]{flex-direction:column;gap:1.5rem;display:flex}@media (width>=768px){.how-it-works-grid[data-v-a8258eeb]{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}}.how-it-works-step[data-v-a8258eeb]{flex-direction:column;align-items:center;gap:1rem;display:flex;position:relative}.how-it-works-wave[data-v-a8258eeb]{align-items:flex-end;gap:3px;height:32px;margin-bottom:.25rem;display:flex}.how-it-works-wave span[data-v-a8258eeb]{will-change:transform, height;background:linear-gradient(#8347eb66,#8347eb26);border-radius:2px;width:3px;animation:1.2s ease-in-out infinite wave-bar-scale-a8258eeb;display:block}.how-it-works-wave span[data-v-a8258eeb]:first-child{height:40%;animation-delay:0s}.how-it-works-wave span[data-v-a8258eeb]:nth-child(2){height:60%;animation-delay:.1s}.how-it-works-wave span[data-v-a8258eeb]:nth-child(3){height:90%;animation-delay:.2s}.how-it-works-wave span[data-v-a8258eeb]:nth-child(4){height:70%;animation-delay:.3s}.how-it-works-wave span[data-v-a8258eeb]:nth-child(5){height:100%;animation-delay:.4s}.how-it-works-wave span[data-v-a8258eeb]:nth-child(6){height:55%;animation-delay:.5s}.how-it-works-wave span[data-v-a8258eeb]:nth-child(7){height:80%;animation-delay:.6s}.how-it-works-wave span[data-v-a8258eeb]:nth-child(8){height:45%;animation-delay:.7s}.how-it-works-wave span[data-v-a8258eeb]:nth-child(9){height:65%;animation-delay:.8s}.how-it-works-wave span[data-v-a8258eeb]:nth-child(10){height:35%;animation-delay:.9s}.how-it-works-step:hover .how-it-works-wave span[data-v-a8258eeb]{animation-duration:.6s}.how-it-works-step:nth-child(2) .how-it-works-wave span[data-v-a8258eeb]{background:linear-gradient(#3c83f666,#3c83f626)}.how-it-works-step:nth-child(3) .how-it-works-wave span[data-v-a8258eeb]{background:linear-gradient(#14eba366,#14eba326)}.how-it-works-content[data-v-a8258eeb]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#09090b4d;border:1px solid #27272a;border-radius:1rem;flex-direction:column;align-items:center;gap:.75rem;width:100%;padding:1.5rem 1.25rem;transition:all .3s;display:flex;position:relative}.how-it-works-step:hover .how-it-works-content[data-v-a8258eeb]{border-color:hsl(var(--step-color,262) 80% 60% / .3);box-shadow:0 0 24px -6px hsl(var(--step-color,262) 80% 60% / .12);background:#09090b99;transform:translateY(-2px)}.how-it-works-icon-wrapper[data-v-a8258eeb]{background:color-mix(in srgb, var(--step-color) 10%, transparent);border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .3s;display:flex}.how-it-works-step:hover .how-it-works-icon-wrapper[data-v-a8258eeb]{background:color-mix(in srgb, var(--step-color) 20%, transparent);box-shadow:0 0 16px -4px color-mix(in srgb, var(--step-color) 30%, transparent);transform:scale(1.1)rotate(8deg)}.how-it-works-icon[data-v-a8258eeb]{width:1.5rem;height:1.5rem;color:var(--step-color);transition:transform .3s}.how-it-works-step:hover .how-it-works-icon[data-v-a8258eeb]{transform:scale(1.1)}.how-it-works-step-number[data-v-a8258eeb]{background:color-mix(in srgb, var(--step-color) 20%, transparent);width:2rem;height:2rem;color:var(--step-color);border:2px solid #09090b;border-radius:9999px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-.5rem;right:-.5rem}.how-it-works-title[data-v-a8258eeb]{color:#e4e4e7;font-size:1.05rem;font-weight:600}.how-it-works-desc[data-v-a8258eeb]{color:#71717a;font-size:.85rem;line-height:1.5}.how-it-works-chip[data-v-a8258eeb]{color:#95959d;background:#8347eb0f;border:1px solid #8347eb1f;border-radius:.625rem;margin-top:.25rem;padding:.5rem .75rem;font-size:.75rem;font-style:italic;line-height:1.4;transition:all .3s}.how-it-works-step:hover .how-it-works-chip[data-v-a8258eeb]{background:#8347eb1a;border-color:#8347eb40}.how-it-works-gen-indicator[data-v-a8258eeb]{align-items:center;gap:3px;margin-top:.25rem;display:flex}.how-it-works-gen-dot[data-v-a8258eeb]{background:#3c83f680;border-radius:50%;width:6px;height:6px;display:block}.how-it-works-actions[data-v-a8258eeb]{flex-wrap:wrap;justify-content:center;gap:.375rem;margin-top:.25rem;display:flex}.how-it-works-pill[data-v-a8258eeb]{background:color-mix(in srgb, var(--pill-color) 8%, transparent);border:1px solid color-mix(in srgb, var(--pill-color) 15%, transparent);color:color-mix(in srgb, var(--pill-color) 80%, white);border-radius:9999px;align-items:center;gap:.25rem;padding:.3rem .6rem;font-size:.7rem;transition:all .2s;display:inline-flex}.how-it-works-step:hover .how-it-works-pill[data-v-a8258eeb]{background:color-mix(in srgb, var(--pill-color) 15%, transparent);border-color:color-mix(in srgb, var(--pill-color) 30%, transparent)}.how-it-works-connector[data-v-a8258eeb]{display:none}@media (width>=768px){.how-it-works-connector[data-v-a8258eeb]{z-index:2;opacity:.5;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:50%;right:-1.25rem;transform:translateY(-50%)}.how-it-works-step:last-child .how-it-works-connector[data-v-a8258eeb]{display:none}.how-it-works-step:hover .how-it-works-connector[data-v-a8258eeb]{opacity:1}}.how-it-works-step[data-v-a8258eeb]{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards how-step-appear-a8258eeb}.how-it-works-step[data-v-a8258eeb]:first-child{animation-delay:0s}.how-it-works-step[data-v-a8258eeb]:nth-child(2){animation-delay:.15s}.how-it-works-step[data-v-a8258eeb]:nth-child(3){animation-delay:.3s}@keyframes how-step-appear-a8258eeb{0%{opacity:0;transform:translateY(24px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.how-it-works-gen-dot[data-v-a8258eeb]{animation:1.4s ease-in-out infinite gen-dot-a8258eeb}.how-it-works-gen-dot[data-v-a8258eeb]:first-child{animation-delay:0s}.how-it-works-gen-dot[data-v-a8258eeb]:nth-child(2){animation-delay:.2s}.how-it-works-gen-dot[data-v-a8258eeb]:nth-child(3){animation-delay:.4s}.how-it-works-gen-dot[data-v-a8258eeb]:nth-child(4){animation-delay:.6s}.how-it-works-gen-dot[data-v-a8258eeb]:nth-child(5){animation-delay:.8s}@keyframes gen-dot-a8258eeb{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;background:#3c83f6e6;transform:scale(1.5)}}.masonry-grid[data-v-a8258eeb]{columns:1;column-gap:1rem}@media (width>=640px){.masonry-grid[data-v-a8258eeb]{columns:2}}@media (width>=1024px){.masonry-grid[data-v-a8258eeb]{columns:3}}.masonry-item[data-v-a8258eeb]{break-inside:avoid;margin-bottom:1rem}.masonry-item--lg[data-v-a8258eeb]{padding:1.5rem!important}@media (width>=640px){.masonry-item--lg[data-v-a8258eeb]{padding:1.75rem!important}}@keyframes wave-bar-a8258eeb{0%,to{height:4px}50%{height:16px}}.animate-wave[data-v-a8258eeb]{animation:1s ease-in-out infinite wave-bar-a8258eeb}.wave-bar[data-v-a8258eeb]:first-child{animation-delay:0s}.wave-bar[data-v-a8258eeb]:nth-child(2){animation-delay:.15s}.wave-bar[data-v-a8258eeb]:nth-child(3){animation-delay:.3s}.wave-bar[data-v-a8258eeb]:nth-child(4){animation-delay:.45s}@keyframes float-a8258eeb{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}.animate-float[data-v-a8258eeb]{animation:float-a8258eeb var(--float-duration,6s) ease-in-out var(--float-delay,0s) infinite;will-change:transform}@keyframes wave-bar-scale-a8258eeb{0%,to{transform:scaleY(1)}50%{transform:scaleY(.6)}}@keyframes wave-bar-pulse-a8258eeb{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.animate-wave-bar[data-v-a8258eeb]{animation:wave-bar-pulse-a8258eeb var(--wave-duration,.8s) ease-in-out var(--wave-delay,0s) infinite;transform-origin:bottom;will-change:transform}.masonry-item[data-v-a8258eeb],.track-item[data-v-a8258eeb],.hero-content[data-v-a8258eeb]>*,.cta-content[data-v-a8258eeb]>*{will-change:transform, opacity}.floating-note[data-v-a8258eeb]{will-change:transform}.ai-cards[data-v-a8258eeb]{perspective:1000px;position:relative}.ai-alchemist[data-v-a8258eeb]{opacity:.6;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.ai-cards:hover .ai-alchemist[data-v-a8258eeb]{opacity:.85}.alchemist-circle[data-v-a8258eeb]{pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.alchemist-circle--outer[data-v-a8258eeb]{border:1px solid #8347eb2e;border-color:#8347eb8c #8347eb2e #8347eb2e #8347eb59;width:clamp(15rem,38vw,26rem);height:clamp(15rem,38vw,26rem);animation:22s linear infinite alchemist-spin-a8258eeb;box-shadow:inset 0 0 40px -20px #8347eb40}.alchemist-circle--inner[data-v-a8258eeb]{border:1px dashed #f59f0a4d;border-top-color:#f59f0ab3;width:clamp(10rem,24vw,16rem);height:clamp(10rem,24vw,16rem);animation:14s linear infinite reverse alchemist-spin-a8258eeb;box-shadow:0 0 30px -10px #f59f0a4d}.alchemist-rays[data-v-a8258eeb]{width:0;height:0;animation:30s linear infinite alchemist-spin-a8258eeb;position:absolute;top:50%;left:50%}.alchemist-rays[data-v-a8258eeb]:before,.alchemist-rays[data-v-a8258eeb]:after{content:"";background:linear-gradient(#8347eb66,#0000);width:1px;height:clamp(8rem,20vw,13rem);position:absolute;top:0;left:50%;transform:translate(-50%)}.alchemist-rays[data-v-a8258eeb]:after{transform-origin:top;transform:translate(-50%)rotate(180deg)}.alchemist-orbit[data-v-a8258eeb]{border-radius:50%;width:clamp(14rem,36vw,24rem);height:clamp(14rem,36vw,24rem);animation:26s linear infinite alchemist-spin-a8258eeb;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.alchemist-orbit--second[data-v-a8258eeb]{width:clamp(8rem,20vw,13rem);height:clamp(8rem,20vw,13rem);animation-duration:18s;animation-direction:reverse}.alchemist-rune[data-v-a8258eeb]{color:#8347ebbf;text-shadow:0 0 12px #8347eb99;transform:translate(-50%, -50%) rotate(var(--a,0deg)) translateX(clamp(7rem, 18vw, 12rem)) rotate(calc(-1 * var(--a,0deg)));font-size:1.1rem;animation:4s ease-in-out infinite alchemist-rune-flicker-a8258eeb;position:absolute;top:50%;left:50%}.alchemist-orbit--second .alchemist-rune[data-v-a8258eeb]{color:#f59f0ab3;text-shadow:0 0 12px #f59f0a80;transform:translate(-50%, -50%) rotate(var(--a,0deg)) translateX(clamp(4rem, 10vw, 6.5rem)) rotate(calc(-1 * var(--a,0deg)))}.alchemist-core[data-v-a8258eeb]{background:radial-gradient(circle at 35% 30%,#f59f0a80,#8347eb40 60%,#0000 75%);border-radius:50%;width:clamp(2.5rem,6vw,4rem);height:clamp(2.5rem,6vw,4rem);animation:3.2s ease-in-out infinite alchemist-core-pulse-a8258eeb;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes alchemist-spin-a8258eeb{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes alchemist-rune-flicker-a8258eeb{0%,to{opacity:.4}50%{opacity:1}}@keyframes alchemist-core-pulse-a8258eeb{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 20px #f59f0a40}50%{transform:translate(-50%,-50%)scale(1.12);box-shadow:0 0 45px #f59f0a8c}}.ai-card[data-v-a8258eeb]{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;will-change:transform;background:#1212168c;border:1px solid #313135;border-radius:.75rem;align-items:center;gap:.5rem;width:100%;max-width:13.5rem;padding:.5rem .75rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;box-shadow:0 8px 30px -12px #000000b3}.ai-card[data-v-a8258eeb]:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 16px 40px -12px #000c}.ai-card--suno[data-v-a8258eeb]{border-color:#8347eb40;box-shadow:0 8px 30px -12px #000000b3,0 0 18px -6px #8347eb40}.ai-card--suno[data-v-a8258eeb]:hover{border-color:#8347eb8c;box-shadow:0 16px 40px -12px #000c,0 0 28px -6px #8347eb66}.ai-card--mureka[data-v-a8258eeb]{border-color:#eb479940;box-shadow:0 8px 30px -12px #000000b3,0 0 18px -6px #eb479940}.ai-card--mureka[data-v-a8258eeb]:hover{border-color:#eb47998c;box-shadow:0 16px 40px -12px #000c,0 0 28px -6px #eb479966}.ai-card--lyria[data-v-a8258eeb]{border-color:#14eba340;box-shadow:0 8px 30px -12px #000000b3,0 0 18px -6px #14eba340}.ai-card--lyria[data-v-a8258eeb]:hover{border-color:#14eba38c;box-shadow:0 16px 40px -12px #000c,0 0 28px -6px #14eba366}.ai-card--minimax[data-v-a8258eeb]{border-color:#f59f0a40;box-shadow:0 8px 30px -12px #000000b3,0 0 18px -6px #f59f0a40}.ai-card--minimax[data-v-a8258eeb]:hover{border-color:#f59f0a8c;box-shadow:0 16px 40px -12px #000c,0 0 28px -6px #f59f0a66}.ai-card-icon[data-v-a8258eeb]{border-radius:.6rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.ai-card--suno .ai-card-icon[data-v-a8258eeb]{color:#a08cf0;background:#8347eb1f}.ai-card--mureka .ai-card-icon[data-v-a8258eeb]{color:#f08cb0;background:#eb47991f}.ai-card--lyria .ai-card-icon[data-v-a8258eeb]{color:#6ce0b4;background:#14eba31f}.ai-card--minimax .ai-card-icon[data-v-a8258eeb]{color:#f0b23f;background:#f59f0a1f}.ai-card-body[data-v-a8258eeb]{flex-direction:column;gap:.05rem;min-width:0;display:flex}.ai-card-title[data-v-a8258eeb]{color:#e9e9ec;white-space:nowrap;font-size:.82rem;font-weight:600}.ai-card-desc[data-v-a8258eeb]{color:#888891;white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;overflow:hidden}.ai-cards .ai-card[data-v-a8258eeb]{animation:ai-card-float-a8258eeb var(--float-duration,5s) ease-in-out var(--float-delay,0s) infinite}.ai-card--suno[data-v-a8258eeb]{--float-duration:5.2s;--float-delay:0s;--float-base-y:-12px;--float-x:10px;--float-rot:-3deg}.ai-card--mureka[data-v-a8258eeb]{--float-duration:6.5s;--float-delay:.8s;--float-base-y:0px;--float-x:-14px;--float-rot:2deg}.ai-card--lyria[data-v-a8258eeb]{--float-duration:5.8s;--float-delay:1.6s;--float-base-y:10px;--float-x:16px;--float-rot:-2deg}.ai-card--minimax[data-v-a8258eeb]{--float-duration:6.2s;--float-delay:2.4s;--float-base-y:24px;--float-x:-12px;--float-rot:1.5deg}@keyframes ai-card-float-a8258eeb{0%,to{transform:translate3d(var(--float-x,0px), var(--float-base-y,0px), 0) rotate(var(--float-rot,0deg))}50%{transform:translate3d(var(--float-x,0px), calc(var(--float-base-y,0px) - 16px), 0) rotate(var(--float-rot,0deg))}}@media (width<=1023px){.ai-cards .ai-card[data-v-a8258eeb]{width:100%;max-width:20rem;animation:none;transform:none!important}}@media (width>=1024px){.ai-cards[data-v-a8258eeb]{min-height:280px}}
