:root{--bg:#05070d;--bg-raised:#080b14;--panel:#0d111cb8;--panel-solid:#0d111c;--border:#94a3b824;--border-strong:#94a3b847;--fg:#e7eaf0;--fg-soft:#aab2c0;--fg-mute:#6b7586;--grad-a:#6366f1;--grad-b:#06b6d4;--grad-c:#f59e0b;--flat:#22d3ee;--sharp:#f59e0b;--mid:#cbd5e1;--good:#34d399;--wrong:#fb7185;--r:14px;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;min-height:100vh;font:14px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}a{color:inherit}h1,h2,h3{letter-spacing:-.015em;margin:0}p{margin:0}:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #818cf8}.mono{font-family:var(--mono)}.muted{color:var(--fg-mute)}.grad{background:linear-gradient(120deg, var(--grad-a), var(--grad-b) 55%, var(--grad-c));color:#0000;-webkit-background-clip:text;background-clip:text}.glass{background:var(--panel);-webkit-backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--border)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:50;background:var(--panel-solid);border:1px solid var(--border-strong);border-radius:8px;padding:8px 12px;transition:top .2s;position:fixed;top:-48px;left:12px}.skip:focus{top:10px}.small-print{margin-top:10px;font-size:12px}.icon{flex:none;width:15px;height:15px}.btn{border-radius:11px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .2s,border-color .2s,background .2s,opacity .2s;display:inline-flex}.btn.primary{color:#fff;background:linear-gradient(120deg, var(--grad-a), var(--grad-b));box-shadow:0 10px 30px -12px #6366f1bf,inset 0 1px #ffffff2e}.btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 34px -12px #06b6d4b3,inset 0 1px #fff3}.btn.ghost{border:1px solid var(--border-strong);color:var(--fg);background:#0d111c80}.btn.ghost:hover:not(:disabled){border-color:#818cf8b3}.btn:disabled{opacity:.45}.btn.wide{width:100%;margin-top:14px}.ghost.small{color:var(--fg-soft);border:1px solid var(--border);white-space:nowrap;border-radius:8px;padding:5px 10px;font-size:12.5px;transition:color .2s,border-color .2s}.ghost.small:hover{color:var(--fg);border-color:var(--border-strong)}.ghost.small.danger:hover{color:var(--wrong);border-color:#fb718580}.chip{border:1px solid var(--border);color:var(--fg-soft);background:#0d111c8c;border-radius:999px;padding:5px 11px;font-size:12.5px;display:inline-block}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip-btn{color:var(--fg-soft);border:1px solid var(--border);background:#94a3b80a;border-radius:8px;padding:5px 10px;font-size:12.5px;transition:all .15s}.chip-btn.big{font-family:var(--mono);padding:6px 12px;font-size:13px}.chip-btn:hover{color:var(--fg);border-color:var(--border-strong)}.chip-btn.on{color:#fff;background:#6366f138;border-color:#818cf8bf}.segmented{border:1px solid var(--border);background:#05070d99;border-radius:10px;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--fg-soft);border-radius:7px;padding:4px 11px;font-size:12.5px;transition:background .2s,color .2s}.segmented button.on{color:#fff;background:#6366f14d}.segmented button:hover:not(.on){color:var(--fg)}.pill{height:30px;color:var(--fg-soft);border:1px solid var(--border);white-space:nowrap;background:#0d111c99;border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:12.5px;display:inline-flex}.pill.on{color:var(--fg);border-color:#34d39959}.pill.on.demo{border-color:#06b6d466}.pill-btn{color:var(--fg-soft);border:1px solid var(--border);border-radius:999px;margin-left:2px;padding:2px 8px;font-size:11.5px}.pill-btn:hover{color:var(--fg);border-color:var(--border-strong)}.dot-live,.dot-off{background:var(--good);width:7px;height:7px;box-shadow:0 0 10px var(--good);border-radius:50%;animation:1.6s ease-in-out infinite breathe}.pill.demo .dot-live{background:var(--grad-b);box-shadow:0 0 10px var(--grad-b)}.dot-off{box-shadow:none;background:#475569;animation:none}.alert{color:#fecdd3;background:#fb71851a;border:1px solid #fb718559;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:16px;padding:12px 14px;font-size:13.5px;display:flex}.alert.small{max-width:420px;margin-top:12px;font-size:12.5px;display:block}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#05070dd1;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:60px;padding:0 20px;display:grid;position:sticky;top:0}.brand{justify-self:start;align-items:center;gap:9px;min-width:0;font-weight:600;text-decoration:none;display:inline-flex}.logo{flex:none;width:28px;height:28px}.brand-owner{color:var(--fg-soft)}.brand-sep{color:var(--fg-mute)}.brand-name{letter-spacing:-.01em;white-space:nowrap}.brand:hover .brand-owner{color:var(--fg)}.tabs{border:1px solid var(--border);background:#0d111cb3;border-radius:11px;gap:2px;padding:3px;display:flex}.tabs a{color:var(--fg-soft);border-radius:8px;padding:6px 13px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .2s,color .2s}.tabs a:hover{color:var(--fg)}.tabs a.on{color:#fff;background:#6366f142}.top-right{justify-self:end;align-items:center;gap:8px;min-width:0;display:flex}.landing{max-width:1240px;margin:0 auto;padding:0 24px 64px}.hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:44px;padding:52px 0 44px;display:grid}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-mute);font-size:12px;font-weight:600}.hero h1{letter-spacing:-.04em;margin:14px 0 18px;font-size:clamp(40px,5.6vw,68px);font-weight:700;line-height:1.02}.pitch{color:var(--fg-soft);max-width:31em;margin-bottom:26px;font-size:18.5px;line-height:1.55}.start-buttons{flex-wrap:wrap;gap:10px;display:flex}.start-buttons .btn{height:48px;padding:0 22px;font-size:15px}.start-buttons.compact .btn{height:40px;padding:0 16px;font-size:13.5px}.fine{color:var(--fg-mute);max-width:36em;margin-top:16px;font-size:13px;line-height:1.6}.fine.warn{color:#fcd34d}.hero-figure{border-radius:18px;margin:0;overflow:hidden;box-shadow:0 30px 80px -40px #06b6d459}.hero-figure .stage{height:380px}.stage-loading{background:var(--bg-raised)}.hero-figure figcaption{color:var(--fg-soft);border-top:1px solid var(--border);gap:12px;padding:14px 16px 16px;font-size:13px;line-height:1.55;display:grid}.hero-figure figcaption b{color:var(--fg);font-weight:600}.figcaption-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.section{padding:28px 0 8px}.section-label{text-transform:uppercase;letter-spacing:.09em;color:var(--fg-mute);margin:0 0 14px;font-size:11.5px;font-weight:600}.demo-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.strip-item{border-radius:var(--r);align-content:start;gap:6px;padding:16px;display:grid}.strip-k{color:var(--fg-mute);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.strip-v{letter-spacing:-.02em;color:var(--fg);font-size:22px;font-weight:600}.strip-d{color:var(--fg-soft);font-size:13px;line-height:1.5}.numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.num{border-radius:var(--r);gap:2px;padding:16px 18px;display:grid}.num-v{letter-spacing:-.03em;background:linear-gradient(120deg,#c7d2fe,#a5f3fc);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:600}.num-k{font-size:13.5px;font-weight:600}.num-d{color:var(--fg-mute);font-size:12.5px}.table-details{margin-top:14px}.table-details summary{cursor:pointer;color:#93c5fd;padding:6px 0;font-size:13.5px}.table-scroll{max-width:100%;overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:13px}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:7px 10px}table.data td:first-child{white-space:normal;min-width:220px}table.data th{color:var(--fg-mute);font-size:12px;font-weight:500}.pipeline{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.pipeline li{border-radius:var(--r);color:var(--fg-soft);gap:4px;padding:14px 16px;font-size:13px;display:grid;position:relative}.pipeline li b{color:var(--fg);font-size:14px}.step-n{color:var(--grad-b);font-size:11px}.stack{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.landing-foot{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:18px;margin-top:30px;padding-top:34px;font-size:13px;display:flex}.practice{grid-template-columns:minmax(0,1fr) 380px;gap:16px;max-width:1560px;min-height:calc(100vh - 60px);margin:0 auto;padding:16px 20px 24px;display:grid}.stage-col{border-radius:18px;flex-direction:column;min-height:calc(100vh - 100px);display:flex;position:relative;overflow:hidden}.stage-wrap{border-top:1px solid var(--border);flex:1;min-height:300px;position:relative}.stage{background:var(--bg-raised);width:100%;height:100%;position:relative}.stage-wrap .stage{position:absolute;inset:0}.stage canvas{display:block}.start-overlay{text-align:center;-webkit-backdrop-filter:blur(2px);z-index:6;background:#05070d8c;place-content:center;justify-items:center;gap:14px;padding:16px;display:grid;position:absolute;inset:0}.start-overlay p{color:var(--fg-soft)}.stage-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.stage-labels .staff-label{will-change:transform;position:absolute;top:0;left:0}.staff-label{font:500 11px var(--mono);color:#8d97ab;white-space:nowrap;-webkit-user-select:none;user-select:none}.staff-label.black{color:#5b6476}.staff-label.edge{opacity:.4}.staff-label.target{color:#fff;background:#6366f173;border:1px solid #a5b4fc99;border-radius:6px;padding:1px 7px;font-size:12.5px;font-weight:600}.side{flex-direction:column;gap:14px;min-width:0;display:flex}.card{border-radius:16px;min-width:0;padding:16px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.card-head h2{font-size:14px;font-weight:600}.card-note{margin-top:10px;font-size:12.5px;line-height:1.55}.field-label{color:var(--fg-mute);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:baseline;margin:14px 0 7px;font-size:12px;font-weight:600;display:flex}.field-label:first-child{margin-top:0}.a4-value{color:var(--fg);text-transform:none;letter-spacing:0;font-size:13px}input[type=range]{accent-color:#818cf8;width:100%;margin:0 0 10px}.tuner-top{justify-items:center;gap:10px;padding:16px 20px 14px;display:grid}.gauge{width:min(560px,100%);height:auto;display:block;overflow:visible}.g-track{fill:none;stroke-width:3px;opacity:.55}.g-zone{fill:none;stroke:var(--good);stroke-width:20px;stroke-linecap:round;transition:opacity .25s}.tick{stroke:#475569;stroke-width:1.4px}.tick.major{stroke:#94a3b8;stroke-width:2px}.tick-label{font:500 11px var(--mono);fill:#6b7586}.g-side{fill:#6b7586;font-size:12px}.g-note{fill:var(--fg);letter-spacing:-.04em;font-size:84px;font-weight:700}.g-acc{font-size:40px;font-weight:600}.g-oct{fill:var(--fg-mute);font-size:30px;font-weight:500}.g-cents{font-size:22px;font-weight:600}.g-hz{fill:var(--fg-mute);font-size:13px}.g-needle{stroke:currentColor;stroke-width:5px;stroke-linecap:round}.g-needle-glow{stroke:currentColor;stroke-width:10px;stroke-linecap:round;opacity:.6}.strobe{width:min(560px,100%)}.strobe canvas{border:1px solid var(--border);background:#05070db3;border-radius:8px;width:100%;height:42px;display:block}.strobe-labels{color:var(--fg-mute);justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.meters{gap:7px;margin-top:4px;display:grid}.meter-row{color:var(--fg-mute);grid-template-columns:56px 1fr;align-items:center;gap:10px;font-size:12px;display:grid}.meter{background:#94a3b81f;border-radius:6px;height:6px;overflow:hidden}.meter-fill{transform-origin:0;border-radius:6px;height:100%;transform:scaleX(0)}.meter-fill.level{background:linear-gradient(90deg, var(--grad-a), var(--grad-b), var(--grad-c))}.meter-fill.clarity{background:#818cf8}.meter-value{font-size:11.5px}.facts{grid-template-columns:1fr 1fr;gap:8px 16px;margin:14px 0 0;font-size:12px;display:grid}.facts div{display:grid}.facts dt{color:var(--fg-mute);font-family:Inter,system-ui,sans-serif;font-size:11.5px}.facts dd{color:var(--fg);margin:0}.viz{position:relative}.fingerboard,.keyboard{width:100%;height:auto;display:block}.fb-string{font:600 12px var(--mono);fill:#8d97ab}.fingerboard.compact .fb-string{font-size:15px}.fingerboard.compact .fb-note{font-size:11px}.fingerboard.compact .fb-pos{font-size:12px}.fingerboard.compact .live-dot-label{font-size:14px}.fb-pos{font:10px var(--mono);fill:#5b6476}.fb-note{fill:#94a3b8;pointer-events:none;font:600 9px Inter,sans-serif}.fb-note.on{fill:#0b0f19}.fb-cell{cursor:default;outline:none}.fb-cell:focus-visible circle:first-child,.kb-key:focus-visible rect:first-child{stroke:#fff;stroke-width:2.5px}.target-ring{fill:none;stroke:#a5b4fc;stroke-width:2px;stroke-dasharray:4 3;transform-box:fill-box;transform-origin:50%;animation:6s linear infinite spin}.live-dot{stroke:#fff;stroke-width:2px;filter:drop-shadow(0 0 6px #ffffff80)}.live-dot-label{font:600 11px var(--mono);fill:var(--fg)}.kb-key{outline:none}.kb-c{font:600 8.5px var(--mono);fill:#475569;pointer-events:none}.viz-tip{pointer-events:none;z-index:5;min-width:150px;color:var(--fg-soft);border:1px solid var(--border-strong);background:#0d111cf5;border-radius:9px;gap:1px;padding:8px 10px;font-size:12px;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 12px 30px -10px #000}.viz-tip b{color:var(--fg);font-size:12.5px}.legend-scale{color:var(--fg-mute);grid-template-columns:auto 120px auto;align-items:center;gap:2px 8px;font-size:11.5px;display:grid}.legend-bar{border-radius:8px;height:8px}.legend-ticks{grid-column:2;justify-content:space-between;font-size:10px;font-style:normal;display:flex}.legend-ticks i{font-style:normal}.drill-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding:16px 20px 12px;display:grid;position:relative}.drill-head.empty{grid-template-columns:1fr;padding-bottom:16px}.drill-title{letter-spacing:-.02em;margin-bottom:2px;font-size:20px;font-weight:650}.drill-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.progress-line{background:#94a3b81f;border-radius:3px;grid-column:1/-1;height:3px;overflow:hidden}.progress-line div{background:linear-gradient(90deg, var(--grad-a), var(--grad-b));height:100%;transition:width .4s cubic-bezier(.22,1,.36,1)}.lane{scrollbar-width:thin;scrollbar-color:#94a3b840 transparent;gap:6px;margin:0;padding:4px 20px 14px;list-style:none;display:flex;overflow-x:auto}.lane-note{border:1px solid var(--border);width:58px;height:50px;color:var(--fg-mute);background:#05070d80;border-radius:10px;flex:none;place-content:center;justify-items:center;gap:1px;transition:all .3s;display:grid}.lane-label{font-size:13px;font-weight:600}.lane-cents{min-height:14px;font-size:10.5px}.lane-note.todo .lane-label{color:var(--fg-soft)}.lane-note.current{color:#fff;background:#6366f138;border-color:#818cf8e6;transform:translateY(-2px);box-shadow:0 0 0 3px #6366f12e}.lane-note.current .lane-cents{color:#c7d2fe}.lane-note.in-tune,.lane-note.close,.lane-note.sharp,.lane-note.flat{background:#05070db3}.lane-note.in-tune .lane-label,.lane-note.close .lane-label,.lane-note.sharp .lane-label,.lane-note.flat .lane-label{color:var(--fg)}.lane-note.skipped{opacity:.5;text-decoration:line-through}.grades{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.grades button{border:1px solid var(--border);height:32px;color:var(--fg-soft);font-family:var(--mono);border-radius:8px}.grades button.on{color:#fff;background:#6366f147;border-color:#818cf8bf}.grades button:hover:not(.on){color:var(--fg);border-color:var(--border-strong)}.chips.keys{max-height:148px;overflow-y:auto}.switch{cursor:pointer;align-items:center;gap:10px;margin-top:16px;font-size:13px;display:flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch-track{background:#94a3b840;border-radius:20px;flex:none;width:34px;height:20px;transition:background .2s;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked+.switch-track{background:linear-gradient(120deg, var(--grad-a), var(--grad-b))}.switch input:checked+.switch-track:after{transform:translate(14px)}.switch input:focus-visible+.switch-track{outline-offset:2px;outline:2px solid #818cf8}.picked{border:1px solid var(--border);background:#05070d80;border-radius:10px;gap:4px;margin-top:16px;padding:12px;display:grid}.picked-notes{word-spacing:2px;font-size:11.5px;line-height:1.6}.now{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.now-target{display:grid}.now-phase{text-transform:uppercase;letter-spacing:.08em;color:#a5b4fc;font-size:12px;font-weight:600}.now-phase.cue{color:var(--grad-b)}.now-note{letter-spacing:-.04em;font-size:46px;font-weight:700;line-height:1.1}.now-heard{text-align:right;justify-items:end;display:grid}.now-heard-note{font-size:20px;font-weight:600}.now-heard-cents{min-height:18px;font-size:13px}.wrong{margin-top:10px;font-size:13px}.last{color:var(--fg-soft);margin:10px 0 12px;font-size:13px}.summary{padding:22px 24px 24px;animation:.45s cubic-bezier(.22,1,.36,1) both rise;overflow-y:auto}.summary-head{align-items:center;gap:20px;margin-bottom:18px;display:flex}.score-ring{flex:none;width:112px;height:112px}.ring-track{fill:none;stroke:#94a3b824;stroke-width:9px}.ring-value{fill:none;stroke-width:9px;stroke-linecap:round;transition:stroke-dasharray 1s cubic-bezier(.22,1,.36,1)}.ring-text{fill:var(--fg);letter-spacing:-.03em;font:700 32px Inter,sans-serif}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 22px;display:grid}.stats div{border:1px solid var(--border);background:#05070d80;border-radius:12px;padding:12px 14px}.stats dt{color:var(--fg-mute);font-size:12px}.stats dd{margin:2px 0 0;font-size:17px;font-weight:600}.stats dd small{color:var(--fg-mute);font-family:Inter,sans-serif;font-size:11.5px;font-weight:500}.chart-scroll{max-width:100%;padding-bottom:4px;overflow-x:auto}.note-chart{width:100%;height:auto;max-height:260px;display:block}.summary-board{margin-top:18px}.tune-band{fill:#cbd5e114}.axis{stroke:#94a3b81f}.axis.zero{stroke:#94a3b866}.axis-label{font:10px var(--mono);fill:#6b7586}.axis-label.strong{fill:var(--fg-soft);font-size:11px}.bar-label{fill:#8d97ab;font:600 10px Inter,sans-serif}.chart-tip rect{fill:#0d111cf5;stroke:var(--border-strong)}.chart-tip text{font:11px var(--mono);fill:var(--fg)}.summary-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.progress{gap:14px;max-width:1240px;margin:0 auto;padding:22px 24px 48px;display:grid}.progress-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.progress-filters{flex-wrap:wrap;gap:8px;display:flex}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.tile{border-radius:var(--r);padding:16px 18px;display:grid}.tile-v{letter-spacing:-.03em;font-size:32px;font-weight:600}.tile-k{font-size:13.5px;font-weight:600}.tile-d{color:var(--fg-mute);font-size:12.5px}.heat-card .viz{max-width:980px;margin:0 auto}.progress-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:14px;display:grid}.worklist{gap:4px;margin:0;padding:0;list-style:none;display:grid}.worklist li{border-bottom:1px solid var(--border);grid-template-columns:56px 70px 1fr;align-items:center;padding:7px 4px;font-size:13px;display:grid}.trend{width:100%;height:auto;display:block}.trend-bar{fill:#818cf8}.trend-bar.demo{fill:#06b6d4bf}.badge{border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:11px}.badge.mic{color:#6ee7b7;border-color:#34d39959}.badge.demo{color:#67e8f9;border-color:#06b6d459}.empty-card p{margin-bottom:4px}.modal-bg{z-index:40;background:#020408a8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel-solid);border:1px solid var(--border-strong);width:min(780px,100%);max-height:calc(100vh - 32px);color:var(--fg-soft);border-radius:16px;outline:none;padding:22px 24px;line-height:1.65;animation:.35s cubic-bezier(.22,1,.36,1) both rise;overflow-y:auto}.modal h2{color:var(--fg);font-size:18px}.modal p{margin:0 0 12px}.modal .section-label{margin-top:20px}.modal .pipeline{grid-template-columns:repeat(2,minmax(0,1fr));margin:6px 0 4px}.modal .pipeline li{background:#05070d80}.math{border:1px solid var(--border);color:var(--fg);background:#05070d99;border-radius:10px;padding:10px 14px;font-size:14px;overflow-x:auto}.bench-row{color:var(--fg);flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;font-size:12.5px;display:flex}.limits{gap:4px;margin:0;padding-left:18px;display:grid}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes breathe{50%{opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1180px){.demo-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.practice{grid-template-columns:minmax(0,1fr) 340px}}@media (width<=980px){.hero{grid-template-columns:1fr;gap:28px;padding-top:32px}.numbers,.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.practice{grid-template-columns:1fr}.stage-col{min-height:0}.stage-wrap{flex:none;height:320px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-grid{grid-template-columns:1fr}}@media (width<=860px){.topbar{grid-template-columns:1fr auto;row-gap:10px;height:auto;padding:10px 14px}.tabs{grid-area:2/1/auto/-1;justify-content:space-between}.tabs a{text-align:center;flex:1;padding:6px 4px}.top-right .a4,.top-right>.ghost.small{display:none}}@media (width<=600px){.landing,.progress{padding-left:16px;padding-right:16px}.practice{gap:12px;padding:12px 12px 20px}.brand-owner,.brand-sep{display:none}.hero h1{font-size:42px}.pitch{font-size:16.5px}.start-buttons .btn{flex:100%}.hero-figure .stage{height:260px}.demo-strip,.numbers,.pipeline,.modal .pipeline{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.drill-head{grid-template-columns:1fr;padding:14px 14px 10px}.drill-actions{justify-content:flex-start}.lane{padding:4px 14px 12px}.tuner-top{padding:12px 12px 10px}.stage-wrap{height:270px}.summary{padding:18px 14px}.summary-head{gap:14px}.score-ring{width:88px;height:88px}.now-note{font-size:38px}.tile-v{font-size:26px}.modal{padding:18px 16px}.legend-scale{grid-template-columns:auto 90px auto}}