body:has(.dsm){color:#f7f8f8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#07080c}.dsm{--bg:#07080c;--text:#f7f8f8;--muted:#a7adba;--faint:#6d7380;--accent:#7170ff;--deep:#5e6ad2;--line:#ffffff14;background:radial-gradient(900px 520px at 80% 8%, #7170ff47, transparent 60%), radial-gradient(700px 480px at 0% 20%, #c084fc1f, transparent 55%), var(--bg);min-height:100vh;color:var(--text);font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", var(--font-body), sans-serif;letter-spacing:-.02em}.dsm *{box-sizing:border-box}.dsm a{color:inherit;text-decoration:none}.dsm-nav{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#07080cc7;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex;position:sticky;top:0}.dsm-brand{letter-spacing:-.03em;align-items:center;gap:.65rem;font-weight:650;display:flex}.dsm-brand img{border-radius:9px}.dsm-nav nav{color:var(--muted);gap:1.15rem;font-size:.95rem;display:flex}.dsm-nav nav a:hover{color:var(--text)}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:1.5rem;width:min(1120px,100% - 2.5rem);margin:0 auto;padding:4.5rem 0 2rem;display:grid}.eyebrow{color:#c4c3ff;align-items:center;gap:.6rem;margin:0 0 1rem;font-size:.95rem;font-weight:600;display:flex}.eyebrow img{border-radius:7px}.hero h1,.block h2,.closer h2{letter-spacing:-.055em;margin:0;font-weight:650;line-height:.94}.dsm .hero-copy{box-shadow:none;background:0 0;border:0;border-radius:0;min-height:0;padding:0;animation:none;display:block}.hero h1{max-width:none;font-size:clamp(4.2rem,8vw,7.2rem);overflow:visible}.hero h1 em,.block h2 em{background:linear-gradient(100deg,#fff 10%,#c8c7ff 45%,#7170ff 80%);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#0000;-webkit-background-clip:text;background-clip:text;margin-inline:-.06em 0;padding-inline:.06em .28em;font-style:normal}.lede,.block-copy p,.closer p,.dsm-foot p{color:var(--muted);letter-spacing:-.02em;font-size:1.2rem;line-height:1.45}.lede{max-width:34rem;margin:1.25rem 0 0;font-size:clamp(1.2rem,2vw,1.45rem)}.hero-actions{margin-top:1.75rem}.store-pill{background:#7170ff1f;border-radius:999px;align-items:center;gap:.7rem;min-height:3.25rem;padding:.35rem 1rem .35rem .4rem;font-weight:620;display:inline-flex;box-shadow:inset 0 0 0 1px #7170ff73}.store-pill img{border-radius:8px}.hero-orb{place-items:center;display:grid;position:relative}.hero-orb img{mix-blend-mode:screen;width:min(100%,560px);height:auto}.hero-bpm{justify-items:center;gap:.15rem;display:grid;position:absolute}.hero-bpm span{letter-spacing:-.07em;font-variant-numeric:tabular-nums;font-size:clamp(4.5rem,7vw,6.5rem);font-weight:560;line-height:.9}.hero-bpm small{color:var(--muted);letter-spacing:.04em;font-size:.95rem}.marquee{border-block:1px solid var(--line);margin-top:1rem;overflow:hidden}.marquee p{text-align:center;color:var(--faint);letter-spacing:.08em;text-transform:uppercase;margin:0;padding:.9rem 0;font-size:.78rem;font-weight:650}.block{gap:2rem;width:min(1120px,100% - 2.5rem);margin:0 auto;padding:5rem 0;display:grid}.block-alt{width:min(1160px,100% - 1.5rem);box-shadow:inset 0 0 0 1px var(--line);background:#ffffff06;border-radius:28px;padding-inline:clamp(2rem,4vw,3rem)}.kicker{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .7rem;font-size:.82rem;font-weight:700}.block h2{max-width:12ch;font-size:clamp(2.6rem,5vw,4.4rem)}.block-copy p{max-width:38rem;margin:1rem 0 0}.patterns{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.patterns article{background:#101114;border-radius:22px;flex-direction:column;justify-content:space-between;gap:1.5rem;min-height:9.5rem;padding:1.25rem;display:flex}.patterns article.on{background:#5e6ad2}.patterns strong{letter-spacing:-.04em;font-size:2rem}.patterns span,.measure,.groups li{color:var(--muted)}.patterns article.on span{color:#ffffffd1}.measure{gap:.7rem;max-width:36rem;display:grid}.sig{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:720}.beat-line{grid-template-columns:2rem 1fr 1fr 1fr;align-items:center;gap:.4rem;display:grid}.beat-line b{border:1px solid var(--faint);border-radius:999px;place-items:center;width:2rem;height:2rem;font-size:.85rem;display:grid}.beat-line span{text-align:center;color:var(--faint);background:#101114;border-radius:12px;padding:.7rem .4rem;font-size:.92rem;font-weight:650}.beat-line span.on{color:var(--text);background:#23252a}.groups{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}.groups h3{letter-spacing:-.03em;margin:0 0 .8rem;font-size:.95rem}.groups ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.groups li{font-size:.95rem}.tempo{gap:1.25rem;display:grid}.tempo-picks{flex-wrap:wrap;gap:.45rem;display:flex}.tempo-picks button{appearance:none;color:var(--muted);cursor:pointer;background:#141518;border:0;border-radius:999px;min-height:2.6rem;padding:0 .9rem;font-weight:620}.tempo-picks button.on{color:#fff;background:#5e6ad2}.tempo-style{color:var(--faint);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.tempo-bands{grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:.7rem;display:grid}.tempo-bands div{background:#101114;border-radius:18px;padding:1rem 1rem .9rem}.tempo-bands div.on{background:#7170ff24;box-shadow:inset 0 0 0 1px #7170ff66}.tempo-bands span{color:var(--muted);font-size:.85rem;font-weight:650;display:block}.tempo-bands strong{letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin-top:.2rem;font-size:clamp(2.4rem,4vw,3.4rem);font-weight:560;display:block}.tempo-bands div.on strong,.tempo-bands div.on span{color:#c8c7ff}.closer{text-align:center;width:min(760px,100% - 2.5rem);margin:0 auto;padding:4.5rem 0 3rem}.closer img{border-radius:22px;margin:0 auto 1rem;display:block}.closer h2{font-size:clamp(2.2rem,4vw,3.4rem)}.closer p{margin:.8rem auto 0}.dsm-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1.5rem;width:min(1120px,100% - 2.5rem);margin:0 auto;padding:1.4rem 0 2rem;display:flex}.dsm-foot p{margin:0;font-size:.95rem}.foot-links{color:var(--muted);gap:1rem;display:flex}.foot-links a:hover{color:var(--text)}@media (max-width:900px){.hero,.groups{grid-template-columns:1fr}.hero{padding-top:2.4rem}.hero-orb{order:-1}.dsm-nav nav{display:none}.groups{grid-template-columns:1fr 1fr}.patterns{grid-template-columns:1fr}.block{padding-block:3.2rem}}@media (max-width:560px){.groups,.tempo-bands,.beat-line{grid-template-columns:1fr}.beat-line{grid-template-columns:2rem 1fr}.beat-line span:nth-child(n+3){grid-column:2}}