.beat-maker-page{--beat-copy:#b3b9bf;--beat-heading:#f2f0e9;--beat-accent:#b7ddca;--beat-line:#ffffff16}.marketing-dark.public-playful-page.beat-maker-page main>:is(.beat-maker-intro,.beat-maker-features,.beat-maker-instrumental){border:0;padding:clamp(48px,6vw,80px) 5%;background:#151820!important}.beat-maker-content-shell{width:100%;max-width:1180px;margin-inline:auto}.beat-maker-intro__layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,76px);display:grid}.beat-maker-kicker{color:var(--beat-accent);letter-spacing:.12em;margin-bottom:16px;font-size:.6875rem;font-weight:650;line-height:1.5;display:block}.beat-maker-intro h2,.beat-maker-features h2,.beat-maker-instrumental h2{color:var(--beat-heading);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(1.75rem,2.6vw,2.5rem);font-weight:650;line-height:1.3}.beat-maker-intro__copy p,.beat-maker-features__heading p,.beat-maker-instrumental__copy p{color:var(--beat-copy);margin:20px 0 0;font-size:.9375rem;line-height:1.9}.beat-maker-intro__copy p+p{margin-top:14px}.beat-maker-reference{background:#1c2528;border:1px solid #b7ddca2b;border-radius:18px;min-width:0;padding:clamp(22px,2.5vw,32px)}.beat-maker-reference__visual{color:var(--beat-accent);border-bottom:1px solid #b7ddca24;align-items:center;gap:12px;margin-bottom:26px;padding-bottom:22px;display:flex}.beat-maker-reference__visual>svg{width:26px;height:26px}.beat-maker-reference__visual>span{letter-spacing:.08em;font-size:.75rem;font-weight:650}.beat-maker-reference__visual>div{justify-content:flex-end;align-items:center;gap:4px;height:32px;margin-left:auto;display:flex}.beat-maker-reference__visual i{background:#93bda9;border-radius:2px;width:3px;height:12px}.beat-maker-reference__visual i:nth-child(3n+1){height:24px}.beat-maker-reference__visual i:nth-child(4n+2){height:32px}.marketing-dark.public-playful-page.beat-maker-page .beat-maker-reference>aside{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.beat-maker-page .beat-maker-reference h2{letter-spacing:0;font-size:1.125rem;line-height:1.5}.beat-maker-page .beat-maker-reference p{margin-top:10px;font-size:.875rem;line-height:1.8}.beat-maker-page .beat-maker-reference a{text-underline-offset:6px;gap:12px;margin-top:20px;font-size:.8125rem}.marketing-dark.public-playful-page.beat-maker-page main>.beat-maker-features{padding-top:0}.beat-maker-features__layout{border-top:1px solid var(--beat-line);grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);align-items:start;gap:clamp(32px,5vw,76px);padding-top:clamp(36px,5vw,60px);display:grid}.beat-maker-features__heading h2{max-width:20ch}.beat-maker-features__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;display:grid}.beat-maker-feature{min-width:0;padding:0 0 26px}.beat-maker-feature:nth-child(n+3){border-top:1px solid var(--beat-line);padding:26px 0 0}.beat-maker-feature__top{color:var(--beat-accent);justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.beat-maker-feature__top svg{width:24px;height:24px}.beat-maker-feature__top span{color:#7f8b8c;font-variant-numeric:tabular-nums;font-size:.6875rem}.beat-maker-feature h3{color:var(--beat-heading);margin:0;font-size:1rem;font-weight:650;line-height:1.5}.beat-maker-feature p{color:var(--beat-copy);margin:10px 0 0;font-size:.875rem;line-height:1.8}.marketing-dark.public-playful-page.beat-maker-page main>.beat-maker-instrumental{padding-block:clamp(40px,5vw,64px)}.beat-maker-instrumental__layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.beat-maker-instrumental__copy{min-width:0}.beat-maker-instrumental h2{max-width:25ch;scroll-margin-top:120px}.beat-maker-instrumental__copy p+p{margin-top:14px}.beat-maker-layers{background:#1b2226;border:1px solid #b7ddca24;border-radius:20px;min-width:0;margin:0;padding:clamp(20px,2.5vw,30px)}.beat-maker-layers__heading{color:var(--beat-heading);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;font-size:.8125rem;font-weight:600;line-height:1.5;display:flex}.beat-maker-layers__badge{color:var(--beat-accent);background:#b7ddca0c;border-radius:6px;align-items:center;gap:6px;padding:5px 9px;font-size:.6875rem;font-weight:500;display:inline-flex}.beat-maker-layers__badge svg{width:13px;height:13px}.beat-maker-layers__list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.beat-maker-layers__list li{--layer-color:#a5d9bd;background:#ffffff03;border:1px solid #ffffff07;border-radius:8px;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:12px;padding:9px 12px;display:grid}.beat-maker-layers__list [data-layer=bass]{--layer-color:#c5b494}.beat-maker-layers__list [data-layer=melody]{--layer-color:#96bccf}.beat-maker-layers__list [data-layer=harmony]{--layer-color:#b7a6c3}.beat-maker-layers__label{color:var(--layer-color);font-size:.75rem;font-weight:550;line-height:1.5}.beat-maker-layers__list svg{width:100%;height:40px;fill:var(--layer-color);fill-opacity:.8;background:repeating-linear-gradient(90deg,#ffffff07 0 1px,#0000 1px 25%);display:block;overflow:hidden}.public-playful-page.beat-maker-page .beat-generator-section .beat-generator-frame{padding-bottom:clamp(48px,6vw,80px)}.beat-maker-page #faq{padding-inline:5%}.beat-maker-page #faq button:focus-visible{outline:2px solid var(--beat-accent);outline-offset:5px;border-radius:4px}@media (width<=800px){.beat-maker-intro__layout,.beat-maker-features__layout,.beat-maker-instrumental__layout{grid-template-columns:minmax(0,1fr);gap:28px}.beat-maker-features__heading h2{max-width:30ch}.beat-maker-reference__visual{margin-bottom:18px;padding-bottom:18px}}@media (width<=520px){.beat-maker-features__grid{grid-template-columns:minmax(0,1fr)}.beat-maker-feature{padding:0 0 22px}.beat-maker-feature+.beat-maker-feature{border-top:1px solid var(--beat-line);padding:22px 0}.beat-maker-feature:last-child{padding-bottom:0}.beat-maker-feature__top{margin-bottom:12px}}