:root{--bg:#090b0f;--panel:#11151c;--line:#2a303b;--ink:#f4f0e8;--muted:#a5adba;--acid:#d8ff54;--orange:#ff6b35;--radius:22px;--shadow:0 24px 90px #0008;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 10%,#29310f55,transparent 30%),var(--bg);color:var(--ink);line-height:1.5}button,input,select{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--acid);color:#111;padding:.75rem 1rem;z-index:20}.skip-link:focus{top:1rem}.site-header{height:72px;padding:0 clamp(1rem,4vw,5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17;position:sticky;top:0;background:#090b0fe8;backdrop-filter:blur(14px);z-index:10}.brand{color:var(--ink);text-decoration:none;letter-spacing:.08em}.brand strong{color:var(--acid)}nav{display:flex;gap:1.4rem}nav a,footer a{color:var(--muted);text-decoration:none}nav a:hover,nav a:focus-visible,footer a:hover{color:var(--acid)}main{width:min(1180px,calc(100% - 2rem));margin:auto}.hero{min-height:76vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:3rem;padding:6rem 0}.kicker{color:var(--acid);text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:800}.hero h1,.case-study h2{font-size:clamp(3.3rem,8vw,7.6rem);line-height:.88;letter-spacing:-.065em;margin:.5rem 0 1.5rem}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--acid)}.lede{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--muted);max-width:690px}.hero-actions,.demo-actions{display:flex;gap:.8rem;margin-top:2rem}.button,button{border:1px solid var(--line);border-radius:999px;padding:.75rem 1.1rem;background:#181d25;color:var(--ink);text-decoration:none;cursor:pointer}.button.primary,.transport-primary{background:var(--acid);border-color:var(--acid);color:#111;font-weight:800}.button.ghost{background:transparent}.signal{display:flex;align-items:end;justify-content:center;gap:10px;height:260px;border-radius:50%;background:#d8ff5411;box-shadow:0 0 100px #d8ff5422}.signal span{width:13px;background:linear-gradient(var(--acid),var(--orange));border-radius:10px;animation:pulse 1.1s ease-in-out infinite alternate}.signal span:nth-child(1),.signal span:nth-child(7){height:25%}.signal span:nth-child(2),.signal span:nth-child(6){height:48%;animation-delay:.2s}.signal span:nth-child(3),.signal span:nth-child(5){height:78%;animation-delay:.35s}.signal span:nth-child(4){height:100%;animation-delay:.1s}@keyframes pulse{to{transform:scaleY(.55);opacity:.65}}.demo-shell{background:linear-gradient(145deg,#151a22,#0d1015);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.1rem,3vw,2.4rem);box-shadow:var(--shadow)}.demo-head,.arrangement-row,footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.demo-head h2{font-size:2rem;margin:.2rem 0}.safe-badge{font-size:.8rem;color:var(--acid);border:1px solid #d8ff5455;padding:.45rem .7rem;border-radius:999px}.transport{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;padding:1.2rem 0;border-block:1px solid var(--line)}.transport label{display:flex;align-items:center;gap:.6rem;color:var(--muted)}input[type=range]{accent-color:var(--acid)}.check input{accent-color:var(--acid)}.arrangement-row{padding:1rem 0}.arrangement-row label{font-weight:700}.arrangement-row select{background:#171c23;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:.55rem}#player-status{color:var(--muted);margin-left:auto}.chart-scroll{overflow-x:auto;padding:.4rem 0}.notation-grid{min-width:820px;display:grid;gap:.7rem}.notation-row{display:grid;grid-template-columns:90px repeat(16,1fr);gap:.35rem;align-items:center}.instrument-label{text-transform:uppercase;color:var(--muted);font-size:.72rem;letter-spacing:.12em}.step{border-radius:8px;padding:0;height:42px;background:#171b22;color:#59606b}.step:nth-of-type(4n+2){border-left-color:#ffffff55}.step.is-on{background:#d8ff541c;color:var(--acid);border-color:#d8ff5466}.step.is-active{box-shadow:0 0 0 2px var(--orange)}.export{margin-left:auto}.case-study{padding:8rem 0 5rem}.case-study h2{font-size:clamp(2.4rem,5vw,5rem);max-width:900px}.pipeline{display:grid;grid-template-columns:repeat(7,1fr);padding:0;list-style:none;border-block:1px solid var(--line)}.pipeline li{padding:1.2rem .6rem;border-right:1px solid var(--line);font-size:.85rem}.pipeline li:last-child{border:0}.pipeline span{display:block;color:var(--acid);font-family:ui-monospace,monospace;font-size:.7rem;margin-bottom:.4rem}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.facts article{background:var(--panel);border:1px solid var(--line);padding:1.5rem;border-radius:16px}.facts strong{font-size:1.4rem}.facts p,.fine-print{color:var(--muted)}footer{width:min(1180px,calc(100% - 2rem));margin:auto;border-top:1px solid var(--line);padding:2rem 0;color:var(--muted);font-size:.85rem}@media(max-width:780px){.site-header nav a:not(:first-child){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:5rem 0}.signal{height:150px}.demo-head,.arrangement-row{align-items:flex-start;flex-direction:column}#player-status{margin:0}.pipeline{grid-template-columns:repeat(2,1fr)}.pipeline li{border-bottom:1px solid var(--line)}.facts{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal span{animation:none}}