:root{--bg:#07080a;--bg-2:#0a0c0f;--surface:rgba(13,16,20,.68);--surface-2:rgba(17,22,28,.62);--surface-3:rgba(21,27,34,.76);--surface-solid:#0d1014;--text:#f1f4f6;--text-soft:#b6c0ca;--text-faint:#7f8b96;--line:rgba(226,234,242,.14);--line-strong:rgba(226,234,242,.24);--accent:#ef6c00;--accent-hot:#ff8a2b;--accent-soft:rgba(239,108,0,.13);--accent-ghost:rgba(239,108,0,.07);--accent-line:rgba(239,108,0,.5);--accent-glow:rgba(239,108,0,.12);--ok:#8ad7b8;--danger:#ff6f61;--radius:6px;--radius-sm:4px;--max-width:1240px;--reading-width:760px;--page-backdrop:radial-gradient(circle at 18% 0%, rgba(239,108,0,.04), transparent 30rem), linear-gradient(180deg, rgba(7,8,10,.98), rgba(10,12,15,.98));--page-image-overlay:linear-gradient(180deg, rgba(7,8,10,.78), rgba(7,8,10,.98));--page-image-opacity:.06;--grid-line:rgba(226,234,242,.03);--grid-line-strong:rgba(239,108,0,.08);--header-bg:rgba(7,8,10,.72);--nav-bg:rgba(255,255,255,.035);--glass-highlight:linear-gradient(180deg, rgba(255,255,255,.07), transparent 42px);--glass-inset:inset 0 1px 0 rgba(255,255,255,.055);--glass-shadow:0 10px 26px rgba(0,0,0,.14);--control-bg:rgba(255,255,255,.043);--code-bg:rgba(255,255,255,.04);--brand-bg:rgba(11,13,16,.76);--meter-bg:rgba(255,255,255,.043)}.page-shell.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#f1f4f6;--text-soft:#b6c0ca;--text-faint:#7f8b96}.page-shell.theme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f1;--bg-2:#e7e9e2;--surface:rgba(255,255,255,.64);--surface-2:rgba(248,249,244,.72);--surface-3:rgba(236,239,232,.82);--surface-solid:#f8f9f4;--text:#161a1d;--text-soft:#45505a;--text-faint:#6d7780;--line:rgba(22,26,29,.14);--line-strong:rgba(22,26,29,.24);--accent-soft:rgba(239,108,0,.12);--accent-ghost:rgba(239,108,0,.06);--accent-line:rgba(239,108,0,.46);--accent-glow:rgba(239,108,0,.1);--page-backdrop:radial-gradient(circle at 12% 0%, rgba(239,108,0,.05), transparent 32rem), linear-gradient(180deg, rgba(248,249,244,.98), rgba(228,231,223,.96));--page-image-overlay:linear-gradient(180deg, rgba(247,248,243,.82), rgba(232,235,227,.95));--page-image-opacity:.05;--grid-line:rgba(22,26,29,.05);--grid-line-strong:rgba(239,108,0,.09);--header-bg:rgba(250,251,247,.74);--nav-bg:rgba(255,255,255,.5);--glass-highlight:linear-gradient(180deg, rgba(255,255,255,.8), transparent 44px);--glass-inset:inset 0 1px 0 rgba(255,255,255,.82);--glass-shadow:0 10px 24px rgba(41,45,50,.07);--control-bg:rgba(255,255,255,.54);--code-bg:rgba(255,255,255,.62);--brand-bg:rgba(255,255,255,.58);--meter-bg:rgba(22,26,29,.06)}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);scroll-behavior:smooth}body{background:#07080a;min-width:320px;margin:0;font-family:IBM Plex Sans,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}button{border:0}code{font-family:IBM Plex Mono,monospace}ul{margin:0;padding-left:1rem}li+li{margin-top:.42rem}:focus-visible{outline:2px solid var(--accent-hot);outline-offset:3px}.page-shell{min-height:100vh;color:var(--text);background:var(--page-backdrop), var(--bg);transition:background-color .18s,color .18s;position:relative;overflow:hidden}.page-shell:before{content:"";z-index:-3;background:var(--page-image-overlay), url(background-clean-final.png) top center / cover no-repeat;opacity:var(--page-image-opacity);position:fixed;inset:0}.page-shell:after{content:"";z-index:-2;background:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);pointer-events:none;background-size:24px 24px;position:fixed;inset:0}.page-grid{z-index:-1;background:linear-gradient(90deg, transparent, var(--grid-line-strong), transparent), linear-gradient(180deg, transparent 0, rgba(255,255,255,.02) 42%, transparent 72%);pointer-events:none;position:fixed;inset:0}.skip-link{z-index:999;border:1px solid var(--accent-line);border-radius:var(--radius-sm);background:var(--accent);color:#120904;text-transform:uppercase;padding:.7rem .85rem;font-family:IBM Plex Mono,monospace;font-size:.78rem;font-weight:700;transition:top .2s;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:100;background:var(--header-bg);border-bottom:1px solid var(--line);box-shadow:var(--glass-inset);-webkit-backdrop-filter:blur(18px)saturate(1.14);position:sticky;top:0}.site-nav,.main-shell,.footer-inner{width:min(calc(100% - 2rem), var(--max-width));margin:0 auto}.site-nav{justify-content:space-between;align-items:center;gap:1rem;min-height:72px;display:flex}.brand{align-items:center;gap:.75rem;min-width:0;display:flex}.brand-mark{border-radius:var(--radius);border:1px solid var(--accent-line);background:var(--brand-bg);width:2.55rem;height:2.55rem;box-shadow:0 0 0 1px rgba(255,255,255,.024), 0 0 20px var(--accent-glow);padding:.36rem}.brand-copy{flex-direction:column;min-width:0;display:flex}.brand-kicker,.eyebrow,.section-kicker,.card-topline,.stat-label,.repo-label,.source-link,.button,.nav-link,.theme-toggle,.source-hint,.footer-meta span,.product-status,.hero-preview-index,.ruler-step,.step-index,.step-state,.step-velocity,.step-note-cycle,.chip-button{text-transform:uppercase;letter-spacing:.08em;font-family:IBM Plex Mono,monospace}.brand-kicker,.repo-label,.source-hint,.footer-meta span{color:var(--text-faint);font-size:.68rem}.brand-title{letter-spacing:0;font-size:1.05rem;font-weight:700}.nav-cluster{justify-content:flex-end;align-items:center;gap:.58rem;min-width:0;display:flex}.nav-links{border:1px solid var(--line);background:var(--nav-bg);box-shadow:var(--glass-inset);-webkit-backdrop-filter:blur(14px);flex-wrap:wrap;justify-content:flex-end;gap:0;display:flex}.nav-link{border-left:1px solid var(--line);min-height:2.6rem;color:var(--text-soft);padding:.78rem .95rem;font-size:.72rem;transition:color .16s,background .16s,box-shadow .16s}.nav-link:first-child{border-left:0}.nav-link:hover,.nav-link.is-active{color:var(--text);background:var(--accent-soft);box-shadow:inset 0 -1px 0 var(--accent-line)}.theme-toggle{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--nav-bg);min-width:5.1rem;min-height:2.6rem;color:var(--text);cursor:pointer;box-shadow:var(--glass-inset);grid-template-columns:1.6rem 1fr;align-items:center;gap:.45rem;padding:.44rem .58rem;font-size:.64rem;font-weight:700;transition:border-color .16s,background .16s,transform .16s;display:inline-grid}.theme-toggle:hover{border-color:var(--accent-line);background:var(--accent-soft);transform:translateY(-1px)}.theme-toggle-track{border:1px solid var(--line-strong);background:var(--control-bg);border-radius:999px;width:1.6rem;height:.84rem;display:block;position:relative}.theme-toggle-dot{background:var(--accent-hot);width:.44rem;height:.44rem;box-shadow:0 0 12px var(--accent-glow);border-radius:50%;transition:transform .16s;position:absolute;top:50%;left:.18rem;transform:translateY(-50%)}.theme-light .theme-toggle-dot{transform:translate(.66rem,-50%)}.theme-toggle-label{line-height:1}.main-shell{gap:3.4rem;padding:2.8rem 0 5.5rem;display:grid}h1,h2,h3{letter-spacing:0;text-wrap:balance;margin:0;font-family:IBM Plex Sans,sans-serif}h1{max-width:11ch;font-size:4.8rem;line-height:.94}h2{font-size:2.15rem;line-height:1.03}h3{font-size:1.18rem;line-height:1.15}p{color:var(--text-soft);margin:0;line-height:1.62}.eyebrow,.section-kicker,.card-topline{color:var(--accent-hot);font-size:.72rem;font-weight:700}.hero{grid-template-columns:minmax(0,1.05fr) minmax(300px,.8fr);align-items:stretch;gap:2rem;padding:1.5rem 0 .5rem;display:grid}.hero-copy{align-content:start;gap:1rem;padding:.25rem 0;display:grid}.hero-body{max-width:60ch;font-size:1rem}.hero-status,.play-hint{border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent-ghost);color:var(--text);box-shadow:var(--glass-inset);padding:.85rem .95rem}.hero-actions,.utility-links,.adjacent-actions,.product-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.button{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);min-height:2.9rem;color:var(--text);cursor:pointer;box-shadow:var(--glass-inset);justify-content:center;align-items:center;padding:.82rem 1rem;font-size:.72rem;font-weight:700;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s;display:inline-flex}.button:hover,.chip-button:hover,.patch-card:hover,.seq-step:hover,.step-note-cycle:hover,.macro-step:hover,.track-card:hover{border-color:var(--accent-line);box-shadow:var(--glass-inset), 0 0 24px var(--accent-glow);transform:translateY(-1px)}.button-primary{border-color:var(--accent);background:linear-gradient(180deg, rgba(255,255,255,.16), transparent 58%), var(--accent);color:#120904;box-shadow:var(--glass-inset), 0 0 22px var(--accent-glow)}.button-secondary{background:var(--control-bg)}.source-link{width:fit-content;color:var(--accent-hot);font-size:.7rem;font-weight:700;display:inline-flex}.hero-link{align-items:center;min-height:2.9rem}.hero-panel,.play-panel,.lane-panel,.feature-card,.stat-card,.doc-card,.product-card,.detail-panel,.blog-card,.adjacent-card,.drum-case-summary,.drum-flow-panel,.drum-control-cell,.drum-case-card,.soundcloud-frame-shell,.track-card,.play-stat-card,.patch-card,.seq-step,.step-note-cycle,.macro-step{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass-highlight), var(--surface);box-shadow:var(--glass-inset), var(--glass-shadow);-webkit-backdrop-filter:blur(10px)saturate(1.02)}.hero-panel{align-content:start;gap:.9rem;min-height:100%;padding:1.4rem 1.4rem 1.6rem;display:grid;position:relative;overflow:hidden}.hero-surface{opacity:.08;pointer-events:none;background:url(background-clean-final.png) 50%/cover no-repeat;position:absolute;inset:0}.hero-demo-header,.hero-preview-ruler,.hero-preview-grid,.stat-grid{z-index:1;position:relative}.hero-demo-header{border:1px solid var(--line);background:var(--surface-2);box-shadow:var(--glass-inset);-webkit-backdrop-filter:blur(12px);gap:.42rem;padding:.85rem;display:grid}.hero-demo-header h3{font-size:1.35rem}.hero-preview-ruler,.hero-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.42rem;display:grid}.ruler-step{border:1px solid var(--line);background:var(--control-bg);min-height:1.9rem;color:var(--text-faint);justify-content:center;align-items:center;font-size:.62rem;display:inline-flex}.ruler-step.is-anchor{border-color:var(--accent-line);color:var(--text);background:var(--accent-soft)}.hero-preview-step{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-3);min-height:4.55rem;box-shadow:var(--glass-inset);align-content:start;gap:.3rem;padding:.65rem;display:grid}.hero-preview-step.is-anchor{box-shadow:inset 2px 0 0 rgba(239,108,0,.4), var(--glass-inset)}.hero-preview-step.is-active{border-color:var(--accent-line);background:var(--accent-soft)}.hero-preview-step strong{overflow-wrap:normal;font-size:.95rem;line-height:1.16}.hero-preview-index{color:var(--text-faint);font-size:.6rem}.stat-grid,.play-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.stat-card,.play-stat-card{gap:.35rem;min-height:5.4rem;padding:.8rem;display:grid}.stat-card strong,.play-stat-card strong{font-size:1rem;line-height:1.25}.stat-label{color:var(--text-faint);font-size:.64rem}.signal-section,.utility-band,.adjacent-band,.drum-engine-band,.drum-case-hero,.drum-preset-section,.listen-section,.doc-category,.site-footer{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:1rem;padding:1.25rem 0;display:grid}.signal-section,.utility-band,.adjacent-band,.drum-engine-band,.drum-case-hero,.drum-preset-section,.listen-section,.doc-category{background:linear-gradient(90deg,transparent,rgba(255,255,255,.02),transparent),linear-gradient(transparent,rgba(255,255,255,.01))}.signal-section,.utility-band,.adjacent-band,.drum-engine-band,.drum-case-hero,.drum-preset-section{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:start}.drum-case-hero{isolation:isolate;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:1.35rem}.drum-case-hero>*{min-width:0}.listen-section{grid-template-columns:minmax(0,.62fr) minmax(320px,.92fr) minmax(280px,.7fr);align-items:start}.page-intro{border-bottom:1px solid var(--line);gap:.7rem;padding:.2rem 0 .6rem;display:grid}.page-intro h1{max-width:14ch;font-size:3.4rem}.section-copy{gap:.65rem;display:grid}.feature-grid,.doc-grid,.products-grid,.blog-grid,.drum-mini-controls,.drum-flow-steps,.drum-control-grid,.drum-case-grid,.track-list,.post-shell,.play-shell,.play-grid,.play-main,.play-inspector,.play-lanes,.play-patch-grid,.play-toolbar,.chip-row,.step-grid,.macro-grid,.lane-ruler{gap:.85rem;display:grid}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-category .doc-grid,.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.25rem}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.drum-control-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.drum-case-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.25rem}.drum-mini-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.drum-flow-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.track-list{grid-template-columns:1fr}.feature-card,.doc-card,.product-card,.detail-panel,.blog-card,.adjacent-card,.drum-case-summary,.drum-flow-panel,.drum-control-cell,.drum-case-card,.soundcloud-frame-shell,.track-card{align-content:start;gap:.72rem;padding:1rem;display:grid}.feature-card ul,.detail-panel ul,.adjacent-card ul,.product-card ul,.play-detail-list{color:var(--text-soft)}.blog-card p,.adjacent-card p,.patch-card p,.track-card p{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-card{position:relative;overflow:hidden}.product-card:before,.feature-card:before,.doc-card:before,.blog-card:before,.adjacent-card:before,.drum-case-summary:before,.drum-flow-panel:before,.drum-case-card:before,.track-card:before,.patch-card:before{content:"";background:var(--accent);width:2.6rem;height:2px}.drum-case-hero h1{overflow-wrap:normal;max-width:12.6ch;font-size:clamp(2.85rem,4.55vw,4.45rem);line-height:1.02}.drum-case-summary,.drum-flow-panel{min-height:100%}.drum-case-hero .drum-flow-panel{align-self:stretch}.drum-case-hero .drum-flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.drum-mini-controls span,.drum-flow-step{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--control-bg);min-height:4.1rem;box-shadow:var(--glass-inset);align-content:center;gap:.28rem;padding:.7rem;display:grid}.drum-mini-controls strong{font-size:1rem;line-height:1}.drum-mini-controls small,.drum-flow-step span{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-family:IBM Plex Mono,monospace;font-size:.6rem;font-weight:700}.drum-flow-step{background:var(--accent-ghost);align-content:start;min-height:9.2rem}.drum-flow-step strong{font-size:1rem;line-height:1.2}.drum-flow-step p{font-size:.88rem;line-height:1.5}.drum-control-cell{min-height:5.2rem}.drum-control-cell strong{font-size:1.18rem;line-height:1.05}.soundcloud-frame-shell{min-height:390px;padding:0;overflow:hidden}.soundcloud-frame{background:var(--surface-solid);border:0;width:100%;min-height:390px;display:block}.track-card{transition:transform .14s,border-color .14s}.product-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.product-title-block{gap:.35rem;display:grid}.product-status{border:1px solid var(--accent-line);background:var(--accent-soft);width:fit-content;max-width:16rem;color:var(--text);box-shadow:var(--glass-inset);padding:.55rem .7rem;font-size:.62rem;line-height:1.45}.repo-meta{gap:.35rem;display:grid}.repo-meta code{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--code-bg);width:fit-content;max-width:100%;color:var(--text);overflow-wrap:anywhere;box-shadow:var(--glass-inset);padding:.42rem .56rem;font-size:.76rem;display:inline-flex}.post-shell{gap:1rem}.post-back,.post-intro,.post-panel{width:min(100%,860px);margin:0 auto}.post-panel{gap:.9rem}.post-panel h2{font-size:1.5rem}.post-section{border-top:1px solid var(--line);gap:.65rem;padding-top:.9rem;display:grid}.post-section:first-of-type{margin-top:.3rem}.note-image-panel{border:1px solid var(--line);background:var(--surface-2);box-shadow:var(--glass-inset);border-radius:6px;margin:0;overflow:hidden}.note-image{background:var(--surface);width:100%;height:auto;display:block}.note-image-panel figcaption{border-top:1px solid var(--line);color:var(--muted);padding:.7rem .85rem;font-size:.86rem;line-height:1.55}.code-example-stack{gap:.75rem;display:grid}.code-example{border:1px solid var(--line);background:var(--surface-2);box-shadow:var(--glass-inset);border-radius:6px;margin:0;overflow:hidden}.code-example-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.62rem .75rem;display:flex}.code-example-label,.code-example-language{letter-spacing:.06em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.68rem;font-weight:700}.code-example-label{color:var(--text)}.code-example-language{color:var(--accent-hot);flex:none}.code-example-path{border-bottom:1px solid var(--line);color:var(--muted);overflow-wrap:anywhere;padding:.55rem .75rem;font-size:.72rem;line-height:1.45;display:block}.code-example-body{background:var(--code-bg);max-width:100%;color:var(--text);white-space:pre;margin:0;padding:.8rem .85rem;font-size:.78rem;line-height:1.55;overflow-x:auto}.code-example-body code{min-width:max-content;display:block}.post-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:.65rem;padding-top:.9rem;display:flex}.footer-inner{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.footer-meta{justify-items:end;gap:.35rem;display:grid}.play-shell{gap:1.2rem}.play-hero{grid-template-columns:minmax(0,.95fr) minmax(320px,.72fr);align-items:stretch;gap:.85rem;display:grid}.play-copy{align-content:start;gap:.85rem;padding:.2rem 0;display:grid}.play-copy h1{max-width:13ch;font-size:4rem}.play-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.78fr);align-items:start}.play-panel,.lane-panel{gap:.9rem;padding:1rem;display:grid}.play-panel-secondary{align-content:start}.control-stack{gap:.85rem;display:grid}.lane-header{gap:.45rem;display:grid}.play-patch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.patch-card{text-align:left;cursor:pointer;min-height:8.6rem;color:var(--text);gap:.48rem;padding:.85rem;transition:transform .14s,border-color .14s,background .14s;display:grid;position:relative}.patch-card strong,.seq-step strong,.macro-step strong{font-size:1rem;line-height:1.25}.patch-card.is-active,.seq-step.is-active,.macro-step.is-active{border-color:var(--accent-line);background:var(--accent-soft);box-shadow:var(--glass-inset), 0 0 24px var(--accent-glow)}.play-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.play-inline-group{gap:.5rem;display:grid}.chip-row{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:.5rem}.chip-button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--control-bg);min-height:2.65rem;color:var(--text-soft);cursor:pointer;box-shadow:var(--glass-inset);padding:.65rem .72rem;font-size:.66rem;font-weight:700;transition:transform .14s,border-color .14s,background .14s,color .14s}.chip-button.is-active{color:var(--text);border-color:var(--accent-line);background:var(--accent-soft);box-shadow:var(--glass-inset), 0 0 18px var(--accent-glow)}.play-lanes{grid-template-columns:1fr}.lane-ruler,.step-grid,.macro-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.step-stack{gap:.45rem;display:grid}.seq-step,.macro-step{text-align:left;cursor:pointer;min-height:8rem;color:var(--text);align-content:start;gap:.35rem;padding:.72rem;transition:transform .14s,border-color .14s,background .14s;display:grid}.seq-step.is-anchor,.macro-step{box-shadow:inset 2px 0 0 rgba(239,108,0,.34), var(--glass-inset)}.step-index,.step-state{font-size:.6rem}.step-index{color:var(--text-faint)}.step-note{letter-spacing:0;font-size:1.45rem}.step-state{color:var(--text-soft)}.step-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem;display:flex}.step-velocity{color:var(--text-faint);font-size:.58rem}.step-note-cycle{background:var(--control-bg);min-height:2.35rem;color:var(--text);cursor:pointer;box-shadow:var(--glass-inset);padding:.6rem .65rem;font-size:.62rem;font-weight:700;transition:transform .14s,border-color .14s}.play-meter{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--meter-bg);width:100%;min-height:1rem;box-shadow:var(--glass-inset);padding:.16rem}.play-meter-fill{background:linear-gradient(90deg, var(--accent), var(--accent-hot));border-radius:2px;min-height:.58rem}.play-meter-fill.is-hot{background:linear-gradient(90deg, var(--accent), var(--danger))}.play-meter-copy{justify-content:space-between;align-items:center;gap:1rem;display:flex}.play-meter-copy strong{font-size:1rem}@media (width<=1100px){.hero,.signal-section,.utility-band,.adjacent-band,.drum-engine-band,.drum-case-hero,.drum-preset-section,.listen-section,.play-hero,.play-grid{grid-template-columns:1fr}.feature-grid,.products-grid,.blog-grid,.play-patch-grid,.drum-control-grid,.drum-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lane-ruler,.step-grid,.macro-grid,.hero-preview-ruler,.hero-preview-grid,.drum-flow-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=780px){.site-nav,.main-shell,.footer-inner{width:min(calc(100% - 1rem), var(--max-width))}.site-nav{flex-direction:column;align-items:flex-start;min-height:0;padding:.8rem 0}.nav-cluster{justify-content:space-between;align-items:stretch;width:100%}.nav-links{flex-wrap:nowrap;flex:auto;justify-content:flex-start;width:auto;overflow-x:auto}.nav-link,.theme-toggle{flex:none}.main-shell{gap:1.5rem;padding-top:1.3rem}h1,.play-copy h1{max-width:none;font-size:3rem;line-height:.98}h2,.page-intro h1{font-size:2rem}.feature-grid,.doc-category .doc-grid,.products-grid,.blog-grid,.stat-grid,.play-patch-grid,.play-status-grid,.play-toolbar,.drum-mini-controls,.drum-control-grid,.drum-case-grid,.drum-flow-steps,.lane-ruler,.step-grid,.macro-grid,.hero-preview-ruler,.hero-preview-grid{grid-template-columns:1fr}.hero-preview-step,.seq-step,.macro-step{min-height:4.8rem}.product-header,.footer-inner,.play-meter-copy{flex-direction:column}.footer-meta{justify-items:start}}.hero-today{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.hero-today li{color:var(--text-soft);padding-left:1.05rem;font-size:.92rem;line-height:1.5;position:relative}.hero-today li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:.62em;left:0}.hero-panel-divider{background:var(--line);height:1px;margin:.4rem 0}.hero-panel-note{color:var(--text-faint);font-size:.85rem;line-height:1.5}.learning-note{max-width:var(--reading-width);color:var(--text-faint);font-size:.9rem;line-height:1.55}.signal-section .section-copy p,.doc-category .section-copy p,.utility-band .section-copy p{max-width:var(--reading-width)}