@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/DMSans-latin-variable.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/Unbounded-latin-900.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Unbounded-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/DMSerifDisplay-latin-regular.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"DM Serif Display";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/DMSerifDisplay-latin-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Silkscreen-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PP Neue Machina Inktrap;font-weight:800;font-display:swap;src:local("PP Neue Machina Inktrap Ultrabold"),local("PPNeueMachina-InktrapUltrabold"),url(/fonts/PPNeueMachina-InktrapUltrabold.woff2) format("woff2")}@font-face{font-family:PP Neue Machina Inktrap;font-weight:400;font-display:swap;src:local("PP Neue Machina Inktrap Regular"),local("PPNeueMachina-InktrapRegular"),url(/fonts/PPNeueMachina-InktrapRegular.woff2) format("woff2")}:root{--color-stage: #0a0a0f;--color-grid: #232127;--color-drawer: #2e2b33;--color-card: #353332;--color-header: #2a272e;--color-ctrl: #3c3842;--color-ctrl-shadow: #0a0606;--color-primary: #f14e23;--color-primary-shadow: #8c2d14;--color-accent: #e5942e;--color-held: #fbbf24;--radius-ctrl: 4px;--radius-card: 8px;--font-machina: "DM Sans", ui-sans-serif, system-ui, sans-serif;--font-display: "Unbounded", ui-sans-serif, system-ui, sans-serif;--font-accent: "DM Serif Display", Georgia, serif;--font-pixel: "Silkscreen", ui-monospace, monospace;--font-inktrap: "PP Neue Machina Inktrap", "PP Neue Machina", ui-sans-serif, system-ui, sans-serif;--track-sky: #38bdf8;--track-pink: #f472b6;--track-amber: #facc15;--track-green: #4ade80;--track-purple: #c084fc;--track-orange: #fb923c;--track-teal: #2dd4bf;--key-white: #e5d8c0;--key-white-edge: #261f13;--key-black: #29140d}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--look-bg, #141315);background-image:linear-gradient(rgb(255 255 255 / var(--look-grid, .045)) var(--look-grid-w, 1px),transparent var(--look-grid-w, 1px)),linear-gradient(90deg,rgb(255 255 255 / var(--look-grid, .045)) var(--look-grid-w, 1px),transparent var(--look-grid-w, 1px));background-size:var(--look-grid-size, 132px) var(--look-grid-size, 132px);color:#e8e8ef;font-family:var(--font-machina);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root{--fs-h1: min(93px, calc((100vw - 48px) / 12.8));--fs-h2: clamp(26px, 3.4vw, 44px);--fs-h4: 18px;--fs-body: 17px;--fs-caption: 12px}@media(max-width:640px){:root{--fs-body: 16px}}a{color:inherit}p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:900;margin:0;line-height:1.12;letter-spacing:-.02em;color:#f4efe6;text-wrap:balance}p,dd,li{text-wrap:pretty}:focus-visible{outline:3px solid var(--color-held);outline-offset:3px;border-radius:2px}.skip{position:absolute;left:8px;top:-60px;background:var(--color-primary);color:#130d0b;padding:10px 14px;border-radius:var(--radius-ctrl);z-index:20;font-family:var(--font-display);font-weight:800}.skip:focus{top:8px}.wrap{width:min(1440px,100% - 48px);margin-inline:auto}.label{font-family:var(--font-pixel);font-weight:400;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#ffffff9e;margin:0}.label-amber{color:var(--color-held)}.label-orange{color:var(--color-primary)}.label.dim{color:#ffffff80}.accent{font-family:var(--font-accent);font-style:italic;font-weight:400;color:var(--color-primary);letter-spacing:0}.grad{background:linear-gradient(90deg,var(--color-primary),var(--track-amber));-webkit-background-clip:text;background-clip:text;color:transparent}.btn{--edge-h: 6px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;text-decoration:none;border:0;border-radius:var(--radius-ctrl);box-shadow:inset 0 calc(-1 * var(--edge-h)) 0 var(--edge);color:#fff;height:50px;padding:0 20px var(--edge-h);font-size:14px;white-space:nowrap;cursor:pointer;transition:filter .1s,transform .1s}.btn:hover{filter:brightness(1.2);transform:translateY(-1px)}.btn:active{--edge-h: 0px;transform:translateY(1px)}.btn-primary{background:var(--color-primary);--edge: var(--color-primary-shadow)}.btn-control{background:var(--color-ctrl);--edge: var(--color-ctrl-shadow);--edge-h: 5px;height:44px;font-size:13px}.btn-dark{background:var(--color-stage);--edge: #000}.btn-lg{height:56px;padding:0 28px var(--edge-h);font-size:19px}.btn-sm{--edge-h: 4px;height:32px;padding:0 12px var(--edge-h);font-size:13px}.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#0a0a0fdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgb(255 255 255 / .06)}.brand{text-decoration:none;display:flex;align-items:baseline;gap:10px;min-height:44px;align-items:center}.brand-name{font-family:var(--font-inktrap);font-weight:800;font-size:20px;color:#fff}.brand .brand-name{font-family:PP Neue Machina,ui-sans-serif,system-ui,sans-serif;font-size:14px;letter-spacing:.14em}.brand-sub{font-family:var(--font-inktrap);font-weight:400;font-size:14px;color:#ffffff80}.top nav{display:flex;align-items:center;gap:14px}.top nav a:not(.btn){text-decoration:none;color:#ffffffc7;font-size:16px;padding:0 8px;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.top nav a:not(.btn):hover{color:#fff}.hero{padding-top:24px}h1{font-size:clamp(32px,9.4vw,110px);display:flex;flex-direction:column;gap:.08em;position:relative;z-index:1}h1 span{display:block;white-space:nowrap}.hero-stage{position:relative;font-size:var(--fs-h1);margin-top:1.5em}.hero-stage h1{font-family:var(--font-display);font-weight:900;line-height:1.05;font-size:inherit;gap:1.1em;letter-spacing:.05em}.hero-cast .sprite{position:absolute;z-index:2;width:1.3em;height:auto;will-change:transform}.cast-keys{left:4.6em;top:-.9em}.cast-guitar{left:0;top:-.92em}.cast-drums{left:.7em;top:1.22em}.cast-voice{left:8.65em;top:1.38em}.cast-bass{left:3.83em;top:3.62em}.hero-cta{display:flex;align-items:center;gap:24px;margin-top:24px}.hero-cta p{max-width:520px;color:#ffffffd1;font-size:18px}.hero-sub{letter-spacing:.05em;max-width:477px;margin-top:30px;color:#ffffffd1;font-size:var(--fs-body)}.sprite{display:block;image-rendering:pixelated}.toy-wrap{width:min(1120px,100% - 48px);margin:200px 0 0 max(24px,calc((100% - 1440px)/2))}.toy{position:relative;padding:28px;border-radius:36px 36px 8px 8px}.toy-screen,.toy .keys{margin:0}.toy:before{content:"";position:absolute;inset:0;background:var(--color-header);border-radius:18px;border-bottom:10px solid var(--color-ctrl-shadow)}.toy-screen{--lanes: 28;position:relative;height:260px;background-color:var(--color-stage);border-radius:8px 8px 0 0;overflow:hidden;margin-inline:28px 28px;transform:translateY(0)}.toy .keys{position:relative;margin-inline:28px;margin-bottom:14px}.toy-play{position:absolute;right:12px;top:12px;z-index:2;width:62px;height:62px;border-radius:50%;border:0;border-bottom:5px solid var(--color-primary-shadow);color:#fff;display:grid;place-items:center;cursor:pointer}.toy-play:active{border-bottom-width:0}.keys .key:focus-visible{outline-offset:-4px;z-index:3}.toy-play[aria-pressed=true]{filter:brightness(1.15)}.toy-screen,.band-roll{background-image:linear-gradient(rgb(255 255 255 / .09) 1px,transparent 1px),repeating-linear-gradient(90deg,rgb(255 255 255 / .035) 0 1px,transparent 1px calc(100% / var(--lanes, 28)));background-size:100% 60px,100% 100%;background-position:0 -1px,0 0}.band-roll{--lanes: 19}@media(max-width:900px){.band-roll{--lanes: 15}}@media(max-width:600px){.band-roll{--lanes: 12}}.keys{position:relative;display:flex;height:120px;border-top:2px solid var(--color-primary);background:var(--color-key-edge, #261f13)}.key{flex:1;position:relative;background:var(--key-white);border:0;border-right:1px solid var(--key-white-edge);border-bottom:5px solid #c7ab78;border-radius:0 0 3px 3px;padding:0;cursor:pointer}.key.black{position:absolute;top:0;width:3.4%;height:62%;background:var(--key-black);border-bottom:4px solid #0a0605;border-radius:0 0 3px 3px;z-index:2;margin-left:-1.7%}.key.lit{background:var(--color-held);border-bottom:1px solid #a8780f}.key.black.lit{background:#7a5407}.key:active{border-bottom-width:1px}.note{position:absolute;top:-80px;border-radius:8px;background:var(--c);animation:fall var(--d, 3.2s) linear var(--delay, 0s) infinite;box-shadow:0 5px 0 var(--s, rgb(0 0 0 / .25))}.paused .note{animation-play-state:paused}@keyframes fall{0%{transform:translateY(0)}to{transform:translateY(var(--h, 320px))}}.rule-bar{margin:200px 0 0;border-top:3px solid #fff;border-bottom:1px solid rgb(255 255 255 / .8);display:flex;justify-content:space-between;padding:10px max(24px,calc((100% - 1120px)/2));font-family:var(--font-pixel);font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:#ffffffbf;background:var(--color-stage)}.section{--gap: 115px;padding:calc(var(--gap) * 1.2) 0 0}h2{font-size:var(--fs-h2)}.label+h2{margin-top:12px}.head{border-top:1px solid rgb(255 255 255 / .8);padding-top:14px;margin-bottom:28px}.head-open{border-top:0;padding-top:0}#band-title{font-weight:900}#band-title .hl{display:block;background:linear-gradient(90deg,var(--color-primary),var(--track-amber));-webkit-background-clip:text;background-clip:text;color:transparent}.lede{max-width:720px;color:#ffffffd1;font-size:var(--fs-body);margin-bottom:28px}.panel{background:#101012;border:1px solid #26262a;border-radius:12px;padding:22px;margin:0}figcaption{font-family:var(--font-pixel);font-weight:400;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#ffffffad;margin-top:14px}.steps{list-style:none;margin:0;padding:0}.step{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,528px);gap:44px;align-items:center;padding:32px 0;border-top:1px solid rgb(255 255 255 / .8)}.step:last-child{border-bottom:1px solid rgb(255 255 255 / .8)}.step .fig{box-shadow:0 6px #00000059}.num{font-family:var(--font-display);font-weight:900;font-size:clamp(64px,12.2vw,176px);line-height:.86;letter-spacing:-.04em}.step-copy .label{color:var(--color-accent);margin-bottom:12px}.step-copy h3{font-weight:900;font-size:var(--fs-h2);line-height:1.08;letter-spacing:0;margin:0 0 18px}@media(min-width:1213px){.step-copy h3{white-space:nowrap}}.step-copy p:not(.label){color:#e2ded6;font-size:var(--fs-body);line-height:1.65}#how>.label{margin-bottom:16px}#how-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.fig figcaption{margin-top:12px;font-size:var(--fs-caption);letter-spacing:.15em;line-height:1.5;color:#a8a4b0}.drop{border:2px dashed rgb(255 255 255 / .28);border-radius:10px;padding:26px 16px;text-align:center;display:grid;gap:16px}.chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.chip{background:var(--c);color:#111;font-family:var(--font-display);font-weight:800;font-size:13px;padding:5px 14px;border-radius:999px}.prog-row{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#ffffffb3;margin:14px 0 6px}.prog{display:flex;height:8px;background:#0a0a0f;border-radius:4px;overflow:hidden}.prog i{background:var(--c)}.waves{display:grid;gap:14px;align-content:center;height:290px;padding:12px;box-sizing:border-box;border-radius:8px}.wave-row{display:grid;grid-template-columns:52px 1fr 70px;align-items:center;gap:10px;height:54px}.wave-row .label{text-align:right;font-size:12px;letter-spacing:.08em}.wave{display:flex;align-items:center;gap:2px;height:100%}.wave i{flex:1;background:var(--c);border-radius:2px;transition:height .1s linear}.wave-row .sprite{width:52px;height:52px}.mini-roll{position:relative;height:230px;border-radius:8px;overflow:hidden}.fig:has(>.mini-roll){container-type:inline-size}.mini-roll{--lanes: 8}.mini-roll,.band-roll{--kw: calc(100cqw / var(--lanes));--kr: min(6px, calc(var(--kw) * .09));--kd: min(9px, calc(var(--kw) * .13));--br: min(4px, calc(var(--kw) * .06));--bd: min(7px, calc(var(--kw) * .1));--nr: min(8px, calc(var(--kw) * .13))}.mini-roll{height:calc(200px + 18.6cqw)}.mini-roll .pa-keys{height:18.6cqw}.pa-field{position:absolute;inset:0 0 auto;height:var(--field);overflow:hidden}@property --hit{syntax: "<color>"; inherits: false; initial-value: transparent;}.pa-note{position:absolute;top:0;border-radius:var(--nr, 8px);background:var(--b) linear-gradient(to bottom,transparent 50%,var(--hit) 50%) no-repeat;box-shadow:0 5px 0 var(--s);will-change:transform}.pa-piece{position:absolute;top:0;width:10px;height:10px;background:var(--c);opacity:0;pointer-events:none}.pa-keys{position:absolute;left:0;right:0;bottom:0;height:calc(100% - var(--field))}.pa-key{position:absolute;top:0;bottom:0;box-sizing:border-box;padding:0 1px}.pa-key:before,.pa-lit:before{content:"";position:absolute;inset:0 1px;border-radius:0 0 var(--kr, 6px) var(--kr, 6px);background:var(--f);box-shadow:inset 0 calc(-1 * var(--kd, 9px)) 0 var(--s)}.pa-key.black{bottom:auto;height:62%}.pa-key.black:before,.pa-key.black .pa-lit:before{border-radius:0 0 var(--br, 4px) var(--br, 4px);box-shadow:inset 0 calc(-1 * var(--bd, 7px)) 0 var(--s)}.pa-lit{position:absolute;inset:0;opacity:0;pointer-events:none}.pa-lit:before{background:var(--lit);box-shadow:inset 0 calc(-1 * var(--kd, 9px)) 0 var(--lit),0 -4px 22px var(--glow)}.pa-key.black .pa-lit:before{box-shadow:inset 0 calc(-1 * var(--bd, 7px)) 0 var(--lit),0 -4px 22px var(--glow)}.band-fig{padding:28px}#band .lede{margin-bottom:56px}.band{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;text-align:center}.member .label{white-space:nowrap;letter-spacing:.12em}.member{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;border-radius:12px}.member:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.member .sprite{width:clamp(72px,11vw,120px);transition:transform .18s cubic-bezier(.3,1.6,.5,1)}.member .sprite{pointer-events:none}.member:hover .sprite{transform:translateY(-3px) scale(1.06)}@media(prefers-reduced-motion:reduce){.member .sprite,.member .label{transition:none}.member.you .you-arrow{animation:none}}.member .you-tag{display:none}.member.you .you-tag{display:inline}.member .label{padding:6px 10px 5px;border:1px solid rgb(255 255 255 / .22);border-radius:999px;transition:border-color .15s,color .15s,background-color .15s}.member:hover .label{border-color:#fff9;color:#fff}.member.you .label{color:#130d0b;background:var(--you);border-color:var(--you)}.band-hint{font-family:var(--font-pixel);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);text-align:center;margin:0 0 14px}.member .you-arrow{width:14px;height:9px;background:var(--you, var(--color-accent));clip-path:polygon(0 0,100% 0,50% 100%);visibility:hidden}.member.you .you-arrow{visibility:visible;animation:band-hint-bob 1.2s ease-in-out infinite}@keyframes band-hint-bob{50%{transform:translateY(4px)}}.band-stage{position:relative;margin:22px 0 0}.play-cue,.play-octave,.play-exit{display:none}.play-cue{position:absolute;left:0;right:0;bottom:calc(var(--key-h) + 14px);margin:0;text-align:center;font-family:var(--font-pixel);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#fff9;pointer-events:none;animation:play-cue-blink 1.6s steps(1,end) infinite}@keyframes play-cue-blink{0%{opacity:1}65%{opacity:.45}}@media(prefers-reduced-motion:reduce){.play-cue{animation:none}}.play-octave{position:absolute;left:10px;top:10px;margin:0;font-size:12px;color:#ffffff80;pointer-events:none}.play-octave kbd{font:700 11px/1 var(--font-inktrap);padding:3px 5px 2px;border-radius:4px;background:#ffffff1f;color:#f4efe6}.play-exit{position:absolute;right:10px;top:10px;font:inherit;font-weight:700;font-size:12px;padding:5px 11px;border:1px solid rgb(255 255 255 / .3);border-radius:999px;background:#00000059;color:#f4efe6;cursor:pointer}.play-exit:hover{border-color:#ffffffb3}.play-exit:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(min-width:1024px){.band-fig:not(.self) .play-cue{display:block}.band-fig:not(.self) .band-roll .pa-key{cursor:pointer}.band-fig.self .play-octave,.band-fig.self .play-exit{display:block}}.band-roll .pa-keys{touch-action:none}.band-fig.self .pa-key{cursor:pointer}.pa-lit.manual{opacity:0;transition:opacity .12s}.pa-lit.manual.on{opacity:1;transition:none}.pa-key .pa-letter{position:absolute;left:0;right:0;bottom:calc(var(--kd, 9px) + 4px);text-align:center;font:700 11px/1 var(--font-inktrap);color:#261f138c;pointer-events:none;text-transform:uppercase}.pa-key.black .pa-letter{bottom:calc(var(--bd, 7px) + 3px);color:#ffffff8c;font-size:10px}.pa-key .pa-letter.row-top{color:#c4552b}.pa-key .pa-letter.row-bottom{color:#0f8a68}.pa-key.black .pa-letter.row-top{color:#e8875f}.pa-key.black .pa-letter.row-bottom{color:#5dcaa5}@media(hover:none){.pa-key .pa-letter{display:none}}.member.you .sprite{background-image:radial-gradient(circle,color-mix(in srgb,var(--you, #d9411e) 35%,transparent) 0%,transparent 70%)}.band-fig{container-type:inline-size}.band-stage,.band-roll{--key-h: 7.9cqw }.band-roll{height:calc(220px + var(--key-h))}.band-roll .pa-keys{height:var(--key-h)}@media(max-width:900px){.band-stage,.band-roll{--key-h: 10cqw }}@media(max-width:600px){.band-stage,.band-roll{--key-h: 12.5cqw }}.band-roll{position:relative;margin:0;background-color:var(--color-stage);border-radius:8px;overflow:hidden}.blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.block{background:#101012;color:#f4efe6;border:1px solid #26262a;border-radius:12px;box-shadow:0 6px #00000059;padding:22px 24px 24px;display:flex;flex-direction:column}.block h3{font-weight:100;color:#f4efe6;font-size:var(--fs-h4);margin:0 0 10px;line-height:1.12}.block .tile-screen{height:auto;aspect-ratio:3 / 2;margin:0 0 36px}.block p:last-child{color:#ffffffd1;font-size:var(--fs-body)}.easier{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:80px;margin-top:var(--gap);align-items:start}#easier{padding:calc(var(--gap) * 1.2 + 20px) 0 20px}#easier .easier{margin-top:0}.easier-copy{display:grid;gap:24px}.easier-copy h2{margin:0 0 4px;font-weight:900;font-size:var(--fs-h2);line-height:1.08}.easier-copy>p{color:#ffffffd1;font-size:var(--fs-body)}.easier-list{list-style:none;margin:0;padding:0;border-top:1px solid rgb(255 255 255 / .8)}.easier-list li{display:grid;grid-template-columns:12px 1fr;column-gap:16px;row-gap:4px;padding:24px 0;border-bottom:1px solid rgb(255 255 255 / .8)}.easier-list li:before{content:"";grid-row:1 / 3;width:12px;height:12px;margin-top:7px;border-radius:3px;background:var(--c)}.easier-list strong{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h4);color:#f4efe6}.easier-list span{font-size:var(--fs-body);color:#ffffffd1}.easier-fig{position:relative;display:grid;gap:14px;padding:18px}.easier-pills{display:flex;flex-wrap:wrap;gap:8px}.easier-pills button{font:inherit;font-weight:700;font-size:14px;min-height:44px;padding:0 20px;border:1.5px solid rgb(255 255 255 / .28);border-radius:999px;background:transparent;color:#ffffffd1;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.easier-pills button:hover{border-color:#fff9;color:#fff}.easier-pills button[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:#130d0b}.easier-pills button:focus-visible{outline:3px solid #fff;outline-offset:2px}.easier-fig .editor{position:relative;height:600px;border-radius:4px;overflow:hidden;--keys: 44px;background-image:none}.ed-keys{position:absolute;left:0;top:0;bottom:0;width:calc(var(--keys) - 1px);display:flex;flex-direction:column;gap:1px;background:#0a0a0f}.ed-key{flex:1;min-height:0;display:flex;align-items:center;justify-content:flex-end;padding-right:5px;border-radius:0 2px 2px 0;font:800 10px/1 var(--font-display);color:#29140d;background:#fffbef}.ed-key.blk{background:#29140d}.ed-grid{position:absolute;left:var(--keys);right:0;top:0;bottom:0;background-image:linear-gradient(90deg,rgb(255 255 255 / .15) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .05) 1px,transparent 1px);background-size:25% 100%,12.5% 100%}.ed-row{position:absolute;left:0;right:0;height:calc(100% / var(--rows, 20));background:#0a0a0f4d}.enote{position:absolute;height:calc(100% / var(--rows, 20) - 3px);border-radius:3px;background:var(--c);box-shadow:inset 0 -2px 0 var(--s);transform-origin:left center;transition:opacity .4s,background-color .4s,transform .3s,filter .08s}.enote.on{filter:brightness(1.5) saturate(1.2);box-shadow:inset 0 -2px 0 var(--s),0 0 14px var(--c)}.easier-fig[data-mode=parts][data-part=melody] .enote.acc,.easier-fig[data-mode=parts][data-part=accomp] .enote.mel{opacity:.15}.parts-pill{display:inline-grid;place-items:center}.parts-pill span{grid-area:1 / 1;visibility:hidden}.easier-fig[data-part=all] .parts-pill [data-part=all],.easier-fig[data-part=melody] .parts-pill [data-part=melody],.easier-fig[data-part=accomp] .parts-pill [data-part=accomp]{visibility:visible}.easier-fig[data-mode=parts][data-part=melody] .enote.acc.on,.easier-fig[data-mode=parts][data-part=accomp] .enote.mel.on,.easier-fig[data-mode=simplify][data-step="2"] .enote.gone.on{filter:none;box-shadow:inset 0 -2px 0 var(--s)}.easier-fig[data-mode=simplify]:not([data-step="0"]) .enote.gone{background:transparent;box-shadow:none;outline:1px dashed rgb(255 255 255 / .6);outline-offset:-1px}.easier-fig[data-mode=simplify][data-step="2"] .enote.gone{opacity:0;transform:scale(.4,.6)}.ed-head{position:absolute;top:0;bottom:0;left:61%;width:2px;background:var(--color-primary);pointer-events:none;z-index:2}.ed-sel{position:absolute;height:calc(100% / var(--rows, 20));margin-top:-1.5px;box-sizing:border-box;border:2px solid #f4efe6;border-radius:4px;opacity:0;transition:opacity .25s}.easier-fig[data-mode=edit]:is([data-step="1"],[data-step="2"],[data-step="3"]) .ed-sel{opacity:1}.ed-grip{position:absolute;right:-4px;top:-2px;bottom:-2px;width:6px;border-radius:2px;background:#f4efe6}.ed-menu{position:absolute;left:-2px;bottom:calc(100% + 6px);display:flex;gap:2px;padding:3px;border-radius:6px;background:#f4efe6;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s}.easier-fig[data-mode=edit]:is([data-step="2"],[data-step="3"]) .ed-menu{opacity:1;transform:none}.ed-menu b{padding:5px 9px;border-radius:4px;font-size:12px;color:#130d0b;transition:background-color .15s}.easier-fig[data-mode=edit][data-step="3"] .ed-menu b:last-child{background:var(--key-white)}.easier-fig[data-mode=edit][data-step="4"] .enote.pick{opacity:0;transform:scale(.4,.6)}@media(prefers-reduced-motion:reduce){.enote,.ed-sel,.ed-menu{transition:none}}@media(max-width:1100px){.easier{grid-template-columns:1fr;gap:28px;margin-top:var(--gap)}}@media(max-width:900px){.easier-fig .editor{height:440px;--keys: 30px}.ed-key{font-size:0}}.g-s{--gc: #ffd46b;background:#ffd46b;color:#16130c}.g-a{--gc: #c96436;background:#c96436;color:#fff}.g-b{--gc: #b97a85;background:#b97a85;color:#fff}.g-c{--gc: #77498a;background:#77498a;color:#fff}.g-d{--gc: #56478a;background:#56478a;color:#fff}.progress-copy{text-align:center;max-width:760px;margin:0 auto}.progress-copy .label+h2{margin-top:20px}#progress-title{font-weight:900}#progress-title .hl{background:linear-gradient(90deg,var(--color-primary),var(--track-amber));-webkit-background-clip:text;background-clip:text;color:transparent}.progress .lede{margin:24px 0 0}@keyframes sc-stamp{0%{opacity:0;transform:scale(2.4) rotate(-14deg)}55%{opacity:1;transform:scale(.92) rotate(-1deg)}75%{transform:scale(1.05) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(-4deg)}}@keyframes sc-float{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes sc-pill{0%{opacity:0;transform:scale(.6)}65%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.lad{list-style:none;margin:72px 0 0;padding:22px 22px 0;background:#101012;border:1px solid #26262a;border-radius:12px;box-shadow:0 6px #00000059;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:end}.lad-step{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}.lad-tag{height:30px;display:flex;align-items:flex-end;font-family:var(--font-pixel);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3}.lad-tag.you{color:var(--color-primary)}.lad-step.next .lad-tag{color:#ffd46b}.lad-tag.you:after{content:"";width:0;height:0;margin:0 0 4px 8px;border:5px solid transparent;border-top-color:currentColor;border-bottom:0}.lad-float{width:77px;height:77px;display:grid;place-items:center}.lad-g{width:72px;height:72px;display:grid;place-items:center;border-radius:var(--radius-card);border:0;box-shadow:0 5px color-mix(in srgb,var(--gc) 55%,#000);font-family:var(--font-display);font-weight:900;font-size:40px;transform:rotate(-4deg)}.lad-body{width:100%;box-sizing:border-box;min-height:var(--h);background:#28262e;border-radius:var(--radius-card) var(--radius-card) 0 0;border-top:6px solid var(--edge);padding:20px}.lad-body h3{font-size:var(--fs-h4);line-height:1.2}.lad-body p{margin:8px 0 0;font-size:var(--fs-body);line-height:1.45;color:#b1afb1}.lad-step.next .lad-body{background:#28262e80;border:2px dashed rgb(255 255 255 / .28);border-bottom-color:transparent}@keyframes lad-rise{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}@keyframes lad-grow{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.lad.play .lad-body{animation:lad-rise 1s cubic-bezier(.16,1,.3,1) calc(var(--i) * .4s) both}.lad.play .lad-g{animation:sc-stamp 1.2s cubic-bezier(.3,.7,.3,1) calc(var(--i) * .4s + .5s) both}.lad.play .lad-tag{animation:sc-pill .8s cubic-bezier(.34,1.5,.64,1) calc(var(--i) * .4s + 1.4s) both}.lad.play .lad-tag.you{animation-delay:3.4s}@keyframes lad-dim{to{opacity:.45}}.lad.play .lad-step:not(.here):not(.next){animation:lad-dim 1s ease 4s both}.lad.play .here .lad-float{animation:sc-float 3.6s ease-in-out 4.8s infinite alternate}@media(max-width:900px){.lad{grid-template-columns:1fr;margin-top:40px;gap:14px;padding-bottom:22px}.lad-step{display:grid;grid-template-columns:77px minmax(0,1fr);column-gap:14px;row-gap:4px;align-items:center;order:calc(4 - var(--i))}.lad-tag{grid-column:1 / -1;height:auto}.lad-body{min-height:0;width:100%;border-radius:var(--radius-card);border-top-width:6px;padding:14px 16px}.lad.play .lad-body{animation-name:lad-grow}}@media(prefers-reduced-motion:reduce){.lad.play .lad-body,.lad.play .lad-g,.lad.play .lad-tag,.lad.play .here .lad-float,.lad.play .lad-step{animation:none}}.pl-loop,.pl-chords,.pl-wait{position:absolute;inset:0}.pl-loop .g{position:absolute;left:0;right:0;height:1px;background:#ffffff12}.pn{position:absolute;width:30px;height:20px;border-radius:5px;background:var(--c);box-shadow:0 4px color-mix(in srgb,var(--c) 55%,#000)}.pl-loop{--handle: #a64932}.pl-loop .band{position:absolute;inset:0 20%;background:#ffffff17;border-left:3px solid var(--handle);border-right:3px solid var(--handle)}.pl-loop .flag{position:absolute;top:0;width:22px;height:20px;background:var(--handle);color:#ffffffd9;font-size:12px;display:grid;place-items:center}.pl-loop .flag.a{left:0;border-radius:0 0 4px}.pl-loop .flag.b{right:0;border-radius:0 0 0 4px}.pl-loop .ph{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--color-primary);box-shadow:0 0 10px var(--color-primary);animation:pl-sweep 3s linear infinite}.pl-loop .pn{top:calc(var(--r) * 16.667% + 8.333%);margin-top:-10px;animation:pl-hit 3s linear var(--d, 0s) infinite}@keyframes pl-sweep{0%{left:0}to{left:calc(100% - 2px)}}@keyframes pl-hit{0%{filter:brightness(1.8)}14%,to{filter:none}}.pl-chords{position:absolute;inset:0;background:var(--color-grid);display:flex;flex-direction:column;justify-content:center;gap:40px}.pl-chords .chips{margin:0 14px;display:flex;gap:8px}.pl-chords .chips i{flex:1;height:32px;display:grid;place-items:center;box-sizing:border-box;border:2px solid rgb(255 255 255 / .18);border-radius:6px;font-style:normal;font-family:var(--font-display);font-weight:900;font-size:15px;color:#ffffffb3;animation:pl-chip 8s linear calc(var(--k) * 2s - 8s) infinite}.pl-chords .kb{position:relative;flex:none;height:88px;display:flex;margin:0 14px;border-radius:6px;overflow:hidden}.pl-chords .kb>i{position:relative;flex:1;background:var(--key-white);border-right:1px solid var(--key-white-edge);box-shadow:inset 0 -4px #c7ab78}.pl-chords .kb>b{position:absolute;top:0;width:8.5%;height:54px;transform:translate(-50%);background:var(--key-black);border-radius:0 0 2px 2px;box-shadow:inset 0 -3px #0a0605;z-index:2}.pl-chords .kb>u{position:absolute;top:0;bottom:0;width:14.286%;background:var(--color-accent);box-shadow:inset 0 -4px #a8661a;opacity:0;z-index:1;animation:pl-chord-key 8s linear calc(var(--k) * 2s - 8s) infinite}@keyframes pl-chip{0%,22%{background:var(--color-accent);border:2px solid var(--color-accent);color:#130d0b}25%,72%{background:none;border:2px solid rgb(255 255 255 / .18);color:#ffffffb3}75%,97%{background:none;border:2px dashed #fff;color:#fff}to{background:var(--color-accent);border:2px solid var(--color-accent);color:#130d0b}}@keyframes pl-chord-key{0%,22%{opacity:1}25%,to{opacity:0}}.pl-wait{background:var(--color-grid)}.pl-wait{--kbh: 76px}.pl-wait .stream{position:absolute;left:0;right:0;top:calc(100% - var(--kbh) - 90px);height:0;animation:pl-stream 14s ease-in-out infinite}.pl-wait .stream:before{content:"";position:absolute;left:0;right:0;top:-300px;height:900px;background:repeating-linear-gradient(transparent 0 37px,rgb(255 255 255 / .16) 37px 39px,transparent 39px 160px),repeating-linear-gradient(transparent 0 37.5px,rgb(255 255 255 / .07) 37.5px 38.5px,transparent 38.5px 40px)}.pl-wait .pn{width:14.286%;--c: #efe6d4;--sh: #c7ab78;box-shadow:0 4px 0 var(--sh);animation:pl-lead 14s linear calc(var(--k) * 3.5s) infinite}.pl-wait .kb{position:absolute;left:0;right:0;bottom:0;height:var(--kbh);display:flex;z-index:1}.pl-wait .kb i{position:relative;flex:1;background:var(--key-white);border-right:1px solid var(--key-white-edge);box-shadow:inset 0 -4px #c7ab78}.pl-wait .kb b{position:absolute;top:0;width:8.5%;height:46px;transform:translate(-50%);background:var(--key-black);border-radius:0 0 2px 2px;box-shadow:inset 0 -3px #0a0605;z-index:1}.pl-wait .kb i.k{animation:pl-key 14s linear calc(var(--k) * 3.5s) infinite}.pl-wait .kb i.k:after{content:"";position:absolute;left:50%;top:0;width:0;height:0;animation:pl-burst 14s linear calc(var(--k) * 3.5s) infinite}@keyframes pl-stream{0%,19%{transform:translateY(0)}25%,44%{transform:translateY(40px)}50%,69%{transform:translateY(80px)}75%,94%{transform:translateY(120px)}to{transform:translateY(160px)}}@keyframes pl-lead{0%,1%{box-shadow:0 4px 0 var(--sh);background:var(--c)}2%,8%{box-shadow:0 4px 0 var(--sh),0 0 0 3px #fff;background:var(--c)}10%,18.99%{box-shadow:0 4px 0 var(--sh),0 0 0 3px #ffffff40;background:var(--c)}19%,25%{box-shadow:none;background:#55ab59}26%,to{box-shadow:0 4px 0 var(--sh);background:var(--c)}}@keyframes pl-key{0%,18.99%{background:var(--key-white);box-shadow:inset 0 -4px #c7ab78}19%,27%{background:#55ab59;box-shadow:inset 0 -4px #55ab59,0 -4px 22px #55ab59}29%,to{background:var(--key-white);box-shadow:inset 0 -4px #c7ab78}}@keyframes pl-burst{0%,18.99%{box-shadow:0 0 #55ab59}19.00%{box-shadow:-0px 0 0 5px #55ab59,-0px 0 0 5px #55ab59,0 0 0 5px #55ab59,0 0 0 5px #55ab59}19.71%{box-shadow:-5.2px -28.2px 0 4px #55ab59,-1.8px -34.2px 0 4px #55ab59,2.4px -25.2px 0 4px #55ab59,5.6px -30.2px 0 4px #55ab59}20.43%{box-shadow:-10.4px -47px 0 3px #55ab59,-3.6px -59px 0 3px #55ab59,4.8px -41px 0 3px #55ab59,11.2px -51px 0 3px #55ab59}21.14%{box-shadow:-15.6px -56.2px 0 2px #55ab59,-5.4px -74.2px 0 2px #55ab59,7.2px -47.2px 0 2px #55ab59,16.8px -62.2px 0 2px #55ab59}21.86%{box-shadow:-20.8px -56px 0 1px #55ab59,-7.2px -80px 0 1px #55ab59,9.6px -44px 0 1px #55ab59,22.4px -64px 0 1px #55ab59}22.57%{box-shadow:-26px -46.2px #55ab59,-9px -76.2px #55ab59,12px -31.2px #55ab59,28px -56.2px #55ab59}to{box-shadow:0 0 #55ab59}}@media(prefers-reduced-motion:reduce){.pl-loop .ph{left:50%}.pl-chords .chips i:first-child{background:var(--color-accent);border-color:var(--color-accent);color:#130d0b}.pl-chords .kb>u:nth-of-type(-n+3){opacity:1}.pl-wait .stream{transform:translateY(0)}}.ways{margin:0}.ways>div{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:26px 0;border-bottom:1px solid rgb(255 255 255 / .8)}.ways dt{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h4);color:#f4efe6;display:flex;align-items:center;gap:18px}.way-ico{flex:none;width:48px;height:48px;display:grid;place-items:center}.way-key{border-radius:8px;background:var(--key-white);border-bottom:4px solid #c7ab78;color:#261f13;font-family:var(--font-inktrap);font-weight:800;font-size:16px}.way-piano{position:relative;display:flex;align-items:stretch;gap:2px}.way-piano i{flex:1;border-radius:0 0 3px 3px;background:var(--key-white)}.way-piano i:nth-child(2){background:var(--track-amber)}.way-piano b{position:absolute;top:0;width:9px;height:22px;border-radius:0 0 2px 2px;background:var(--key-black)}.way-piano b:nth-of-type(1){left:11px}.way-piano b:nth-of-type(2){left:28px}.way-mic{color:var(--key-white)}.ways dd{margin:0;font-size:var(--fs-body);max-width:46ch;color:#ffffffd1}.faq{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;margin-top:32px}.faq details{border-top:1px solid rgb(255 255 255 / .8);padding:16px 0;align-self:start}.faq summary{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h4);color:#f4efe6;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:4px 0;min-height:44px}.faq summary:after{content:"+";color:var(--color-primary);font-size:22px;line-height:1}.faq details[open] summary:after{content:"–"}.faq summary::-webkit-details-marker{display:none}.faq details p{color:#ffffffd1;margin-top:8px;font-size:var(--fs-body)}.cta-wrap{--gap: 115px;padding:calc(var(--gap) * 1.2) 0 96px}.cta{background:var(--color-primary);border-bottom:8px solid var(--color-primary-shadow);border-radius:12px;padding:26px 36px 28px;display:block;text-decoration:none;transition:filter .12s,transform .12s}.cta:hover{filter:brightness(1.08);transform:translateY(-4px)}.cta h2:after{content:" →";display:inline-block;transition:transform .12s}.cta:hover h2:after{transform:translate(8px)}.cta:focus-visible{outline:3px solid #fff;outline-offset:4px}.cta:active{border-bottom-width:0;transform:translateY(8px)}.cta .label{color:#000000e0}.cta h2{color:#0c0807;font-size:var(--fs-h2)}.foot{background:var(--color-stage);border-top:2px solid var(--color-grid);padding:56px 0 64px}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:32px}@media(min-width:901px){.foot-grid:has(nav:nth-of-type(5)){grid-template-columns:1.3fr repeat(5,minmax(0,1fr));gap:24px}}.foot p:not(.label):not(.brand-name){color:#ffffffbf;margin-top:10px;max-width:300px}.foot nav{display:grid;gap:0;align-content:start}.foot nav a{text-decoration:none;color:#ffffffd1;padding:0;min-height:44px;display:flex;align-items:center}.foot nav a:hover{color:#fff;text-decoration:underline}.foot-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:56px auto 36px;font-size:14px;color:#ffffffb3}@media(max-width:900px){.step{grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.step .fig{width:100%;max-width:400px}.foot-grid{grid-template-columns:1fr 1fr}}@media(min-width:901px)and (max-width:1212px){.step{grid-template-columns:108px minmax(0,1fr) minmax(0,440px);column-gap:32px}}@media(min-width:641px)and (max-width:900px){.step{grid-template-columns:minmax(0,400px) minmax(0,1fr);column-gap:32px;row-gap:12px;align-items:center}.step .fig{grid-column:1;grid-row:1 / span 2}.step .num{grid-column:2;grid-row:1;align-self:end}.step-copy{grid-column:2;grid-row:2;align-self:start}}@media(max-width:900px){.blocks{grid-template-columns:1fr}.block{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);column-gap:32px;align-items:center}.block .tile-screen{grid-row:1 / span 2;margin:0}.block h3{align-self:end}.block p:last-child{align-self:start}}@media(max-width:640px){.block{display:flex;align-items:stretch}.block .tile-screen{grid-row:auto;margin:0 0 36px}.block h3,.block p:last-child{align-self:auto}}@media(max-width:700px){.faq,.ways>div{grid-template-columns:1fr}.ways>div{gap:8px}}@media(max-width:640px){.wrap{width:calc(100% - 32px)}.top{padding:10px 16px}.top nav a:not(.btn){display:none}.brand-sub{display:none}.hero{padding-top:36px}.hero-cta{flex-direction:column;align-items:flex-start}.btn-lg{width:100%}.toy{padding:14px;border-radius:22px 22px 6px 6px}.toy:before{inset:0}.toy-screen{height:190px;margin-inline:14px}.toy .keys{margin-inline:14px;height:84px}.toy-play{width:50px;height:50px;right:4px;top:4px}.rule-bar span:last-child{display:none}.hero,.section,.cta-wrap,.also{--gap: 77px}.band{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}.member.you .you-tag{display:none}.member .label{padding:5px 8px 4px;letter-spacing:.08em}.cta{flex-direction:column;align-items:flex-start;padding:20px 18px 22px}.cta .label{letter-spacing:.08em;margin-bottom:6px}.cta .btn{width:100%}.foot-grid{grid-template-columns:1fr}.wave-row{grid-template-columns:40px 1fr;height:44px}.wave-row .label{display:none}.wave-row .sprite{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.note{animation:none}.toy-play{display:none}.btn:hover,.cta:hover,.cta:hover h2:after{transform:none}}.also{padding:calc(var(--gap, 115px) * 1.2) 0 0;color:#ffffffbf;font-size:16px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px}.also a{display:inline-flex;align-items:center;min-height:44px;color:#ffffffe6}.tool-hero{padding:56px 0 8px}.tool-hero h1{display:block;font-size:clamp(36px,6vw,72px);max-width:16ch}.tool-hero h1 span{display:inline}.tool-hero .lede{margin:24px 0 28px}.tool-hero .hero-cta{margin-top:0}.tool .section{padding:72px 0 0}.tool h2{font-size:clamp(28px,4vw,44px)}.tool .prose{max-width:720px;display:grid;gap:16px;color:#ffffffd6;font-size:17px}.tool .prose a:not(.btn),.tool .lede a{color:var(--color-held)}.today{display:grid;grid-template-columns:1fr 1fr;gap:20px}.today .panel{display:grid;gap:12px;align-content:start}.today h3{font-size:24px}.today ul{margin:0;padding-left:20px;display:grid;gap:8px;color:#ffffffd6}.today .not{border-style:dashed}.tool-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}.tool-steps li{counter-increment:s;background:#14141c;border:1px solid var(--color-edge, #24242f);border-radius:12px;padding:20px;display:grid;gap:8px;align-content:start}.tool-steps li:before{content:counter(s);font-family:var(--font-display);font-weight:800;font-size:44px;line-height:1;color:var(--color-primary)}.tool-steps h3{font-size:22px}.tool-steps p{color:#ffffffd1}.facts{margin:0;display:grid;grid-template-columns:200px 1fr;gap:0 32px;max-width:820px}.facts dt,.facts dd{padding:14px 0;border-top:1px solid rgb(255 255 255 / .8);margin:0}.facts dt{font-family:var(--font-display);font-weight:800;color:#f4efe6}.facts dd{color:#ffffffd6}.tool .faq{grid-template-columns:1fr;max-width:820px}.bridge{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}.bridge a:not(.btn){color:var(--color-held);min-height:44px;display:inline-flex;align-items:center}@media(max-width:900px){.today,.tool-steps,.facts{grid-template-columns:1fr}.facts dt{border-bottom:0;padding-bottom:0}.facts dd{border-top:0;padding-top:4px}}@media(max-width:640px){.tool-hero{padding-top:36px}.tool .section{padding:56px 0 0}}.consent-btn{font:inherit;font-family:var(--font-display);font-weight:800;font-size:14px;min-height:44px;padding:0 16px;color:#f4efe6;background:var(--color-ctrl);border:0;border-bottom:4px solid var(--color-ctrl-shadow);border-radius:var(--radius-ctrl);cursor:pointer}.consent-btn:hover{filter:brightness(1.2)}.consent-btn[aria-pressed=true]{background:var(--color-primary);border-bottom-color:var(--color-primary-shadow);color:#130d0b}.consent-btn:disabled{opacity:.6;cursor:not-allowed}.consent-btn[hidden]{display:none}.foot-base .consent-btn{min-height:44px}.trust-switch{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.tool .prose h3{font-size:22px;margin-top:8px}.tool .prose ul{margin:0;padding-left:22px;display:grid;gap:6px}.tool .prose code{font-size:.92em;color:#f4efe6}.trust-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;max-width:820px}.trust-list li{background:#14141c;border:1px solid var(--color-edge, #24242f);border-radius:12px;padding:14px 18px;color:#ffffffdb}@media(max-width:640px){.facts{grid-template-columns:1fr}.facts dt{border-bottom:0;padding-bottom:0}.facts dd{border-top:0;padding-top:4px}}.prows{display:grid}.prow{display:grid;grid-template-columns:minmax(0,528px) minmax(0,1fr);gap:44px;align-items:center;padding:46px 0 52px;border-top:1px solid rgb(255 255 255 / .8)}.prow:last-child{padding-bottom:0}.prow-pic{box-shadow:0 6px #00000059}.prow-copy .label{color:var(--color-accent);margin-bottom:12px}.prow-copy h3{font-weight:900;font-size:var(--fs-h2);line-height:1.08;margin:0 0 18px}.prow-copy p:not(.label){color:#e2ded6;font-size:var(--fs-body);line-height:1.65}@media(max-width:900px){.prow{grid-template-columns:1fr;gap:24px}.prow-pic{max-width:400px}}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-radius:var(--radius-card);overflow:hidden}.tile{background:var(--bg);color:var(--fg);padding:20px 22px 18px;display:flex;flex-direction:column;gap:14px;min-height:420px}.tile header{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-inktrap)}.tile-name{font-weight:800;font-size:26px;letter-spacing:-.01em;text-transform:uppercase}.tile-code{font-weight:400;font-size:12px;letter-spacing:.2em;text-transform:uppercase}.tile-screen{position:relative;background:var(--color-stage);border-radius:10px;height:150px;overflow:hidden;color:#f4efe6;display:grid;place-items:center}.tile h3{font-size:22px;line-height:1.12;color:inherit;margin-top:6px}.tile p{color:inherit;opacity:.85;font-size:15px}.ill-kb{display:grid;gap:6px}.ill-caps{display:flex;gap:6px}.ill-caps.top{padding-left:19px}.ill-caps.top span{width:32px}.ill-caps.top kbd{background:var(--key-black);color:#f4efe6;border-bottom-color:#0a0605}.ill-caps kbd{width:32px;height:38px;display:grid;place-items:center;border-radius:6px;background:var(--key-white);color:#261f13;font-family:var(--font-inktrap);font-weight:800;font-size:14px;border-bottom:3px solid #c7ab78}.ill-caps kbd.on{background:var(--color-primary);color:#fff;border-bottom-color:var(--color-primary-shadow)}.ill-midi{display:flex;gap:3px;padding:8px;border-radius:8px;background:#353332}.ill-midi i{width:24px;height:34px;border-radius:3px;background:var(--key-white)}.ill-midi i.on{background:var(--track-amber)}.ill-usb{position:absolute;bottom:14px;display:grid;justify-items:center;gap:4px;font-size:11px;letter-spacing:.2em}.ill-usb b{width:3px;height:18px;background:var(--track-purple)}.ill-mic{display:flex;align-items:center;gap:22px}.ill-level{display:flex;align-items:center;gap:5px;height:64px}.ill-level i{width:8px;border-radius:4px;background:var(--track-amber)}@media(max-width:900px){.tiles{grid-template-columns:1fr}.tile{min-height:0}}.vpanel{position:fixed;right:16px;bottom:16px;z-index:30;width:250px;background:var(--color-drawer);border-radius:var(--radius-card);border-bottom:4px solid var(--color-ctrl-shadow);padding:14px;display:grid;gap:12px;box-shadow:0 8px 30px #00000080}.vpanel fieldset{border:0;margin:0;padding:0;display:grid;gap:6px}.vpanel legend{font-size:13px;color:#ffffffd9;padding:0;margin-bottom:6px}.vpanel .seg{display:grid;grid-template-columns:1fr 1fr;gap:4px}.vpanel button{min-height:44px;border:0;border-bottom:3px solid var(--color-ctrl-shadow);border-radius:var(--radius-ctrl);background:var(--color-ctrl);color:#fff;font-family:var(--font-inktrap);font-weight:800;font-size:12px;cursor:pointer}.vpanel button[aria-pressed=true]{background:var(--color-primary);border-bottom-color:var(--color-primary-shadow)}.vpanel .vclose{background:transparent;border:0;color:#ffffffb3;font-weight:400}.tv-crt{position:fixed;inset:0;z-index:40;pointer-events:none;animation:tv-lum .13s steps(2,end) infinite}:is(h1,h2,h3){animation:tv-split var(--look-cycle, 2s) linear infinite}@keyframes tv-lum{0%{background-color:#fff0}50%{background-color:rgba(255,255,255,calc(.0054 * var(--look-flutter, 1.5)))}to{background-color:rgba(255,255,255,calc(.0018 * var(--look-flutter, 1.5)))}}@keyframes tv-split{0%,12%,16%,55%,58%,to{text-shadow:none}13%,15%{text-shadow:calc(.035em * var(--look-split, 1)) 0 rgba(255,40,80,.7),calc(-.035em * var(--look-split, 1)) 0 rgba(40,200,255,.7)}56%{text-shadow:calc(.018em * var(--look-split, 1)) 0 rgba(255,40,80,.6),calc(-.018em * var(--look-split, 1)) 0 rgba(40,200,255,.6)}}@media(prefers-reduced-motion:reduce){.tv-crt,:is(h1,h2,h3){animation:none}}.drop-demo{position:relative;overflow:hidden}.drop-demo[data-gated]:not(.in-view) *{animation-play-state:paused}.dz{position:relative;overflow:hidden;height:290px;border:1px dashed rgb(255 255 255 / .6);border-radius:16px;animation:dz-hover var(--dz-loop, 8s) ease-in-out infinite}.dz-front{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;animation:dz-front var(--dz-loop, 8s) ease-in-out infinite}.dz-mark{position:relative;width:92px;height:92px}.dz-disc{position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;background:#3d3d3d;display:flex;align-items:center;justify-content:center;animation:dz-pop var(--dz-loop, 8s) ease-in-out infinite}.orb{position:absolute;left:50%;top:50%;width:0;height:0;animation:orbit 7s linear infinite}.orb.rev{animation-name:orbit-reverse}.orb i{position:absolute;top:-5px;width:10px;height:10px;border-radius:50%}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes orbit-reverse{to{transform:rotate(-360deg)}}.dz-title{font-family:var(--font-display);font-weight:900;font-size:20px;color:#fff}.dz-file-wrap{position:absolute;left:0;right:0;top:22px;display:flex;justify-content:center;pointer-events:none}.dz-file{display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;background:#2d2b31;border-radius:6px;box-shadow:0 8px 22px #0000008c;font-family:var(--font-display);font-weight:700;font-size:14px;color:#fff;white-space:nowrap;max-width:calc(100% - 24px);animation:dz-drag var(--dz-loop, 8s) linear infinite}.dz-ico{flex:none;width:36px;height:36px;border-radius:6px;background:var(--color-primary);display:flex;align-items:center;justify-content:center}.dz-roll{position:absolute;inset:0;opacity:0;animation:dz-roll var(--dz-loop, 8s) ease-in-out infinite}.dz-roll .n{position:absolute;height:22px;border-radius:4px;background:#cb6538;opacity:0;transform-origin:left center}@keyframes dz-front{0%,11.36%{opacity:1}14.69%,90.81%{opacity:0}98.36%,to{opacity:1}}@keyframes dz-roll{0%,11.36%{opacity:0}14.69%,86.88%{opacity:1}93.44%,to{opacity:0}}@keyframes dz-drag{0%{opacity:0;translate:175px 0px;rotate:6deg;scale:1;animation-timing-function:cubic-bezier(.21,0,.8,.45)}1.88%{scale:1;animation-timing-function:cubic-bezier(.21,0,.8,.45)}2%{opacity:1}10.63%{opacity:1}12.5%{opacity:0;translate:0 116px;rotate:0deg;scale:.1}to{opacity:0;translate:0 116px;rotate:0deg;scale:.1}}@keyframes dz-hover{0%,5.67%{border-color:#fff9;background-color:var(--color-grid)}7.58%,12.5%{border-color:#fff;background-color:#2e2c33}16.01%,to{border-color:#fff9;background-color:var(--color-grid)}}@keyframes dz-pop{0%,10.63%{transform:scale(1)}13.13%{transform:scale(1.14)}16.88%,to{transform:scale(1)}}@keyframes dz-n0{0%,14.61%{opacity:0;transform:scaleX(0)}14.83%{opacity:1}19.53%,to{opacity:1;transform:none}}.dz-roll .n0{animation:dz-n0 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n1{0%,14.61%{opacity:0;transform:scaleX(0)}14.83%{opacity:1}19.53%,to{opacity:1;transform:none}}.dz-roll .n1{animation:dz-n1 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n2{0%,14.61%{opacity:0;transform:scaleX(0)}14.83%{opacity:1}19.53%,to{opacity:1;transform:none}}.dz-roll .n2{animation:dz-n2 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n3{0%,14.61%{opacity:0;transform:scaleX(0)}14.83%{opacity:1}19.53%,to{opacity:1;transform:none}}.dz-roll .n3{animation:dz-n3 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n4{0%,19.58%{opacity:0;transform:scaleX(0)}19.79%{opacity:1}24.5%,to{opacity:1;transform:none}}.dz-roll .n4{animation:dz-n4 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n5{0%,19.58%{opacity:0;transform:scaleX(0)}19.79%{opacity:1}24.5%,to{opacity:1;transform:none}}.dz-roll .n5{animation:dz-n5 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n6{0%,19.58%{opacity:0;transform:scaleX(0)}19.79%{opacity:1}24.5%,to{opacity:1;transform:none}}.dz-roll .n6{animation:dz-n6 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n7{0%,22.54%{opacity:0;transform:scaleX(0)}22.76%{opacity:1}27.46%,to{opacity:1;transform:none}}.dz-roll .n7{animation:dz-n7 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n8{0%,22.54%{opacity:0;transform:scaleX(0)}22.76%{opacity:1}27.46%,to{opacity:1;transform:none}}.dz-roll .n8{animation:dz-n8 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n9{0%,22.54%{opacity:0;transform:scaleX(0)}22.76%{opacity:1}27.46%,to{opacity:1;transform:none}}.dz-roll .n9{animation:dz-n9 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n10{0%,25.85%{opacity:0;transform:scaleX(0)}26.06%{opacity:1}30.77%,to{opacity:1;transform:none}}.dz-roll .n10{animation:dz-n10 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n11{0%,29.14%{opacity:0;transform:scaleX(0)}29.37%{opacity:1}34.07%,to{opacity:1;transform:none}}.dz-roll .n11{animation:dz-n11 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n12{0%,29.14%{opacity:0;transform:scaleX(0)}29.37%{opacity:1}34.07%,to{opacity:1;transform:none}}.dz-roll .n12{animation:dz-n12 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n13{0%,29.14%{opacity:0;transform:scaleX(0)}29.37%{opacity:1}34.07%,to{opacity:1;transform:none}}.dz-roll .n13{animation:dz-n13 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n14{0%,33.76%{opacity:0;transform:scaleX(0)}33.98%{opacity:1}38.68%,to{opacity:1;transform:none}}.dz-roll .n14{animation:dz-n14 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n15{0%,33.76%{opacity:0;transform:scaleX(0)}33.98%{opacity:1}38.68%,to{opacity:1;transform:none}}.dz-roll .n15{animation:dz-n15 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n16{0%,33.76%{opacity:0;transform:scaleX(0)}33.98%{opacity:1}38.68%,to{opacity:1;transform:none}}.dz-roll .n16{animation:dz-n16 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n17{0%,36.4%{opacity:0;transform:scaleX(0)}36.62%{opacity:1}41.32%,to{opacity:1;transform:none}}.dz-roll .n17{animation:dz-n17 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n18{0%,36.4%{opacity:0;transform:scaleX(0)}36.62%{opacity:1}41.32%,to{opacity:1;transform:none}}.dz-roll .n18{animation:dz-n18 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n19{0%,37.07%{opacity:0;transform:scaleX(0)}37.28%{opacity:1}41.99%,to{opacity:1;transform:none}}.dz-roll .n19{animation:dz-n19 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n20{0%,37.07%{opacity:0;transform:scaleX(0)}37.28%{opacity:1}41.99%,to{opacity:1;transform:none}}.dz-roll .n20{animation:dz-n20 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n21{0%,37.07%{opacity:0;transform:scaleX(0)}37.28%{opacity:1}41.99%,to{opacity:1;transform:none}}.dz-roll .n21{animation:dz-n21 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n22{0%,41.69%{opacity:0;transform:scaleX(0)}41.9%{opacity:1}46.61%,to{opacity:1;transform:none}}.dz-roll .n22{animation:dz-n22 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n23{0%,41.69%{opacity:0;transform:scaleX(0)}41.9%{opacity:1}46.61%,to{opacity:1;transform:none}}.dz-roll .n23{animation:dz-n23 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n24{0%,41.69%{opacity:0;transform:scaleX(0)}41.9%{opacity:1}46.61%,to{opacity:1;transform:none}}.dz-roll .n24{animation:dz-n24 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n25{0%,44.32%{opacity:0;transform:scaleX(0)}44.53%{opacity:1}49.24%,to{opacity:1;transform:none}}.dz-roll .n25{animation:dz-n25 var(--dz-loop, 8s) ease-out infinite}@keyframes dz-n26{0%,44.32%{opacity:0;transform:scaleX(0)}44.53%{opacity:1}49.24%,to{opacity:1;transform:none}}.dz-roll .n26{animation:dz-n26 var(--dz-loop, 8s) ease-out infinite}@media(max-width:640px){.dz{height:250px}}@media(prefers-reduced-motion:reduce){.dz,.dz-front,.dz-disc,.orb,.dz-roll,.dz-roll .n{animation:none}.dz-roll{display:none}.dz-file{animation:none;transform:translateY(100px)}}.dz,.waves,.mini-roll,.editor,.band-roll{background-color:var(--color-grid);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0.09 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(rgb(255 255 255 / .07) 1px,transparent 1px);background-size:200px 200px,100% 60px;background-position:0 0,0 -1px}.sound-toggle{position:fixed;right:20px;bottom:20px;z-index:50;width:48px;height:48px;display:grid;place-items:center;padding:0 0 4px;border:0;border-radius:50%;background:var(--color-ctrl);color:#f4efe6;box-shadow:inset 0 -4px 0 var(--color-ctrl-shadow),0 6px 18px #00000059;cursor:pointer;transition:transform .1s,filter .1s}.sound-toggle[hidden]{display:none}.sound-toggle .snd-off{transform:translate(-.5px)}.sound-toggle:hover{filter:brightness(1.15)}.sound-toggle:active{transform:translateY(2px)}.sound-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.sound-toggle .snd-on{display:none;align-items:flex-end;gap:3px;height:16px}.sound-toggle .snd-on i{width:3px;height:100%;border-radius:2px;background:var(--color-primary);transform-origin:bottom;animation:snd-bar .9s ease-in-out infinite alternate}.sound-toggle .snd-on i:nth-child(2){animation-delay:-.3s}.sound-toggle .snd-on i:nth-child(3){animation-delay:-.6s}.sound-toggle .snd-on i:nth-child(4){animation-delay:-.15s}.sound-toggle[aria-pressed=true] .snd-on{display:flex}.sound-toggle[aria-pressed=true] .snd-off{display:none}@keyframes snd-bar{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.sound-toggle .snd-on i{animation:none;transform:scaleY(.7)}}@media(max-width:600px){.sound-toggle{right:16px;bottom:16px}}