body{position:relative;isolation:isolate}#graph-stage-canvas{position:fixed;inset:0;z-index:-1;pointer-events:none}:root{--palette-graphite-1000: #050505;--palette-graphite-950: #070707;--palette-graphite-900: #0b0c0d;--palette-graphite-850: #111315;--palette-graphite-800: #17191c;--palette-graphite-700: #25282d;--palette-graphite-600: #3b3f45;--palette-ivory-50: #f4f1ea;--palette-ivory-100: #e7e2d8;--palette-ivory-200: #d4cec2;--palette-gold-200: #ead795;--palette-gold-300: #dfc477;--palette-gold-400: #c9a85b;--palette-gold-500: #aa8438;--palette-gold-600: #8d6a2b;--palette-gold-700: #765a22;--palette-green-400: #79b58b;--palette-amber-400: #cfb966;--palette-orange-400: #d49362;--palette-red-400: #d27d7d;--font-sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--space-32: 8rem;--radius-control: .5rem;--radius-panel: .75rem;--radius-feature: 1rem;--radius-round: 9999px;--duration-fast: .16s;--duration-normal: .36s;--duration-slow: .56s;--duration-hero: .8s;--ease-standard: cubic-bezier(.32, .72, 0, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--blur-light: 10px;--blur-medium: 20px;--blur-strong: 40px;--layer-stage: -1;--layer-content: 0;--layer-sticky: 10;--layer-header: 100;--layer-skip-link: 1000;--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-12);--space-3xl: var(--space-16);--radius-sm: var(--radius-control);--radius-md: var(--radius-panel);--radius-lg: var(--radius-feature);--radius-xl: var(--radius-feature);--radius-2xl: var(--radius-feature);--radius-pill: var(--radius-round);--ease-out: var(--ease-standard);--stagger-1: .3s;--stagger-2: 1.2s;--stagger-3: 2.5s;--stagger-4: 3.8s;--stagger-5: 4.6s;--stagger-header: 5.2s}:root,[data-theme=dark]{color-scheme:dark;--surface-canvas: var(--palette-graphite-950);--surface-subtle: var(--palette-graphite-900);--surface-raised: var(--palette-graphite-850);--surface-strong: var(--palette-graphite-800);--surface-header: rgb(7 7 7 / .88);--surface-sticky: rgb(7 7 7 / .96);--surface-hero: rgb(7 7 7 / .76);--surface-brand-wash: rgb(201 168 91 / .055);--surface-correct-wash: rgb(121 181 139 / .14);--surface-error-wash: rgb(210 125 125 / .14);--text-primary: var(--palette-ivory-50);--text-secondary: rgb(244 241 234 / .7);--text-tertiary: rgb(244 241 234 / .48);--text-disabled: rgb(244 241 234 / .3);--text-on-brand: var(--palette-graphite-950);--brand-accent: var(--palette-gold-400);--brand-accent-highlight: var(--palette-gold-200);--brand-accent-deep: var(--palette-gold-700);--brand-accent-rgb: 201 168 91;--brand-text: var(--palette-gold-200);--feedback-correct: var(--palette-green-400);--feedback-correct-rgb: 121 181 139;--feedback-great: var(--palette-amber-400);--feedback-off: var(--palette-orange-400);--feedback-error: var(--palette-red-400);--feedback-error-rgb: 210 125 125;--feedback-off-rgb: 212 147 98;--graph-neutral-rgb: 244 241 234;--border-subtle: rgb(244 241 234 / .06);--border-default: rgb(244 241 234 / .11);--border-strong: rgb(244 241 234 / .2);--border-brand: rgb(201 168 91 / .28);--fill-muted: rgb(244 241 234 / .03);--fill-subtle: rgb(244 241 234 / .05);--fill-default: rgb(244 241 234 / .08);--fill-strong: rgb(244 241 234 / .18);--action-primary-bg: var(--palette-gold-400);--action-primary-fg: var(--palette-graphite-950);--action-primary-muted: rgb(7 7 7 / .62);--action-secondary-fg: var(--text-secondary);--focus-ring: var(--palette-gold-200);--shadow-raised: 0 2rem 5rem rgb(0 0 0 / .55);--shadow-brand-inset: inset 0 1px 0 rgb(234 215 149 / .48);--shadow-overlay-text: 0 2px 14px rgb(0 0 0 / .85);--ambient-brand: rgb(201 168 91 / .09)}[data-theme=light]{color-scheme:light;--surface-canvas: #f3f2ef;--surface-subtle: #ebe9e4;--surface-raised: #ffffff;--surface-strong: #dedbd4;--surface-header: rgb(243 242 239 / .9);--surface-sticky: rgb(243 242 239 / .97);--surface-hero: rgb(243 242 239 / .82);--surface-brand-wash: rgb(118 90 34 / .065);--surface-correct-wash: rgb(59 116 76 / .1);--surface-error-wash: rgb(154 67 67 / .1);--text-primary: #111214;--text-secondary: rgb(17 18 20 / .7);--text-tertiary: rgb(17 18 20 / .5);--text-disabled: rgb(17 18 20 / .32);--text-on-brand: #ffffff;--brand-accent: var(--palette-gold-600);--brand-accent-highlight: var(--palette-gold-500);--brand-accent-deep: var(--palette-gold-700);--brand-accent-rgb: 118 90 34;--brand-text: var(--palette-gold-700);--feedback-correct: #3b744c;--feedback-correct-rgb: 59 116 76;--feedback-great: #806f23;--feedback-off: #96582e;--feedback-error: #9a4343;--feedback-error-rgb: 154 67 67;--feedback-off-rgb: 150 88 46;--graph-neutral-rgb: 17 18 20;--border-subtle: rgb(17 18 20 / .07);--border-default: rgb(17 18 20 / .12);--border-strong: rgb(17 18 20 / .22);--border-brand: rgb(118 90 34 / .3);--fill-muted: rgb(17 18 20 / .025);--fill-subtle: rgb(17 18 20 / .045);--fill-default: rgb(17 18 20 / .075);--fill-strong: rgb(17 18 20 / .16);--action-primary-bg: var(--palette-gold-600);--action-primary-fg: #ffffff;--action-primary-muted: rgb(255 255 255 / .76);--action-secondary-fg: var(--text-secondary);--focus-ring: var(--palette-gold-700);--shadow-raised: 0 2rem 5rem rgb(28 27 24 / .17);--shadow-brand-inset: inset 0 1px 0 rgb(255 255 255 / .28);--shadow-overlay-text: 0 2px 14px rgb(255 255 255 / .65);--ambient-brand: rgb(118 90 34 / .08)}:root{--color-black: var(--palette-graphite-950);--color-white: var(--palette-ivory-50);--bg-primary: var(--surface-canvas);--bg-secondary: var(--surface-subtle);--bg-elevated: var(--surface-raised);--accent-primary: var(--brand-accent);--accent-success: var(--feedback-correct);--accent-error: var(--feedback-error);--gray-50: var(--fill-muted);--gray-100: var(--fill-subtle);--gray-200: var(--fill-default);--gray-300: var(--border-default);--gray-400: var(--border-strong);--gray-500: var(--text-disabled);--gray-600: var(--text-tertiary);--gray-700: var(--text-secondary);--gray-800: color-mix(in srgb, var(--text-primary) 82%, transparent);--gray-900: color-mix(in srgb, var(--text-primary) 95%, transparent);--glass-light: var(--fill-default);--glass-medium: var(--fill-strong);--glass-strong: color-mix(in srgb, var(--text-primary) 18%, transparent);--glass-border: var(--border-default);--glass-border-light: var(--border-subtle);--zone-perfect: var(--feedback-correct);--zone-great: var(--feedback-great);--zone-off: var(--feedback-off);--zone-miss: var(--feedback-error)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{min-height:100dvh;line-height:1.5;overflow-x:clip;background:radial-gradient(circle at 78% 8%,var(--ambient-brand),transparent 34rem),var(--surface-canvas);transition:background-color var(--duration-normal) var(--ease-standard),color var(--duration-normal) var(--ease-standard)}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3{text-wrap:balance}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--space-lg)}.glass-card{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-feature);backdrop-filter:blur(var(--blur-medium));-webkit-backdrop-filter:blur(var(--blur-medium))}.section{position:relative;padding-block:clamp(5rem,9vw,8rem);background:var(--surface-canvas);isolation:isolate}@media(max-width:768px){.section{padding-block:4rem}}[data-reveal-group][data-reveal-ready] [data-reveal-item]{opacity:0;transform:translateY(1.25rem);transition:opacity .42s var(--ease-out-expo),transform .52s var(--ease-out-expo);transition-delay:calc(var(--reveal-order, 0) * 80ms)}[data-reveal-order="1"]{--reveal-order: 1}[data-reveal-order="2"]{--reveal-order: 2}[data-reveal-order="3"]{--reveal-order: 3}[data-reveal-order="4"]{--reveal-order: 4}[data-reveal-group][data-reveal-ready].is-revealed [data-reveal-item]{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){[data-reveal-group][data-reveal-ready] [data-reveal-item]{opacity:1;transform:none;transition:none}}[data-stage-beat]{display:block}[data-stage-beat],.section{scroll-margin-top:5rem}.ex{padding-block:var(--space-2xl);display:flex;flex-direction:column;align-items:center;text-align:center}.ex-eyebrow{font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-md)}.ex-title{font-size:clamp(1.5rem,3.5vw,2.125rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;text-wrap:balance;margin:0}.ex-lead{max-width:420px;margin:var(--space-md) auto 0;color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.ex-lead strong{color:var(--text-primary);font-weight:600}.ex-green{color:var(--feedback-correct);font-weight:600}.ex-card{margin:var(--space-xl) auto 0;width:100%;max-width:380px;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.ex-stage{position:relative;width:100%;height:168px}.ex-canvas{width:100%;height:100%;display:block}.ex-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none;text-align:center}.ex-overlay-big{font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text-primary);text-shadow:var(--shadow-overlay-text)}.ex-overlay-small{font-size:.75rem;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.ex-status{font-size:.9375rem;color:var(--text-secondary);line-height:1.4;min-height:2.5em;margin:0;max-width:300px}.ex-status .ex-good{color:var(--zone-perfect);font-weight:600}.ex-status .ex-bad{color:var(--zone-miss);font-weight:600}.ex-status strong{color:var(--text-primary);font-weight:600}.ex-btn{width:100%;padding:.75rem 1.25rem;border:none;border-radius:var(--radius-pill);background:var(--action-primary-bg);box-shadow:var(--shadow-brand-inset);color:var(--action-primary-fg);font-family:var(--font-sans);font-weight:600;font-size:.9375rem;cursor:pointer;transition:opacity .2s,transform .2s}.ex-btn:hover{transform:translateY(-1px)}.ex-btn:disabled{opacity:.4;cursor:default;transform:none}.ex-choices{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);width:100%}.ex-choices[hidden],.ex-notes[hidden],.ex-meter[hidden]{display:none}.ex-choice{padding:.75rem .5rem;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--gray-50);color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,transform .2s,border-color .2s,opacity .2s}.ex-choice:hover:not(:disabled){background:var(--glass-medium);transform:translateY(-2px)}.ex-choice:disabled{cursor:default;opacity:.5}.ex-choice.correct{border-color:var(--feedback-correct);background:var(--surface-correct-wash);opacity:1}.ex-choice.wrong{border-color:var(--feedback-error);background:var(--surface-error-wash);opacity:1}.ex-meter{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);width:100%;padding-top:var(--space-sm);border-top:1px solid var(--glass-border-light)}.ex-meter-item{display:flex;flex-direction:column;align-items:center;gap:2px}.ex-meter-value{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}.ex-meter-label{font-size:.5625rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.ex-meter-divider{width:1px;height:1.75rem;background:var(--glass-border)}.ex-notes{display:flex;flex-direction:column;gap:var(--space-sm);align-items:center;width:100%}.ex-notes-lead{font-size:.5625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary)}.ex-notes-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.ex-note{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:44px;padding:.4rem .6rem;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--gray-50);color:var(--text-primary);cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s,border-color .2s}.ex-note:hover{background:var(--glass-medium);transform:translateY(-2px)}.ex-note.lit{border-color:var(--feedback-correct);background:var(--surface-correct-wash);box-shadow:inset 0 0 0 1px rgb(var(--feedback-correct-rgb) / .24);transform:translateY(-2px) scale(1.05)}.ex-note-sol{font-size:.8125rem;font-weight:600}.ex-note-deg{font-size:.5rem;color:var(--text-tertiary)}.ex-ref{font-size:.6875rem;color:var(--text-tertiary);margin:0;line-height:1.5}.ex-ref a{color:var(--text-tertiary);text-decoration:underline;text-decoration-color:var(--border-default);text-underline-offset:2px;transition:color .2s}.ex-ref a:hover{color:var(--text-secondary)}.ex-split{text-align:left;align-items:stretch}.ex-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center;max-width:1040px}.ex-split .ex-col{display:flex;flex-direction:column;align-items:flex-start}.ex-split .ex-lead{margin-left:0}.ex-split .ex-card{margin:var(--space-xl) 0 0;max-width:400px;align-items:stretch}.ex-split .ex-anchor{min-height:44vh}@media(max-width:860px){.ex-split{text-align:center;align-items:center}.ex-split-grid{grid-template-columns:1fr}.ex-split .ex-col{align-items:center}.ex-split .ex-lead,.ex-split .ex-card{margin-inline:auto}.ex-split .ex-anchor{display:none}}@media(max-width:480px){.ex-choices{grid-template-columns:1fr}.ex-card{padding:var(--space-md)}}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:var(--layer-skip-link);min-height:2.75rem;display:flex;align-items:center;padding:.65rem 1rem;border-radius:var(--radius-pill);background:var(--action-primary-bg);color:var(--action-primary-fg);font-size:.875rem;font-weight:650;transform:translateY(-160%);transition:transform .2s}.skip-link:focus{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.skip-link{transition:none}}