@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Gilroy;font-style:normal;font-weight:800;font-display:swap;src:local(Gilroy-ExtraBold),local(Gilroy ExtraBold),url(./Gilroy-ExtraBold-BDcfmT-i.otf)format("opentype")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cyan-light:#c5f4ff;--cyan:#a1e9ff;--blue:#92d0ff;--paper-cool:#ececff;--lavender:#c5c5ff;--periwinkle:#a4a4f4;--violet-dark:#5757c4;--mint:#83ffc1;--yellow:#ffe780;--yellow-light:#fff19f;--pink-light:#ffc5ec;--pink:#ffb3e6;--text:#1a1a1a;--text-2:#1a1a1aa3;--text-3:#1a1a1a75;--line:#1a1a1a14;--line-2:#1a1a1a21;--link:var(--violet-dark);--pale-sky:color-mix(in srgb, var(--cyan-light) 32%, #fff);--pale-cool:color-mix(in srgb, var(--paper-cool) 55%, #fff);--hover:#f6f6fb;--shadow-card:0 1px 2px #121c2e0d, 0 10px 18px -4px #121c2e14;--shadow-float:0 2px 4px #121c2e0f, 0 30px 60px -18px #1e3c8c52;--glass-bg:#ffffffb8;--glass-shadow:inset 0 1px 0 #ffffffeb, 0 0 0 1px #ffffff75, 0 1px 2px -1px #121c2e24, 0 6px 16px -6px #121c2e29;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-std:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.2s;--dur-mid:.45s;--dur-slow:.7s;--font-display:"Gilroy", "DM Sans Variable", system-ui, sans-serif;--font-body:"DM Sans Variable", "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-size:15.5px;line-height:1.55}a{color:inherit}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--violet-dark);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin:0;font-weight:800}.eyebrow{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--link);margin:0 0 14px;font-size:13px;font-weight:800}kbd{min-width:22px;box-shadow:0 0 0 1px var(--line-2), 0 1px 0 var(--line-2);font-family:var(--font-display);text-align:center;color:var(--text);background:#fff;border-radius:7px;margin:0 2px;padding:1px 7px;font-size:12px;font-weight:800;display:inline-block}.swoosh{z-index:0;white-space:nowrap;position:relative}.swoosh:after{content:"";z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M4 13 C 60 5, 130 4, 196 9' fill='none' stroke='%23ffe780' stroke-width='9' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:.24em;position:absolute;bottom:-.07em;left:-1%;right:-1%}.topbar{z-index:30;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;max-width:1248px;margin:0 auto;padding:16px 24px;display:flex;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.wordmark,.glass-btn,.glass-select select{background:var(--glass-bg);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);box-shadow:var(--glass-shadow);border:0;border-radius:999px}.wordmark{align-items:center;gap:10px;height:46px;padding:0 18px 0 14px;text-decoration:none;display:inline-flex}.wordmark-mark{align-items:center;gap:2.5px;height:20px;display:inline-flex}.wordmark-mark i{border-radius:3px;width:4px;display:block}.wordmark-text{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;font-size:17px;font-weight:800}.wordmark-text span{font-family:var(--font-body);letter-spacing:0;color:var(--text-2);margin-left:4px;font-size:13px;font-weight:500}.topnav{gap:8px;display:flex}.glass-btn{height:44px;font-family:var(--font-display);white-space:nowrap;align-items:center;gap:6px;padding:0 18px;font-size:14.5px;font-weight:800;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.glass-btn:hover{background:#ffffffe6}.glass-btn.is-on{color:var(--link);background:#fff}.hero{background:linear-gradient(180deg, var(--cyan) 0%, var(--blue) 100%);padding:128px 24px 88px;position:relative;overflow:hidden}.hero-squiggle{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-squiggle path{fill:none;stroke:#ffffff57;stroke-width:120px;stroke-linecap:round}.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,540px);align-items:center;gap:56px;max-width:1200px;margin:0 auto;display:grid;position:relative}.hero-title{text-wrap:balance;font-size:clamp(38px,4.6vw,62px);line-height:1.02}.hero-sub{color:#1a1a1ab8;text-wrap:pretty;max-width:520px;margin:22px 0 0;font-size:18px;line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:34px;display:flex}.hero-hint{color:#1a1a1a99;font-size:13.5px}.hero-note{color:#1a1a1ab3;margin:16px 0 0;font-weight:500}.cta{background:var(--yellow);min-height:60px;font-family:var(--font-display);color:var(--text);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:16px 30px;font-size:18px;font-weight:800;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;box-shadow:inset 0 -1px 3px #e8a68b8c,inset 0 1.5px 1px #ffffffd9,0 0 0 5px #ffffff75,0 10px 20px -5px #5757c459,0 28px 52px -14px #5757c442}.cta:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px)}.cta:active:not(:disabled){transform:translateY(1px)scale(.99)}.cta:disabled{cursor:progress}.cta.is-busy svg{animation:1.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.options{flex-direction:column;align-items:flex-start;gap:10px;margin-top:22px;display:flex}.options-row{flex-wrap:wrap;gap:8px;display:flex}.glass-select select{appearance:none;height:42px;font-family:var(--font-display);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding:0 36px 0 16px;font-size:14px;font-weight:800}.glass-select select:disabled,.glass-btn:disabled{opacity:.6;cursor:default}.options .glass-btn{height:42px;font-size:14px}.options-more{background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--glass-shadow);border-radius:18px;grid-template-columns:repeat(2,minmax(0,150px));gap:10px 12px;padding:14px;display:grid}.options-more label{font-family:var(--font-display);flex-direction:column;gap:5px;font-size:12px;font-weight:800;display:flex}.options-more input{border:1px solid var(--line-2);height:38px;font-family:var(--font-body);background:#fff;border-radius:12px;padding:0 12px}.options-more p{color:var(--text-2);grid-column:1/-1;margin:0;font-size:12.5px}.error{background:var(--pink-light);border-radius:14px;margin:16px 0 0;padding:10px 14px;font-weight:500}.player{box-shadow:var(--shadow-float);background:#fff;border-radius:28px;padding:22px;position:relative}.player-head{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:18px;display:grid}.player-kicker{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--link);margin:0 0 6px;font-size:12px;font-weight:800}.player-title{letter-spacing:-.015em;text-wrap:balance;font-size:28px;line-height:1.08}.player-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:4px 12px;margin:10px 0 0;font-size:13.5px;display:flex}.mood-tag{background:var(--tag);font-family:var(--font-display);color:var(--text);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800;display:inline-flex}.loop-tag{border:1.5px solid var(--periwinkle);font-family:var(--font-display);color:var(--text);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:800;display:inline-flex}.cover{aspect-ratio:1;width:100%;box-shadow:0 0 0 1px var(--line), 0 6px 14px -4px #121c2e24;background:#fff;border-radius:22px;padding:6px}.cover img,.cover-fallback{object-fit:cover;background:linear-gradient(135deg, var(--pink-light), var(--cyan));border-radius:16px;width:100%;height:100%;display:block}.cover-fallback{font-family:var(--font-display);color:#1a1a1ab3;place-items:center;font-size:22px;font-weight:800;display:grid}.cover-empty{background:linear-gradient(135deg, var(--pink-light), var(--cyan)) content-box, #fff;font-family:var(--font-display);color:#1a1a1a8c;place-items:center;font-size:34px;display:grid}.waveform{margin-top:22px}.waveform-canvas{cursor:pointer;touch-action:none;border-radius:10px;position:relative}.waveform-canvas canvas{display:block}.waveform-hover{background:var(--text);color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:600;position:absolute;top:-6px;transform:translate(-50%,-100%)}.timeline{gap:3px;height:8px;margin-top:12px;display:flex}.timeline-seg{background:var(--sec);border:0;border-radius:999px;min-width:4px;padding:0;transition:transform .15s,box-shadow .15s;display:block}button.timeline-seg:hover{transform:scaleY(1.5)}.timeline-seg.is-current{box-shadow:0 0 0 2px var(--text)}.waveform-missing{background:var(--pale-cool);text-align:center;color:var(--text-2);border-radius:16px;margin-top:22px;padding:28px;font-size:13.5px}.transport{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:18px;padding-top:18px;display:flex}.play{background:var(--text);color:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;transition:transform .15s;display:grid;box-shadow:0 8px 18px -6px #1a1a1a80}.play:hover{transform:scale(1.05)}.play svg{margin-left:1px}.play[data-buffering]{animation:.9s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 8px #1a1a1a1f}}.time{font-variant-numeric:tabular-nums;color:var(--text-3);flex-wrap:wrap;align-items:baseline;gap:2px 4px;font-size:14px;display:flex}.time strong{font-family:var(--font-display);color:var(--text);font-size:16px;font-weight:800}.time em{background:var(--pale-cool);color:var(--text-2);border-radius:999px;margin-left:8px;padding:1px 9px;font-size:12px;font-style:normal;font-weight:600}.spacer{flex:1}.transport-actions{gap:8px;display:flex}.soft-btn{height:40px;box-shadow:0 0 0 1px var(--line-2), 0 1px 2px #121c2e0f;font-family:var(--font-display);color:var(--text);white-space:nowrap;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:14px;font-weight:800;text-decoration:none;transition:background .15s;display:inline-flex}.soft-btn:hover{background:var(--hover)}.soft-btn[aria-pressed=true]{background:var(--mint);box-shadow:none}.menu{position:relative}.menu summary{list-style:none}.menu summary::-webkit-details-marker{display:none}.menu[open] summary{background:var(--hover)}.menu-list{z-index:10;min-width:230px;box-shadow:0 0 0 1px var(--line), var(--shadow-float);background:#fff;border-radius:18px;padding:6px;position:absolute;bottom:calc(100% + 10px);right:0}.menu-list a{border-radius:12px;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.menu-list a strong{font-family:var(--font-display);font-weight:800}.menu-list a span{color:var(--text-3);font-size:13px}.menu-list a:hover,.menu-list a:focus-visible{background:var(--hover)}.composing{margin-top:20px}.composing-row{font-family:var(--font-display);justify-content:space-between;gap:12px;margin-bottom:8px;font-size:14px;font-weight:800;display:flex}.composing-time{color:var(--text-3);font-variant-numeric:tabular-nums}.composing-bar{background:var(--pale-cool);border-radius:999px;height:6px;overflow:hidden}.composing-bar span{border-radius:inherit;background:linear-gradient(90deg,#ffb3e6,#ffc897,#ffe780,#83ffc1,#a1e9ff,#a4a4f4,#ffb3e6) 0 0/320px 100%;height:100%;transition:width .3s ease-out;animation:1.6s linear infinite wipe;display:block}@keyframes wipe{to{background-position:320px 0}}.skeleton-wave{align-items:center;gap:2.5px;height:76px;margin-top:22px;display:flex}.skeleton-wave span{background:var(--lavender);opacity:.55;border-radius:2px;flex:1}.player-placeholder .timeline{opacity:.55}.proof{border-bottom:1px solid var(--line);background:#fff}.proof ul{max-width:1200px;color:var(--text-2);flex-wrap:wrap;justify-content:center;gap:8px 40px;margin:0 auto;padding:22px 24px;font-size:14.5px;list-style:none;display:flex}.proof li{position:relative}.proof li+li:before{content:"+";font-family:var(--font-display);color:#1a1a1a33;font-weight:800;position:absolute;left:-26px}.proof strong{font-family:var(--font-display);color:var(--text);font-weight:800}.band{padding:96px 24px}.band-white{background:#fff}.band-sky{background:var(--pale-sky)}.band-cool{background:var(--pale-cool)}.band-inner{max-width:1200px;margin:0 auto}.section-heading{text-align:center;max-width:720px;margin:0 auto 48px}.section-heading h2{text-wrap:balance;font-size:clamp(32px,4.4vw,52px);line-height:1.04}.section-sub{color:var(--text-2);margin:14px 0 0;font-size:16px}.section-foot{justify-content:center;margin-top:36px;display:flex}.card{box-shadow:0 0 0 1px var(--line), var(--shadow-card);background:#fff;border-radius:24px;padding:24px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:14px;display:flex}.card-head h3{letter-spacing:-.01em;font-size:20px}.card-head span{color:var(--text-3);font-size:13px}.card-note{color:var(--text-2);margin:18px 0 16px;font-size:13.5px}.details{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.songmap,.doodle-card{container-type:inline-size}.songmap-list{margin:0;padding:0;list-style:none}.songmap-row{text-align:left;background:0 0;border:0;border-radius:14px;grid-template-columns:10px 40px minmax(0,1fr) auto 56px;align-items:center;gap:14px;width:100%;padding:10px 12px;transition:background .15s;display:grid}.songmap-row:hover{background:var(--hover)}.songmap-row.is-current{background:color-mix(in srgb, var(--sec) 38%, #fff)}.songmap-dot{background:var(--sec);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #1a1a1a14}.songmap-time{font-variant-numeric:tabular-nums;color:var(--text-3);font-size:13px}.songmap-main{flex-direction:column;min-width:0;display:flex}.songmap-label{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.songmap-bars{font-family:var(--font-body);color:var(--text-3);margin-left:4px;font-size:12.5px;font-weight:500}.songmap-chords{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.songmap-roles{max-width:240px;color:var(--text-3);text-align:right;font-size:12.5px}.songmap-energy{background:#1a1a1a14;border-radius:999px;height:6px;overflow:hidden}.songmap-energy span{border-radius:inherit;background:#1a1a1a8c;height:100%;display:block}@container (width<=560px){.songmap-row{grid-template-columns:10px 40px minmax(0,1fr) 44px}.songmap-roles{text-align:left;grid-area:2/3/auto/-1;max-width:none;margin-top:-10px}}.doodle-body{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}@container (width>=420px){.doodle-body{grid-template-columns:132px minmax(0,1fr);align-items:start;gap:20px}}.trait-list{margin:0;padding:0;list-style:none}.trait-list li{border-bottom:1px solid var(--line);grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 0;font-size:14.5px;font-weight:500;display:grid}.trait-list li:last-child{border-bottom:0}.trait-kind{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:11.5px;font-weight:800}.trait-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trait-role{background:var(--pale-cool);font-family:var(--font-display);color:var(--text-2);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:800}.crew{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.crew-row{border-bottom:1px solid var(--line);grid-template-columns:76px minmax(0,1fr);align-items:start;gap:16px;padding-bottom:14px;display:grid}.crew-row:last-child{border-bottom:0;padding-bottom:0}.crew-row .cover{border-radius:18px;padding:4px}.crew-row .cover-inner{border-radius:14px}.crew-name{font-family:var(--font-display);align-items:center;gap:8px;font-size:15.5px;font-weight:800;display:flex}.crew-tag{background:var(--yellow);border-radius:999px;padding:1px 8px;font-size:11px}.crew-layers{flex-direction:column;gap:4px;margin:6px 0 10px;padding:0;font-size:14px;font-weight:500;list-style:none;display:flex}.crew-layers li{align-items:center;gap:8px;display:flex}.crew-layers .trait-kind{min-width:64px}.crew-layers .trait-role{margin-left:auto}.crew-main .soft-btn{height:34px;padding:0 12px;font-size:13px}.is-in .crew-row,html:not(.motion) .crew-row{animation:fade-up .5s var(--ease-out) backwards;animation-delay:calc(.1s + var(--i,0) * 90ms)}.library-art{display:block;position:relative}.library-guests{display:flex;position:absolute;bottom:10px;right:10px}.library-guest{background:linear-gradient(135deg, var(--pink-light), var(--cyan));border-radius:50%;width:34px;height:34px;margin-left:-10px;overflow:hidden;box-shadow:0 0 0 3px #fff,0 4px 10px -3px #121c2e59}.library-guest img{object-fit:cover;width:100%;height:100%;display:block}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.step{box-shadow:0 0 0 1px var(--line), var(--shadow-card);background:#fff;border-radius:24px;padding:14px 14px 22px}.step-art{aspect-ratio:16/10;border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden}.step-num{background:var(--yellow);width:32px;height:32px;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:15px;font-weight:800;display:grid;position:absolute;top:12px;left:12px;box-shadow:0 0 0 4px #fff9}.step h3{margin:20px 8px 0;font-size:18px}.step p{color:var(--text-2);margin:8px 8px 0;font-size:14.5px}.step-tag{background:var(--pink-light);font-family:var(--font-display);border-radius:999px;margin:16px 8px 0;padding:4px 11px;font-size:12px;font-weight:800;display:inline-block}.step-covers{aspect-ratio:1.6;width:62%;position:relative}.step-cover{top:50%;left:calc(18% + var(--k) * 22%);aspect-ratio:1;width:44%;transform:translate(-50%, -50%) rotate(calc((var(--k) - 1) * 7deg));background:#fff;border-radius:16px;padding:4px;position:absolute;box-shadow:0 8px 18px -6px #121c2e4d}.step-cover img{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.step-chords{gap:8px;display:flex}.step-chords span{width:54px;height:64px;font-family:var(--font-display);border-radius:14px;place-items:center;font-size:18px;font-weight:800;display:grid;box-shadow:0 0 0 4px #ffffffbf,0 8px 16px -6px #121c2e40}.step-wave{align-items:center;gap:4px;width:70%;height:46%;display:flex}.step-wave span{background:var(--text);border-radius:3px;flex:1}.library-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:28px 24px;margin:0;padding:0;list-style:none;display:grid}.library-card{text-align:left;background:0 0;border:0;flex-direction:column;gap:14px;width:100%;padding:0;display:flex;position:relative}.library-card:hover .cover{box-shadow:0 0 0 1px var(--line), 0 16px 28px -10px #121c2e4d;transform:translateY(-3px)}.library-card.is-current .cover{box-shadow:0 0 0 3px var(--violet-dark), 0 16px 28px -10px #121c2e4d}.library-body{flex-direction:column;gap:6px;padding:0 4px;display:flex}.library-title{font-family:var(--font-display);font-size:16.5px;font-weight:800;line-height:1.2}.library-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;display:flex}.miniwave{fill:#1a1a1a47;width:100%;height:20px;margin-top:2px;display:block}.library-badge{background:var(--text);color:#fff;font-family:var(--font-display);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:800;position:absolute;top:16px;left:16px}.band-final{background:var(--violet-dark);color:#fff;text-align:center;padding:104px 24px;position:relative;overflow:hidden}.final-inner{position:relative}.band-final .eyebrow{color:var(--yellow)}.band-final h2{color:#fff;text-wrap:balance;max-width:760px;margin:0 auto;font-size:clamp(34px,4.6vw,56px);line-height:1.04}.band-final .cta{margin-top:34px;box-shadow:inset 0 -1px 3px #e8a68b8c,inset 0 1.5px 1px #ffffffd9,0 0 0 5px #ffffff2e,0 18px 40px -12px #00000073}.final-keys{color:#ffffffc7;margin:26px 0 0;font-size:13.5px}.final-keys kbd{margin:0 4px 0 12px}.final-keys kbd:first-child{margin-left:0}.final-ribbon{pointer-events:none;width:460px;position:absolute;bottom:-70px;right:-60px}.final-ribbon path{fill:none;stroke:url(#ribbon);stroke-width:54px;stroke-linecap:round}.footer{max-width:1200px;color:var(--text-3);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin:0 auto;padding:26px 24px 32px;font-size:13px;display:flex}.footer span:first-child{font-family:var(--font-display);color:var(--text);font-weight:800}.footer a{color:inherit;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.footer a:hover{color:var(--link)}@media (width<=1024px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:36px}.details{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.hero-inner{grid-template-columns:minmax(0,1fr);gap:44px}.hero-copy{max-width:640px}}@media (width<=760px){.topbar{padding:12px 16px}.topnav a[href=\#library]{display:none}.hero{padding:100px 16px 64px}.band{padding:72px 16px}.band-final{padding:80px 16px}.section-heading{margin-bottom:36px}.steps{grid-template-columns:minmax(0,1fr)}.hero.has-song .hero-inner{gap:28px}.hero.has-song .hero-player{order:-1}.hero.has-song .hero-sub{display:none}.hero.has-song .hero-title{font-size:30px}.final-ribbon{width:300px;bottom:-90px;right:-80px}}@media (width<=480px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .cta{width:100%}.hero-hint{display:none}.player{border-radius:24px;padding:16px}.player-head{grid-template-columns:84px minmax(0,1fr);gap:14px}.player-title{font-size:22px}.transport-actions{width:100%}.transport-actions>*{flex:1}.transport-actions summary{width:100%}.menu-list{left:0;right:auto}.options-more{grid-template-columns:repeat(2,minmax(0,1fr))}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.library-title{font-size:15px}.proof ul{gap:6px 34px;font-size:13.5px}}@keyframes rise-in{0%{opacity:0;transform:translateY(20px)scale(.97)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}@keyframes nav-enter{0%{opacity:0;transform:translateY(-14px)}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)scale(.96)}}@keyframes cover-in{0%{opacity:0;transform:scale(.86)rotate(-5deg)}}@keyframes seg-in{0%{opacity:0;transform:scaleX(0)}}@keyframes icon-swap{0%{opacity:0;transform:scale(.4)rotate(-40deg)}}@keyframes squiggle-draw{to{stroke-dashoffset:0}}@keyframes drift{50%{transform:translate(-1.6%,1.4%)rotate(-.6deg)}}@keyframes float{50%{transform:translateY(-14px)rotate(-2deg)}}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes ring{0%{box-shadow:0 0 #1a1a1a4d,0 8px 18px -6px #1a1a1a80}to{box-shadow:0 0 0 16px #1a1a1a00,0 8px 18px -6px #1a1a1a80}}@keyframes dot-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--sec) 90%, transparent)}to{box-shadow:0 0 0 9px color-mix(in srgb, var(--sec) 0%, transparent)}}@keyframes skeleton-wave{0%,to{opacity:.4;transform:scaleY(.5)}50%{opacity:.85;transform:scaleY(1)}}@keyframes shine{0%{transform:translate(-140%)skew(-20deg)}to{transform:translate(320%)skew(-20deg)}}@keyframes stripes{to{background-position:28px 0}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.topbar>*{animation:nav-enter var(--dur-slow) var(--ease-out) backwards}.topbar>:last-child{animation-delay:80ms}.hero-copy>*{animation:rise-in .8s var(--ease-out) backwards}.hero-copy>:first-child{animation-delay:50ms}.hero-copy>:nth-child(2){animation-delay:.12s}.hero-copy>:nth-child(3){animation-delay:.2s}.hero-copy>:nth-child(4){animation-delay:.28s}.hero-copy>:nth-child(5){animation-delay:.36s}.hero-player{animation:rise-in .9s var(--ease-out) .22s backwards}.hero-squiggle{animation:24s ease-in-out 2.4s infinite drift}.hero-squiggle path{stroke-dasharray:1 1;stroke-dashoffset:1px;animation:squiggle-draw 2.6s var(--ease-out) .1s forwards}.motion [data-reveal]{opacity:0;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);transition-delay:calc(var(--i,0) * 70ms);transform:translateY(20px)scale(.97)}.motion [data-reveal].is-in{opacity:1;transform:none}.cta{transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), filter var(--dur-fast);position:relative;overflow:hidden}.cta:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:38%;position:absolute;top:0;bottom:0;left:0;transform:translate(-140%)skew(-20deg)}.cta:hover:not(:disabled){transform:translateY(-2px)}.cta:hover:not(:disabled):after{animation:shine .9s var(--ease-out)}.cta:active:not(:disabled){transition-duration:80ms;transform:translateY(0)scale(.97)}.cta.is-busy{background-image:repeating-linear-gradient(-45deg,#0000 0 7px,#ffffff73 7px 14px);background-size:28px 28px;animation:.7s linear infinite stripes}.glass-btn,.soft-btn,.glass-select select{transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast), box-shadow var(--dur-fast), color var(--dur-fast)}.glass-btn:hover,.soft-btn:hover,.glass-select select:hover:not(:disabled){transform:translateY(-1px)}.glass-btn:active,.soft-btn:active{transition-duration:80ms;transform:scale(.96)}.icon-swap{animation:icon-swap .34s var(--ease-spring) backwards;place-items:center;display:inline-grid}.play{transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast)}.play:active{transition-duration:80ms;transform:scale(.92)}.play.is-playing{animation:ring 1.9s var(--ease-std) infinite}.player-body{animation:fade-up .55s var(--ease-out) backwards}.player-body .cover{animation:cover-in var(--dur-slow) var(--ease-out) 50ms backwards}.vt-cover .player-body .cover{animation:none}.timeline-seg{transform-origin:0;animation:seg-in .6s var(--ease-out) backwards;animation-delay:calc(.3s + var(--i,0) * 45ms);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-mid) var(--ease-out)}.time em{animation:fade-up .4s var(--ease-out) backwards}.eq{vertical-align:-1px;width:0;height:10px;transition:width .3s var(--ease-out), margin .3s var(--ease-out);align-items:flex-end;gap:2px;margin-right:0;display:inline-flex;overflow:hidden}.eq.is-on{width:12px;margin-right:7px}.eq i{transform-origin:bottom;background:currentColor;border-radius:1px;flex:none;width:2.5px;height:100%;display:block;transform:scaleY(.4)}.eq.is-on i{animation:.9s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}.composing{animation:fade-up .4s var(--ease-out) backwards}.composing-msg{animation:fade-up .35s var(--ease-out) backwards}.skeleton-wave span{animation:2.6s ease-in-out infinite skeleton-wave;animation-delay:calc(var(--i,0) * -55ms)}.player-placeholder.is-busy .skeleton-wave span{animation-duration:1.1s}.menu[open] .menu-list{transform-origin:100% 100%;animation:pop-in .22s var(--ease-out) backwards}.options-more{transform-origin:0 0;animation:pop-in .26s var(--ease-out) backwards}.error{animation:shake .45s var(--ease-std) backwards}.songmap-row{transition:background-color var(--dur-mid) var(--ease-out)}.songmap-energy span{transform-origin:0;transition:transform 1s var(--ease-out) calc(.25s + var(--i,0) * 70ms)}.motion [data-reveal]:not(.is-in) .songmap-energy span{transform:scaleX(0)}.songmap-list.is-playing .songmap-row.is-current .songmap-dot{animation:dot-ring 1.6s var(--ease-std) infinite}.is-in .doodle-body .cover,html:not(.motion) .doodle-body .cover{animation:cover-in var(--dur-slow) var(--ease-out) .1s backwards}.is-in .doodle-body .trait-list li,html:not(.motion) .doodle-body .trait-list li{animation:fade-up .5s var(--ease-out) backwards;animation-delay:calc(.15s + var(--i,0) * 60ms)}.step{height:100%;transition:transform var(--dur-mid) var(--ease-out), box-shadow var(--dur-mid) var(--ease-out)}.step:hover{box-shadow:0 0 0 1px var(--line), 0 26px 44px -18px #121c2e47;transform:translateY(-6px)}.step-num{transition:transform var(--dur-mid) var(--ease-spring)}.step:hover .step-num{transform:scale(1.12)rotate(-8deg)}.step-cover{transition:transform .55s var(--ease-out)}.step:hover .step-cover{transform:translate(-50%, -50%) translateX(calc((var(--k) - 1) * 16%)) rotate(calc((var(--k) - 1) * 13deg))}.step-chords span{transition:transform var(--dur-mid) var(--ease-spring);transition-delay:calc(var(--k,0) * 55ms)}.step:hover .step-chords span{transform:translateY(-9px)}.step-wave span{transform-origin:50%}.step:hover .step-wave span{animation:.9s ease-in-out infinite eq;animation-delay:calc(var(--k,0) * -70ms)}.cover-inner{border-radius:16px;width:100%;height:100%;display:block;overflow:hidden}.cover-inner img{transition:transform .6s var(--ease-out)}.library-card .cover{transition:transform var(--dur-mid) var(--ease-out), box-shadow var(--dur-mid) var(--ease-out)}.library-card:hover .cover-inner img{transform:scale(1.06)}.library-card:active .cover{transform:translateY(-1px)scale(.98)}.library-badge{animation:pop-in .35s var(--ease-spring) backwards;align-items:center;display:inline-flex}.final-ribbon path{stroke-dasharray:1 1;stroke-dashoffset:1px;transition:stroke-dashoffset 2.2s var(--ease-out) .2s}.final-ribbon.is-in path,html:not(.motion) .final-ribbon path{stroke-dashoffset:0}.final-ribbon.is-in{animation:10s ease-in-out 2.4s infinite float}::view-transition-old(root){animation-duration:.35s;animation-timing-function:var(--ease-std)}::view-transition-new(root){animation-duration:.35s;animation-timing-function:var(--ease-std)}::view-transition-group(song-cover){animation-duration:.7s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-old(song-cover){object-fit:cover;height:100%;animation-duration:.7s}::view-transition-new(song-cover){object-fit:cover;height:100%;animation-duration:.7s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}