:root{--bg:#07080a;--panel:rgba(20,22,26,.78);--line:rgba(255,255,255,.08);--text:#f4efe7;--muted:#9fa4ad;--amber:#c48a46;--amberBright:#efb76d;--blood:#441414;--cyan:#5bd2d0;--red:#ff775d;--gray:#8d929c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 12% 6%,rgba(196,138,70,.18),transparent 24%),radial-gradient(circle at 78% 12%,rgba(68,20,20,.36),transparent 30%),linear-gradient(180deg,#0b0c0e 0,var(--bg) 55%,#050506 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.navCta,.primary,.secondary,button{border:1px solid var(--line);border-radius:14px;color:var(--text);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));padding:12px 16px;font-weight:850;letter-spacing:.065em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:.18s ease}.navCta:hover,.primary:hover,.secondary:hover,button:hover{transform:translateY(-1px);border-color:rgba(239,183,109,.42)}button:disabled{cursor:not-allowed;color:rgba(244,239,231,.46);border-color:rgba(255,255,255,.055);background:rgba(255,255,255,.025);box-shadow:none}button:disabled:hover{transform:none;border-color:rgba(255,255,255,.055)}.site{max-width:1480px;margin:0 auto;padding:24px}.nav{position:-webkit-sticky;position:sticky;top:12px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--line);border-radius:22px;background:rgba(7,8,10,.62);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brandMark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,rgba(239,183,109,.24),rgba(68,20,20,.45));color:var(--amberBright);font-weight:950}.navLinks{display:flex;gap:22px;color:var(--muted);text-transform:uppercase;font-size:12px;letter-spacing:.18em;font-weight:900}.navCta{color:var(--amberBright)}.hero{min-height:calc(100vh - 90px);display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);grid-gap:28px;gap:28px;align-items:start;padding:54px 0}.heroCopy{position:-webkit-sticky;position:sticky;top:104px;align-self:start;min-width:0}.kicker,.sectionHeader span{color:var(--amberBright);letter-spacing:.28em;font-size:12px;font-weight:950;text-transform:uppercase}h1{margin:16px 0 18px;font-size:clamp(56px,8vw,126px);line-height:.84;letter-spacing:-.08em}h2{margin:0;font-size:clamp(34px,5vw,68px);line-height:.92;letter-spacing:-.055em}.heroCopy p,.showcase p{max-width:680px;color:var(--muted);font-size:19px;line-height:1.55}.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.playButton,.primary{background:linear-gradient(180deg,#df9d4d,#74341d);border-color:rgba(239,183,109,.55)}.heroInstrument{min-width:0;border:1px solid var(--line);border-radius:34px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018)),rgba(18,20,24,.72);box-shadow:0 40px 120px rgba(0,0,0,.45)}.controlDock,.topStrip,.transportDock{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:900;flex-wrap:wrap}.orbitalStage{--orbit-dot-radius:max(-245px,-38vw);position:relative;width:min(78vw,560px);aspect-ratio:1;margin:18px auto;display:grid;place-items:center}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.orbitOuter{inset:0;border:2px solid rgba(239,183,109,.52);box-shadow:0 0 70px rgba(196,138,70,.13),inset 0 0 90px rgba(0,0,0,.68)}.orbitMiddle{inset:12%;border-color:rgba(91,210,208,.25)}.orbitInner{inset:29%;border-color:rgba(196,138,70,.24)}.hand{position:absolute;left:50%;bottom:50%;width:4px;height:42%;transform-origin:bottom center;border-radius:999px;transition:transform .08s linear}.handPulse{background:var(--cyan);box-shadow:0 0 20px rgba(91,210,208,.55)}.handRiff{background:var(--amberBright);box-shadow:0 0 24px rgba(239,183,109,.48)}.handBar{background:rgba(244,239,231,.82)}.centerReadout{position:relative;z-index:6;text-align:center}.centerReadout span{color:var(--muted);font-weight:950;letter-spacing:.22em}.centerReadout strong{display:block;font-size:clamp(54px,9vw,92px);letter-spacing:-.07em}.centerReadout em{display:block;color:var(--amberBright);font-style:normal;font-weight:850}.orbDot{position:absolute;left:50%;top:50%;z-index:4;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;pointer-events:none;transform-origin:center}.orbDot,.orbDot.typeX{background:var(--amberBright);box-shadow:0 0 12px rgba(239,183,109,.9),0 0 2px #fff}.orbDot.typeU{background:var(--cyan);box-shadow:0 0 12px rgba(91,210,208,.9),0 0 2px #fff}.orbDot.typeG{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--gray);box-shadow:0 0 9px rgba(180,186,196,.75)}.orbDot.typeA{width:10px;height:10px;margin:-5px 0 0 -5px;background:linear-gradient(180deg,var(--red),#9a2d1f);box-shadow:0 0 16px rgba(255,119,93,.95),0 0 3px #fff}.orbDot.barStart{outline:1px solid rgba(255,255,255,.55);outline-offset:2px}.orbDot.cycleStart{z-index:5;width:14px;height:14px;margin:-7px 0 0 -7px;outline:2px solid #fff;outline-offset:3px}.orbDot.current{outline:2px solid #fff;outline-offset:4px;box-shadow:0 0 20px #fff,0 0 18px rgba(239,183,109,.9)}.controlDock,.transportDock{border-top:1px solid var(--line);padding-top:14px;margin-top:12px}.topStrip span:last-child{min-width:260px;text-align:right}.controlDock>div{min-width:132px}.bpmControl label,.controlDock label{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.bpmControl input{width:90px;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:10px 12px;font-size:18px;font-weight:900}.bpmControl input[type=range]{width:132px}.bpmControl select{min-width:90px;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:10px 12px;font-size:16px;font-weight:900}.controlDock b{display:block;min-height:1.25em;font-size:18px;color:var(--text);letter-spacing:-.04em}.toggleOn{border-color:rgba(91,210,208,.5);color:var(--cyan)}.gridToolbar{display:flex;justify-content:space-between;gap:12px;margin:16px 0 8px;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:900}.beatLabels{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:8px;gap:8px;margin-bottom:6px;color:rgba(244,239,231,.55);font-size:10px;font-weight:900}.beatLabel{display:grid;grid-template-columns:repeat(16,minmax(24px,1fr));grid-gap:3px;gap:3px;text-align:center;min-width:420px}.miniGrid{margin-top:10px;display:grid;grid-template-columns:repeat(16,minmax(24px,1fr));grid-gap:6px;gap:6px;overflow-x:auto;padding-bottom:4px}.cell{min-width:24px;aspect-ratio:1;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.04);display:grid;place-items:center;font-weight:950;color:#1a1208}.stepButton{padding:0;text-transform:none;letter-spacing:0;cursor:pointer}.cell.active{background:linear-gradient(180deg,#efb76d,#8c4b21);box-shadow:0 0 22px rgba(239,183,109,.25)}.cell.typeU{background:linear-gradient(180deg,#5bd2d0,#1f6b6a);color:#031515}.cell.typeG{background:linear-gradient(180deg,#777,#2b2b2b);color:#eee}.cell.typeA{background:linear-gradient(180deg,#ff805d,#691a15);color:#fff;box-shadow:0 0 28px rgba(255,100,80,.32)}.cell.playhead{outline:2px solid var(--amberBright);outline-offset:2px;transform:scale(1.08)}.section{padding:70px 0}.sectionHeader{display:grid;grid-gap:12px;gap:12px;max-width:840px;margin-bottom:28px}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.featureCard,.priceCard,.showcase{border:1px solid var(--line);border-radius:26px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 24px 80px rgba(0,0,0,.25)}.featureIcon{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,rgba(239,183,109,.72),rgba(68,20,20,.55));margin-bottom:18px}.featureCard h3,.priceCard h3{margin:0 0 10px;font-size:24px}.featureCard p,.priceCard p{color:var(--muted);line-height:1.5}.showcase{display:grid;grid-template-columns:1fr 420px;grid-gap:28px;gap:28px;align-items:center;margin:50px 0}.statPanel{display:grid;grid-gap:10px;gap:10px}.statPanel div{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:16px;padding:14px}.statPanel span{color:var(--muted)}.statPanel b{color:var(--amberBright)}.pricing{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:18px;gap:18px;padding:50px 0 90px}.priceCard span{color:var(--amberBright);letter-spacing:.22em;font-size:12px;font-weight:950}.priceCard.pro{border-color:rgba(239,183,109,.34);background:radial-gradient(circle at 80% 20%,rgba(239,183,109,.14),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.02))}.sectionHeader p{color:var(--muted);line-height:1.5}.supportSection{padding-top:34px}.supportGrid{display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-gap:18px;gap:18px}.supportCard{display:flex;min-height:290px;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:26px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 24px 80px rgba(0,0,0,.25)}.supportCard:first-child{border-color:rgba(91,210,208,.28);background:radial-gradient(circle at 85% 18%,rgba(91,210,208,.14),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018))}.supportCard span{color:var(--amberBright);letter-spacing:.22em;font-size:12px;font-weight:950}.supportCard h3{margin:0 0 10px;font-size:24px}.supportCard p{margin-bottom:24px;color:var(--muted);line-height:1.5}.supportCard a,.supportCard button{margin-top:auto}@media(max-width:1000px){.hero{grid-template-columns:1fr}.heroCopy{position:relative;top:auto}.featureGrid,.pricing,.showcase,.supportGrid{grid-template-columns:1fr}.navLinks{display:none}.site{padding:16px}.orbitalStage{width:100%}.beatLabels,.miniGrid{overflow-x:auto}.gridToolbar{flex-direction:column}.topStrip span:last-child{text-align:left}}.orbitalStage{--orbit-label-radius:max(-205px,-31vw)}.orbitBeatLabel{position:absolute;left:50%;top:50%;z-index:3;width:28px;height:28px;margin:-14px 0 0 -14px;display:grid;place-items:center;border-radius:50%;color:rgba(244,239,231,.72);background:rgba(7,8,10,.72);border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:950;pointer-events:none;text-shadow:0 0 8px rgba(255,255,255,.35)}.orbitBeatLabel.compoundAccent{color:var(--cyan);border-color:rgba(91,210,208,.45);box-shadow:0 0 12px rgba(91,210,208,.18)}.orbitBeatLabel.downbeat{color:var(--amberBright);border:2px solid var(--amberBright);box-shadow:0 0 16px rgba(239,183,109,.45)}