:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#141519;--panel-bg:linear-gradient(180deg, #1f2127, #191b20);--panel-border:1px solid transparent;--panel-shadow:0 8px 24px #0009, inset 0 1px 0 #ffffff0f;--control-bg:#23252c;--control-border:#32353d;--radius:10px;--radius-sm:6px;--play-bg:linear-gradient(180deg, #ff9440, #f57200);--play-fg:#000;--play-shadow:0 2px 10px #ff8c3a73;--text:#e8e6e3;--muted:#8a8a94;--acc:#ff8c3a}*{box-sizing:border-box}body{background:var(--app-bg);color:var(--text);margin:0;font-family:system-ui,sans-serif;line-height:1.5}#landing a:not(.cta):not(.cta-secondary){color:var(--acc)}.wrap{max-width:880px;margin:0 auto;padding:0 1.25rem}section,.hero,.landing-footer{padding:3rem 0}h1,h2,h3{margin:0 0 .75rem;line-height:1.2}h1{font-size:clamp(1.6rem,5vw,2.6rem)}h2{font-size:clamp(1.3rem,3.5vw,1.8rem)}p{color:var(--text);margin:0 0 1rem}.sub{color:var(--muted);font-size:1.05rem}.hero{text-align:center;background-color:var(--app-bg);border-bottom:1px solid var(--control-border);background-image:linear-gradient(#141519f0 0%,#141519db 45%,#141519f7 100%),url(/img/hero.webp);background-position:top;background-size:cover;padding-top:4rem;padding-bottom:3rem}.hero .brand{letter-spacing:.3em;color:var(--muted);margin:0 0 1rem;font-size:.85rem}.hero h1{max-width:46rem;margin:0 auto 1rem}.hero .sub{max-width:36rem;margin:0 auto 1.5rem}.cta-row{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta{background:var(--play-bg);color:var(--play-fg);box-shadow:var(--play-shadow);border-radius:var(--radius);padding:.75rem 1.5rem;font-weight:700;text-decoration:none;display:inline-block}.cta:hover{filter:brightness(1.08)}.cta-secondary{color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius);padding:.75rem 1.25rem;text-decoration:none;display:inline-block}.cta-secondary:hover{border-color:var(--acc);color:var(--acc)}.strip-section{padding-top:1rem;padding-bottom:1rem}.song-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:1rem;display:grid}.song-cell{background:var(--panel-bg);border:var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);flex-direction:column;display:flex;overflow:hidden}.song-card{color:var(--text);flex-direction:column;text-decoration:none;display:flex}.song-card img{aspect-ratio:1.9;object-fit:cover;background:var(--control-bg);width:100%;display:block}.song-card-name{white-space:nowrap;text-overflow:ellipsis;padding:.6rem .75rem;font-size:.9rem;overflow:hidden}.song-report{font:inherit;cursor:pointer;color:var(--muted);border:1px solid var(--control-border);border-radius:var(--radius-sm);background:0 0;align-self:flex-start;margin:0 .75rem .6rem;padding:2px 6px;font-size:.7rem}.song-report:hover:not(:disabled){color:var(--text)}.song-report:disabled{opacity:.6;cursor:default}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.feature-grid li{background:var(--panel-bg);border:var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);padding:1rem;line-height:1.45;overflow:hidden}.feature-grid img{object-fit:cover;object-position:left top;background:var(--control-bg);border-bottom:1px solid var(--control-border);width:calc(100% + 2rem);height:132px;margin:-1rem -1rem .85rem;display:block}.feature-grid strong{color:var(--acc)}.jam-shot{border-radius:var(--radius);border:1px solid var(--control-border);width:100%;max-width:46rem;height:auto;margin:1.25rem 0 0;display:block}.pricing{border-top:1px solid var(--control-border)}.plans{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.plan{background:var(--panel-bg);border:var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);padding:1.5rem}.plan-pro{outline:1px solid var(--acc)}.plan .price{margin-bottom:1rem;font-size:1.8rem;font-weight:700}.plan .price span{color:var(--muted);font-size:1rem;font-weight:400}.plan ul{color:var(--text);margin:0 0 1.25rem;padding-left:1.1rem}.plan li{margin-bottom:.4rem}.plan .cta{text-align:center;width:100%}.landing-footer{border-top:1px solid var(--control-border);text-align:center;color:var(--muted)}@media (max-width:640px){.hero{padding-top:2.5rem}section,.hero,.landing-footer{padding:2rem 0}}.plan .price-alt{color:var(--muted);margin:-.75rem 0 1rem;font-size:.85rem}.hero .brand,.brand{letter-spacing:0;color:var(--text);align-items:center;gap:.5rem;font-size:1.05rem;font-weight:600;display:inline-flex}.brand-mark{flex:none;width:26px;height:22px;display:block}