.beatmelo-tool-landing{max-width:1120px;margin:88px auto 24px;color:#20211f;border-top:1px solid #e6e6e1;padding-top:70px;padding-inline:var(--beatmelo-editorial-gutter);overflow-wrap:anywhere}.beatmelo-tool-landing .beatmelo-media-examples{--beatmelo-editorial-gutter: 0px}.music-results,.beatmelo-media-generator [aria-label="Generation history"],.beatmelo-mv-directions{container:workspace-results / inline-size}.music-workspace>.music-results{width:100%}.beatmelo-tool-intro{max-width:680px;margin:0 auto 54px;text-align:center}.beatmelo-editorial-kicker{font-size:10px;font-weight:700;letter-spacing:.15em;color:#a4410d}.beatmelo-tool-intro h2{font-size:clamp(27px,3vw,40px);line-height:1.1;font-weight:680;letter-spacing:-.045em;margin:12px 0 18px}.beatmelo-tool-intro>p:last-child{font-size:15px;line-height:1.75;color:#676963;max-width:550px;margin:auto}.beatmelo-tool-overview{max-width:76ch;margin:0 auto 48px;font-size:15px;line-height:1.8;color:#676963}.beatmelo-tool-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;margin:0 0 48px;padding:28px 0;border-block:1px solid #e6e6e1}.beatmelo-tool-facts dt{font-size:13px;font-weight:600;margin-bottom:8px}.beatmelo-tool-facts dd{margin:0;color:#62655e;font-size:14px;line-height:1.8}.beatmelo-tool-comparison,.beatmelo-tool-input-examples{margin:0 0 56px}.beatmelo-tool-comparison h2,.beatmelo-tool-input-examples>h2{font-size:27px;font-weight:650;line-height:1.2;letter-spacing:-.04em;margin:0 0 24px}.beatmelo-tool-table-scroll{max-width:100%;overflow-x:auto}.beatmelo-tool-table-scroll table{width:100%;min-width:480px;border-collapse:collapse;font-size:13px;line-height:1.8}.beatmelo-tool-table-scroll th,.beatmelo-tool-table-scroll td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid #dedfd8}.beatmelo-tool-table-scroll thead{background:#eeede8}.beatmelo-tool-table-scroll tbody th{width:24%;font-weight:500}.beatmelo-tool-table-scroll td{color:#62655e}.beatmelo-tool-input-examples article{padding:24px 0;border-top:1px solid #e6e6e1}.beatmelo-tool-input-examples h3{margin:0 0 14px;font-size:17px;font-weight:600}.beatmelo-tool-input-examples blockquote{margin:0;padding:18px 20px;background:#eeede8;border-left:3px solid #c94b05;white-space:pre-wrap;font-size:14px;line-height:1.8}.beatmelo-tool-input-examples article>p{color:#62655e;font-size:13px;line-height:1.8;margin:14px 0 0}.beatmelo-tool-input-examples a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#a4410d;font-size:13px}.beatmelo-tool-story{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(32px,5vw,72px);align-items:center;margin:0 0 72px}.beatmelo-tool-story:nth-child(2n){grid-template-columns:1fr 1.08fr}.beatmelo-tool-story:nth-child(2n) figure{order:2}.beatmelo-tool-story figure{margin:0}.beatmelo-tool-story-media{overflow:hidden;border-radius:10px;background:#edede8;aspect-ratio:1.42}.beatmelo-tool-story figcaption{margin-top:8px;color:#676963;font-size:12px;line-height:1.6}.beatmelo-tool-story img{width:100%;height:100%;object-fit:cover;display:block}.beatmelo-story-number{display:block;font-size:12px;color:#a4410d;letter-spacing:.1em;margin-bottom:15px}.beatmelo-tool-story h3{font-size:clamp(24px,2.4vw,31px);line-height:1.16;letter-spacing:-.04em;font-weight:650;margin:0 0 20px}.beatmelo-tool-story-copy>p{font-size:14px;line-height:1.85;color:#62655e;margin:0 0 14px}.beatmelo-tool-steps{padding:40px 0;border-top:1px solid #e6e6e1;border-bottom:1px solid #e6e6e1}.beatmelo-tool-steps h2,.beatmelo-tool-stories>h2,.beatmelo-tool-closing-copy h2,.beatmelo-tool-faq h2{font-size:27px;letter-spacing:-.04em;font-weight:650;line-height:1.15;margin:0 0 30px}.beatmelo-tool-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:0;padding:0;list-style:none}.beatmelo-tool-steps li>span{display:block;color:#a4410d;font-size:12px;margin-bottom:20px}.beatmelo-tool-steps h3{font-size:16px;font-weight:650;margin:0 0 10px}.beatmelo-tool-steps p{color:#62655e;font-size:13px;line-height:1.8;margin:0}.beatmelo-tool-faq{display:grid;grid-template-columns:.8fr 1.5fr;gap:65px;margin:65px 0 40px}.beatmelo-tool-faq details{border-bottom:1px solid #dedfd8}.beatmelo-tool-faq summary{display:flex;justify-content:space-between;gap:15px;cursor:pointer;font-size:14px;font-weight:550;padding:20px 0;list-style:none}.beatmelo-tool-faq summary::-webkit-details-marker{display:none}.beatmelo-tool-faq summary svg{flex-shrink:0}.beatmelo-tool-faq details[open] summary svg{transform:rotate(45deg)}.beatmelo-tool-faq details p{font-size:13px;line-height:1.8;color:#62655e;margin:0 25px 22px 0}.beatmelo-tool-closing{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:32px 0}.beatmelo-tool-closing-copy{flex-basis:100%}.beatmelo-tool-closing-copy p{color:#62655e;font-size:14px;line-height:1.8}.beatmelo-tool-cta{display:inline-flex;align-items:center;gap:15px;border-radius:7px;background:var(--beatmelo-cta-fill);color:var(--beatmelo-cta-foreground);font-size:13px;font-weight:600;padding:14px 20px;text-decoration:none}.beatmelo-tool-cta:hover{background:var(--beatmelo-cta-hover)}.beatmelo-tool-closing nav{display:flex;flex-wrap:wrap;gap:18px}.beatmelo-tool-closing nav a{display:inline-flex;align-items:center;min-height:44px;gap:5px;font-size:12px;color:#62655e;text-decoration:none}.beatmelo-tool-closing nav a:hover{color:#a4410d}#generator{scroll-margin-top:95px}@media(max-width:767px){.beatmelo-tool-facts{grid-template-columns:minmax(0,1fr)}.beatmelo-tool-landing{margin-top:55px;padding-top:40px}.beatmelo-tool-intro{margin-bottom:35px}.beatmelo-tool-story,.beatmelo-tool-story:nth-child(2n){grid-template-columns:1fr;gap:22px;margin-bottom:45px}.beatmelo-tool-story:nth-child(2n) figure{order:0}.beatmelo-tool-story-media{aspect-ratio:1.5}.beatmelo-tool-story h3{font-size:26px}.beatmelo-tool-story-copy>p{font-size:14px}.beatmelo-tool-steps ol{grid-template-columns:1fr;gap:28px}.beatmelo-tool-steps ol li{display:grid;grid-template-columns:35px 1fr;column-gap:12px}.beatmelo-tool-steps li>span{grid-row:span 2;margin:3px 0}.beatmelo-tool-faq{grid-template-columns:1fr;gap:10px;margin-top:40px}.beatmelo-tool-closing{align-items:flex-start;flex-direction:column}.beatmelo-tool-closing nav{gap:14px}.beatmelo-tool-faq h2{max-width:250px}}@container workspace-results (max-width: 760px){.beatmelo-tool-facts{grid-template-columns:minmax(0,1fr)}.beatmelo-tool-landing{margin-top:48px;padding-top:40px}.beatmelo-tool-story,.beatmelo-tool-story:nth-child(2n){grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:44px}.beatmelo-tool-story:nth-child(2n) figure{order:0}.beatmelo-tool-steps ol,.beatmelo-tool-faq{grid-template-columns:minmax(0,1fr);gap:24px}.beatmelo-tool-closing{flex-wrap:wrap}}