.hf-sec{padding:100px 40px;scroll-margin-top:82px}.hf-sec>*{max-width:1220px;margin-left:auto;margin-right:auto}.hf-head{display:flex;flex-direction:column;gap:20px;margin-bottom:60px}.hf-eyebrow{font-size:14px;line-height:17px;font-weight:300;opacity:.6}.hf-sec h2{font-size:48px;line-height:60px;font-weight:400}.hf-sec h3{font-size:20px;line-height:25px;font-weight:400}.hf-btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 20px;border-radius:20px;background:#fff;color:#000;font-size:14px;font-weight:300;white-space:nowrap;transition:background-color .15s}@media(hover:hover){.hf-btn:hover{background:var(--hover-light)}}.hf-btn.gray{background:#2c2c2c;color:#fff}@media(hover:hover){.hf-btn.gray:hover{background:var(--hover-dark)}}.hf-btn:focus-visible{outline:2px solid var(--main-light);outline-offset:3px}.hf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,400px));gap:10px;justify-content:center}.hf-card{display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:var(--bg-dark);border:1px solid var(--bg-bright)}.hf-pic{aspect-ratio:398 / 284;flex-shrink:0;overflow:hidden;background:#000}.hf-pic>img{display:block;width:100%;height:100%;object-fit:cover}.hf-body{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px}.hf-body>p{min-height:100px;font-size:14px;line-height:28px;opacity:.8}@media(hover:hover){.hf-body h3 a:hover{text-decoration:underline;text-underline-offset:4px}}.hf-listen h3{min-height:50px}.hf-row{position:relative;width:100%;min-height:70px;display:flex;align-items:center;gap:10px;padding:10px;border-radius:20px;background:var(--bg-lite)}.hf-tile{width:50px;height:50px;flex-shrink:0;border-radius:10px;background:var(--bg-dark);display:grid;place-items:center;object-fit:cover}.hf-play{width:24px;height:24px;display:grid;place-items:center;transition:opacity .15s}@media(hover:hover){.hf-play:hover:not(:disabled){opacity:.8}}.hf-play:disabled{opacity:.3;cursor:default}.hf-ico{width:24px;height:24px}.hf-wave{position:relative;flex:1 1 0;min-width:0;height:30px;margin-right:10px;cursor:pointer}.hf-wave>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:2px}.hf-wave i{flex:0 1 5px;min-width:3px;height:calc(var(--h) * 100%);border-radius:999px;background:#ffffff38;transition:background-color .2s}.hf-wave .lit{clip-path:inset(0 calc(100% - var(--p, 0%)) 0 0);transition:clip-path .25s linear}.hf-wave .lit i{background:#fff}@media(hover:hover){.hf-row:hover .hf-wave>span:first-child i{background:#ffffff52}}@media(prefers-reduced-motion:reduce){.hf-wave .lit{transition:none}}.hf-prompt{padding:10px 20px}.hf-prompt p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:28px;background:linear-gradient(90deg,#fff,var(--main));-webkit-background-clip:text;background-clip:text;color:transparent}.hf-split{display:flex;gap:60px;align-items:flex-start}.hf-split-copy{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.hf-text{display:flex;flex-direction:column;gap:28px;font-size:14px;line-height:28px;opacity:.8}.hf-btns{display:flex;flex-wrap:wrap;gap:20px}.hf-split-pic{flex:1;aspect-ratio:581 / 600;border-radius:20px;overflow:hidden}.hf-mel{display:block;width:100%;height:100%}.hf-mel .mel-note{fill:url(#mel-note);stroke:none}.hf-mel .mel-roll{animation:mel-roll 24s linear infinite}.hf-mel .mel-bar{fill:url(#mel-bar);transform-box:fill-box;transform-origin:center;animation:mel-bar var(--d) ease-in-out var(--t) infinite alternate}@keyframes mel-roll{to{transform:translate(-608px)}}@keyframes mel-bar{0%{transform:scaleY(1)}35%{transform:scaleY(.52)}70%{transform:scaleY(1.1)}to{transform:scaleY(.74)}}@media(prefers-reduced-motion:reduce){.hf-mel .mel-roll,.hf-mel .mel-bar{animation:none}}.hf-start{margin-top:60px;display:flex;flex-direction:column;gap:20px}.hf-start-row{display:flex;gap:20px;padding:30px;border-radius:20px;background:var(--bg-dark)}.hf-start-item{flex:1;min-width:0;display:flex;gap:20px;align-items:flex-start}.hf-start-pic{width:59px;height:59px;flex-shrink:0;display:grid;place-items:center;border-radius:20px;transition:filter .15s,transform .2s}.hf-start-pic img{display:block;width:24px;height:24px}.hf-start-pic.record{background:radial-gradient(55.2px 59px at 50% 0,#000 18.6%,#080007,#10000f 21.2%,#20001e 23.8%,#40003c 29.1%,#600059 34.3%,#800077 39.6%,#9f0095,#bf00b3 50%,#f0e 60.5%,#ff13e5 63.5%,#ff26dd 66.4%,#ff4bcc,#ff71ba,#ff96a9 84.1%,#ffcbd4 92%,#fff)}.hf-start-pic.record img{width:18px;height:18px}.hf-start-pic.score{background:radial-gradient(55.2px 59px at 50% 0,#000 18.6%,#000e08 23.8%,#001b0f 29.1%,#01361f 39.6%,#01512e 50%,#016c3e 60.5%,#0e7540,#1a7e42 63.5%,#339146 66.4%,#4ca34a 69.4%,#65b54e 72.3%,#97da56,#c9fe5e 84.1%,#d6ff86 88.1%,#e4ffae 92%,#f1ffd7,#fff)}.hf-start-pic.image{background:radial-gradient(55.2px 59px at 50% 0,#000 18.6%,#080010,#100020 23.8%,#200040 29.1%,#300060 34.3%,#400080 39.6%,#6000bf 50%,#8000ff 60.5%,#8010f7,#8020ef 63.5%,#8040df 66.4%,#8160cf 69.4%,#8180bf 72.3%,#829f9f,#83ff7f 84.1%,#a2ff9f 88.1%,#c1ffbf 92%,#fff)}.hf-start-item>span:not(.hf-start-pic){display:flex;flex-direction:column;gap:10px}.hf-start-item strong{font-size:20px;line-height:25px;font-weight:400}.hf-start-item strong+span{font-size:12px;line-height:24px;opacity:.8}@media(hover:hover){.hf-start-item:hover .hf-start-pic{filter:brightness(1.15);transform:translateY(-2px)}}.hf-model{position:relative;isolation:isolate;height:320px;margin-top:60px;display:flex;align-items:center;padding:0 80px;overflow:hidden;border-radius:30px;color:#fff;background:#000 url(/public/assets/model-banner-v1.webp) right center / auto 100% no-repeat}#features>.hf-model{margin:0 auto 60px}.pricing-tools>.hf-model{margin:0 auto 20px}.hf-model{text-decoration:none}.hf-model:focus-visible{outline:2px solid var(--main-light);outline-offset:4px}.hf-model-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}.hf-model-tag{display:flex;align-items:flex-end;gap:10px;margin:0;font:400 18px/22px var(--font)}.hf-model-tag span{opacity:.8}.hf-model-badge{flex:none}.hf-model-name{background:linear-gradient(180deg,#ffee6d 22%,#fff 55%);-webkit-background-clip:text;background-clip:text;color:transparent}.hf-model-name{margin:0;font:400 60px/normal var(--font);white-space:nowrap;filter:drop-shadow(0 2px 10px rgba(255,229,176,.25))}@media(hover:hover){.hf-start-item:hover strong{text-decoration:underline;text-underline-offset:4px}}.hf-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hf-steps article{display:flex;flex-direction:column;gap:20px}.hf-steps span{font-size:20px;line-height:25px;opacity:.5}.hf-steps h3{font-size:20px;line-height:25px;font-weight:400}.hf-steps p{font-size:14px;line-height:28px;opacity:.8}.hf-studio{position:relative;margin-top:60px;height:520px;overflow:hidden;border-radius:20px;background:var(--bg-dark);border:1px solid var(--bg-bright)}.hf-studio:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 120px #94a8ff;pointer-events:none}.hf-studio-grid{position:absolute;inset:0;width:100%;height:100%;opacity:.45;pointer-events:none}.hf-studio-pic{position:absolute;left:22.5%;top:-87px;width:89.3%;max-width:none;height:auto;pointer-events:none}.hf-studio-copy{position:relative;z-index:1;width:500px;max-width:100%;padding:59px;box-sizing:content-box;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.hf-studio-copy .hf-eyebrow{font-size:12px;line-height:15px}.hf-studio-copy h3{font-size:48px;line-height:60px}.hf-studio-text{font-size:12px;line-height:1.8;opacity:.8}.hf-studio-note{font-size:10px;line-height:12px;opacity:.6}.hf-final{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center;padding:200px 100px;background:#101010}.hf-final:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.7;pointer-events:none;background:linear-gradient(#f6a24133,#f6a24133),url(/public/assets/final-band.webp) center calc(50% + 138.5px) / max(100%,1512px) auto no-repeat}.hf-final h2{font-size:60px;line-height:74px}.hf-final-text{font-size:14px;line-height:17px;opacity:.6}.hf-final h2{transition:opacity .4s ease}@media(hover:hover){.hf-final:has(.hf-burst:hover,.hf-burst:focus-within) h2{opacity:.5}}.hf-final{overflow-x:clip}.hf-burst{position:relative;display:inline-flex;--spread: 1}.hf-burst .hf-btn{position:relative;z-index:2;transition:box-shadow .3s ease}.hf-burst .hf-btn:focus-visible{background:#fff;box-shadow:0 0 50px #94a8ff,inset 0 0 14px #2950ff}@media(hover:hover){.hf-burst .hf-btn:hover{background:#fff;box-shadow:0 0 50px #94a8ff,inset 0 0 14px #2950ff}}.hf-orbit{position:absolute;left:50%;top:50%;z-index:1;width:0;height:0;pointer-events:none}@keyframes hf-spin{to{transform:rotate(360deg)}}.hf-orbit,.hf-orb-in{animation:hf-spin 40s linear infinite paused}.hf-orb-in{animation-direction:reverse;position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:20px}.hf-burst:focus-within :is(.hf-orbit,.hf-orb-in){animation-play-state:running}@media(hover:hover){.hf-burst:hover :is(.hf-orbit,.hf-orb-in){animation-play-state:running}}.hf-orb{position:absolute;left:-75px;top:-75px;width:150px;height:150px;opacity:0;transform:translate(0) rotate(calc(var(--r) * -3)) scale(.15);transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s ease}.hf-burst:focus-within .hf-orb{opacity:1;transform:translate(calc(var(--x) * var(--spread)),calc(var(--y) * var(--spread))) rotate(var(--r)) scale(var(--k));transition:transform .42s cubic-bezier(.2,1.25,.35,1),opacity .18s ease}@media(hover:hover){.hf-burst:hover .hf-orb{opacity:1;transform:translate(calc(var(--x) * var(--spread)),calc(var(--y) * var(--spread))) rotate(var(--r)) scale(var(--k));transition:transform .42s cubic-bezier(.2,1.25,.35,1),opacity .18s ease}}.hf-orb-in>img{width:100%;height:100%;object-fit:cover;display:block}.hf-orb-round{border-radius:50%}.hf-orb-song b{position:absolute;left:8px;top:92px;width:50px;height:50px;border-radius:50%;background:#00000080;display:grid;place-items:center}.hf-orb-lyrics{background:var(--bg-lite)}.hf-orb-lyrics>span{position:absolute;text-align:left;left:5px;top:-13px;white-space:nowrap;font-size:28px;line-height:35px;font-weight:700;color:var(--main-light)}.hf-orb-notes{background:linear-gradient(#1d1d1d,#410303);box-shadow:inset 0 0 24px #ffbf5180}.hf-orb-notes i{position:absolute;height:14px;border-radius:2px;background:#fff;box-shadow:0 0 14px #ffe694}@media(max-width:900px){.hf-burst{--spread: .75}}@media(prefers-reduced-motion:reduce){.hf-orb,.hf-burst:focus-within .hf-orb{transition:opacity .2s}@media(hover:hover){.hf-burst:hover .hf-orb{transition:opacity .2s}}.hf-orbit,.hf-orb-in{animation:none}}@media(hover:none){.hf-orbit{display:none}}@media(max-width:1300px){.hf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hf-studio-copy{width:420px}.hf-studio-pic{left:40%;width:80%}}@media(max-width:900px){.hf-model{height:220px;padding:0 28px}.hf-model-tag{font-size:14px;line-height:17px}.hf-model-name{font-size:36px}.hf-model:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(0,0,0,.7),transparent 75%)}.hf-sec{padding:72px 24px}.hf-sec h2,.hf-studio-copy h3{font-size:36px;line-height:46px}.hf-final{padding:140px 24px}.hf-final h2{font-size:40px;line-height:50px}.hf-grid{grid-template-columns:minmax(0,400px)}.hf-split{flex-direction:column}.hf-split-copy,.hf-split-pic{width:100%;flex:none}.hf-start-row,.hf-steps{display:flex;flex-direction:column}.hf-body>p{min-height:0}.hf-listen h3{min-height:0}.hf-studio{height:auto;display:flex;flex-direction:column}.hf-studio-copy{width:auto;padding:32px}.hf-studio-pic{position:relative;left:8%;top:0;width:120%;margin-top:-10px}}@media(max-width:520px){.hf-sec{padding:56px 16px}.hf-sec h2,.hf-studio-copy h3{font-size:30px;line-height:38px}.hf-final{padding:100px 16px}.hf-final h2{font-size:32px;line-height:40px}.hf-final-text{line-height:22px}.hf-btns .hf-btn{flex:1}}.home .hero h1{max-width:1000px;text-wrap:balance}.home .hero .lead{color:#fff9}
