/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.table{display:table}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#101012;--ink-soft:#19191d;--paper:#f2f0e9;--paper-deep:#e5e1d7;--lime:#d8ff57;--coral:#ff6b5e;--cyan:#55d6ff;--violet:#8c6cff;--muted:#77756e;--line:#1010122e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif}button,input,select{font:inherit}button,a,select,input[type=range]{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}a{color:inherit;text-decoration:none}em{font-family:Georgia,Times New Roman,serif;font-weight:400}.site-header{z-index:30;border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;height:84px;padding:0 clamp(20px,4vw,68px);display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb, var(--paper) 92%, transparent)}}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{letter-spacing:-.04em;align-items:center;gap:11px;font-size:19px;font-weight:900;display:inline-flex}.brand-mark{border:1.5px solid;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:relative}.brand-mark:before,.brand-mark:after{content:"";opacity:.45;border:1px solid;border-radius:50%;position:absolute}.brand-mark:before{inset:5px}.brand-mark:after{inset:10px}.brand-mark span{font-size:9px;transform:translateY(-.2px)}.site-header nav{gap:clamp(20px,3.1vw,48px);margin-left:auto;margin-right:clamp(22px,4vw,64px);display:flex}.site-header nav a,.text-button{cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;font-size:12px;font-weight:800}.site-header nav a{position:relative}.site-header nav a:after{content:"";background:var(--coral);height:2px;transition:right .18s;position:absolute;bottom:-8px;left:0;right:100%}.site-header nav a:hover:after{right:0}.header-actions{align-items:center;gap:18px;display:flex}.text-button span{background:var(--violet);color:#fff;vertical-align:2px;border-radius:20px;place-items:center;min-width:22px;height:18px;padding:0 5px;font-size:8px;display:inline-grid}.solid-button,.outline-button,.lime-button,.closing-section>button{border:1px solid var(--ink);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;border-radius:0;justify-content:space-between;align-items:center;gap:26px;min-height:52px;padding:0 22px;font-size:12px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.solid-button{color:var(--paper);background:var(--ink)}.solid-button:hover,.lime-button:hover,.closing-section>button:hover{box-shadow:5px 5px 0 var(--coral);transform:translate(-3px,-3px)}.solid-button.compact{gap:0;min-height:39px;padding:0 17px;font-size:10px}.outline-button{background:0 0}.outline-button:hover{background:#fff}.hero{grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);min-height:calc(100vh - 84px);display:grid;overflow:hidden}.hero-copy{border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:clamp(70px,9vh,124px) clamp(30px,5vw,82px) 60px;display:flex;position:relative}.hero-copy:after{content:"06";color:#0000;-webkit-text-stroke:1px #1010121f;letter-spacing:-.13em;pointer-events:none;font-size:clamp(118px,16vw,250px);font-weight:900;position:absolute;bottom:-28px;right:18px}.eyebrow,.section-index,.tiny-label{letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:900}.eyebrow{align-items:center;gap:10px;margin:0 0 28px;display:flex}.status-dot{background:var(--coral);width:8px;height:8px;box-shadow:0 0 0 5px var(--coral);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.status-dot{box-shadow:0 0 0 5px color-mix(in srgb, var(--coral) 17%, transparent)}}.status-dot{animation:2s infinite blink}@keyframes blink{50%{box-shadow:0 0 0 11px #0000}}.hero h1{letter-spacing:-.075em;text-transform:uppercase;z-index:1;max-width:780px;margin:0;font-size:clamp(50px,6.45vw,104px);font-stretch:75%;line-height:.84;position:relative}.hero h1 em{color:var(--coral);text-transform:none;letter-spacing:-.055em;padding-right:.08em;font-size:.92em;display:inline-block}.hero-lede{color:#3c3b38;z-index:1;max-width:590px;margin:34px 0 28px;font-family:Georgia,Times New Roman,serif;font-size:clamp(17px,1.35vw,22px);line-height:1.55;position:relative}.hero-actions{z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}.hero-actions button{min-width:190px}.promise-row{z-index:1;letter-spacing:.05em;text-transform:uppercase;gap:26px;margin-top:42px;font-size:9px;font-weight:800;display:flex;position:relative}.promise-row span{align-items:center;gap:7px;display:flex}.promise-row b{color:var(--coral);font-size:15px}.hero-map-wrap{background:linear-gradient(#ffffff09 1px, transparent 1px), linear-gradient(90deg, #ffffff09 1px, transparent 1px), radial-gradient(circle at 50% 42%, #28252f 0%, var(--ink) 62%);color:#fff;background-size:32px 32px,32px 32px,100% 100%;flex-direction:column;justify-content:space-between;align-items:stretch;min-height:760px;padding:24px clamp(24px,4vw,64px) 30px;display:flex;position:relative}.map-caption,.scope-header{letter-spacing:.14em;justify-content:space-between;align-items:center;font-size:9px;font-weight:900;display:flex}.live-chip{color:var(--lime);border:1px solid var(--lime)}@supports (color:color-mix(in lab, red, red)){.live-chip{border:1px solid color-mix(in srgb, var(--lime) 55%, transparent)}}.live-chip{border-radius:20px;padding:7px 10px}.harmonic-map{aspect-ratio:1;isolation:isolate;align-self:center;width:min(570px,49vw);position:relative}.harmonic-map:before{content:"";border:1px solid #ffffff26;border-radius:50%;position:absolute;inset:16%;box-shadow:inset 0 0 90px #8c6cff1f,0 0 90px #55d6ff14}.orbit{border:1px dashed #ffffff29;border-radius:50%;animation:28s linear infinite orbit-spin;position:absolute}.orbit:before,.orbit:after{content:"";background:var(--cyan);width:6px;height:6px;box-shadow:0 0 12px var(--cyan);border-radius:50%;position:absolute}.orbit:before{top:-3px;left:50%}.orbit:after{background:var(--violet);box-shadow:0 0 12px var(--violet);bottom:-3px;left:24%}.orbit-one{inset:23%}.orbit-two{animation-duration:40s;animation-direction:reverse;inset:8%}@keyframes orbit-spin{to{transform:rotate(360deg)}}.map-center{z-index:5;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-center>span{letter-spacing:.14em;font-size:11px;font-weight:900}.map-center button,.round-play,.transport-button,.floating-transport>button:first-child{background:var(--lime);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.map-center button{width:clamp(70px,8vw,108px);height:clamp(70px,8vw,108px);transition:transform .18s,box-shadow .18s;box-shadow:0 0 0 12px #d8ff570f,0 0 70px #d8ff572b}.map-center button:hover{transform:scale(1.06);box-shadow:0 0 0 19px #d8ff5712,0 0 90px #d8ff5742}.map-center small{color:#ffffff7a;letter-spacing:.15em;font-size:8px;font-weight:900}.play-triangle{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid var(--ink);width:0;height:0;transform:translate(2px)}.pause-icon{border-left:4px solid;border-right:4px solid;width:12px;height:14px}.note-node{--angle:calc(var(--i) * 30deg - 90deg);z-index:6;width:clamp(43px,4.3vw,62px);height:clamp(43px,4.3vw,62px);transform:translate(-50%, -50%) rotate(var(--angle)) translateY(clamp(-275px, -23vw, -180px)) rotate(calc(var(--angle) * -1));color:#fff;cursor:pointer;background:#17171b;border:1px solid #ffffff47;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:border .15s,background .15s,box-shadow .15s,scale .15s;display:flex;position:absolute;top:50%;left:50%}.note-node span{font-size:clamp(12px,1.2vw,17px);font-weight:900}.note-node small{height:8px;color:var(--ink);font-size:7px}.note-node.passing{opacity:.48;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(clamp(-275px, -23vw, -180px)) rotate(calc(var(--angle) * -1)) scale(.78)}.note-node.in-scale:nth-of-type(3n){border-color:var(--cyan)}.note-node.in-scale:nth-of-type(3n+1){border-color:var(--violet)}.note-node.in-scale:nth-of-type(3n+2){border-color:var(--coral)}.note-node.selected{background:var(--paper);color:var(--ink);border-color:#fff;scale:1.12}.note-node.sounding{background:var(--lime);color:var(--ink);box-shadow:0 0 0 12px #d8ff571a,0 0 35px #d8ff5775}.map-pulse{z-index:1;transform-origin:50% 0;width:1px;height:37%;transform:rotate(calc(var(--pulse-angle) - 90deg));background:linear-gradient(var(--lime), transparent);opacity:.5;transition:transform .28s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%}.hero-map-controls{border-top:1px solid #ffffff24;grid-template-columns:110px 140px 1fr;align-items:end;gap:15px;min-height:70px;padding-top:18px;display:grid}.hero-map-controls label{flex-direction:column;gap:7px;display:flex}.hero-map-controls label>span,.interval-readout span,.instrument-select>span{letter-spacing:.14em;color:#ffffff75;font-size:8px;font-weight:900}.hero-map-controls select,.instrument-select select{appearance:none;color:#fff;background:0 0;border:0;border-bottom:1px solid #ffffff59;border-radius:0;width:100%;padding:5px 22px 7px 0;font-size:13px;font-weight:900}.hero-map-controls option,.instrument-select option{color:var(--ink)}.interval-readout{text-align:right;flex-direction:column;gap:7px;display:flex}.interval-readout strong{color:var(--lime);font-family:Georgia,serif;font-size:15px;font-weight:400}.manifesto-strip{background:var(--coral);letter-spacing:.09em;white-space:nowrap;justify-content:space-around;align-items:center;gap:20px;min-height:74px;padding:18px 3vw;font-size:clamp(11px,1.35vw,18px);font-weight:900;display:flex;overflow:hidden}.manifesto-strip i{font-size:21px;font-style:normal}.section{padding:clamp(90px,11vw,160px) clamp(22px,5vw,76px)}.section-heading{grid-template-columns:170px minmax(400px,1fr) minmax(250px,430px);align-items:end;gap:34px;margin-bottom:58px;display:grid}.section-heading .section-index{align-self:start;margin:12px 0 0}.section-heading h2,.world-copy h2,.roadmap-intro h2,.closing-section h2,.account-modal h2{letter-spacing:-.065em;text-transform:uppercase;margin:0;font-size:clamp(48px,6.5vw,96px);line-height:.9}.section-heading h2 em,.world-copy h2 em{color:var(--coral);text-transform:none}.section-heading>p:last-child{margin:0;font-family:Georgia,serif;font-size:16px;line-height:1.55}.harmony-section{grid-template-columns:minmax(0,1fr) 330px;column-gap:24px;display:grid}.harmony-section .section-heading{grid-column:1/-1}.panel-dark,.lesson-card{border:1px solid var(--ink)}.pitch-lab{background:var(--ink);color:#fff;min-width:0;padding:28px}.pitch-topbar{border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;gap:20px;padding-bottom:26px;display:flex}.pitch-topbar>div:first-child{align-items:baseline;gap:13px;display:flex}.pitch-topbar>div:first-child strong{font-size:34px}.tiny-label{color:#ffffff73}.mode-tabs{gap:4px;display:flex}.mode-tabs button{color:#ffffff9e;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #fff3;padding:8px 12px;font-size:9px;font-weight:900}.mode-tabs button.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}.pitch-ribbon{grid-template-columns:repeat(12,minmax(38px,1fr));align-items:end;gap:8px;height:330px;padding:36px 0 24px;display:grid;overflow-x:auto}.pitch-ribbon button{color:#fff;cursor:pointer;background:0 0;border:0;border-left:1px solid #ffffff29;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:39px;height:100%;display:flex;position:relative}.pitch-bar{width:62%;height:var(--height);background:#ffffff1f;min-height:32px;transition:height .25s,background .15s,box-shadow .15s}.scale-tone .pitch-bar{background:var(--violet)}.scale-tone:nth-child(3n) .pitch-bar{background:var(--cyan)}.scale-tone:nth-child(3n+1) .pitch-bar{background:var(--coral)}.pitch-ribbon button:hover .pitch-bar,.pitch-ribbon button.active-note .pitch-bar{background:var(--lime);height:92%;box-shadow:0 0 22px #d8ff5747}.pitch-ribbon button strong{font-size:15px}.pitch-ribbon button small{color:#ffffff6b;text-transform:uppercase;height:12px;font-size:8px}.pitch-footer{border-top:1px solid #ffffff29;grid-template-columns:120px 140px 1fr 42px;align-items:center;gap:18px;min-height:75px;padding-top:19px;display:grid}.connection-line{align-items:center;display:flex}.connection-line span{background:var(--lime);border-radius:50%;width:8px;height:8px}.connection-line i{background:var(--lime);flex:1;height:1px}.pitch-footer p{color:#fff9;margin:0;font-size:11px}.pitch-footer p b{color:#fff}.pitch-footer>strong{font-family:Georgia,serif;font-size:20px;font-weight:400}.round-play{width:42px;height:42px}.lesson-card{background:var(--coral);flex-direction:column;padding:26px;display:flex}.lesson-number{letter-spacing:.13em;font-size:9px;font-weight:900}.lesson-orb{border:1px solid #10101280;border-radius:50%;place-items:center;width:104px;height:104px;margin:36px auto 28px;display:grid;box-shadow:0 0 0 11px #1010120d,0 0 0 28px #10101209}.lesson-orb span{font-family:Georgia,serif;font-size:52px}.lesson-card h3{text-transform:uppercase;letter-spacing:-.04em;margin:8px 0 12px;font-size:28px;line-height:.98}.lesson-card>p{margin:0 0 24px;font-family:Georgia,serif;font-size:14px;line-height:1.5}.lesson-answers{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.lesson-answers button{border:1px solid var(--ink);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;height:54px;font-size:13px;font-weight:900;display:flex}.lesson-answers button small{font-size:8px;font-weight:500}.lesson-answers button:hover{background:var(--paper)}.lesson-answers button.correct{background:var(--lime);box-shadow:inset 0 0 0 2px var(--ink)}.lesson-feedback{margin-top:auto;padding-top:26px;font-size:11px;font-weight:800;line-height:1.4}.lesson-feedback.correct:before{content:"✓ "}.lesson-feedback.try:before{content:"↻ "}.rhythm-section{background:var(--ink);color:#fff}.section-heading.inverted h2 em{color:var(--lime)}.section-heading.inverted>p:last-child{color:#ffffffad}.sequencer-shell{background-color:#151519;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffff40;padding:28px}.sequencer-header{border-bottom:1px solid #ffffff26;grid-template-columns:minmax(220px,.5fr) minmax(200px,1fr) auto;align-items:center;gap:30px;padding-bottom:27px;display:grid}.transport-main{align-items:center;gap:15px;display:flex}.transport-button{flex:none;width:52px;height:52px}.transport-button.playing{background:var(--coral)}.transport-main>div{flex-direction:column;gap:2px;display:flex}.transport-main span{color:#fff6;letter-spacing:.14em;font-size:8px;font-weight:900}.transport-main strong{font-size:25px}.transport-main small{color:var(--lime);letter-spacing:.12em;font-size:9px}input[type=range]{appearance:none;cursor:pointer;background:#fff3;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;border:4px solid var(--ink);background:var(--lime);width:17px;height:17px;box-shadow:0 0 0 1px var(--lime);border-radius:50%}.metro-button{color:#ffffffa3;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #ffffff3d;min-height:42px;padding:0 14px;font-size:9px;font-weight:900}.metro-button.active{color:var(--lime);border-color:var(--lime)}.metro-button b{margin-left:8px}.metro-glyph{margin-right:7px}.beat-count{color:#ffffff6b;grid-template-columns:repeat(16,1fr);gap:7px;margin:25px 0 10px 132px;font-size:9px;font-weight:900;display:grid}.beat-count i{border-top:1px solid #ffffff21;margin-top:5px}.sequence-grid{flex-direction:column;gap:9px;display:flex}.track-row{grid-template-columns:120px minmax(600px,1fr);gap:12px;display:grid}.track-label{align-items:center;gap:9px;min-height:47px;display:flex}.track-label strong{text-transform:uppercase;font-size:11px}.track-label kbd{color:#ffffff61;border:1px solid #ffffff2b;place-items:center;width:22px;height:22px;margin-left:auto;font-size:8px;display:grid}.track-dot{border-radius:50%;width:8px;height:8px}.coral{--track-color:var(--coral)}.violet{--track-color:var(--violet)}.cyan{--track-color:var(--cyan)}.lime{--track-color:var(--lime)}.track-dot{background:var(--track-color);box-shadow:0 0 12px var(--track-color)}.track-steps{grid-template-columns:repeat(16,1fr);gap:7px;display:grid}.track-steps button{cursor:pointer;background:#ffffff09;border:1px solid #ffffff24;min-height:47px;padding:5px;transition:border .12s,background .12s,transform .12s}.track-steps button.downbeat{border-left-color:#ffffff73}.track-steps button span{background:0 0;width:100%;height:100%;display:block}.track-steps button.enabled span{background:var(--track-color);box-shadow:0 0 18px var(--track-color)}@supports (color:color-mix(in lab, red, red)){.track-steps button.enabled span{box-shadow:0 0 18px color-mix(in srgb, var(--track-color) 32%, transparent)}}.track-steps button.current{border-color:var(--lime);transform:translateY(-3px)}.track-steps button.current:not(.enabled){background:#d8ff5714}.sequence-footer{border-top:1px solid #ffffff24;justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;display:flex}.sequence-footer p{color:#ffffff7a;margin:0;font-size:10px}.sequence-footer p span{color:var(--coral);margin-right:8px;font-weight:900}.sequence-footer kbd{color:#fff;border:1px solid #fff3;padding:3px 6px}.sequence-footer button{color:var(--lime);cursor:pointer;letter-spacing:.08em;background:0 0;border:0;font-size:10px;font-weight:900}.sound-workbench{border:1px solid var(--ink);background:#fff;grid-template-columns:minmax(0,1.55fr) minmax(310px,.45fr);display:grid}.scope-panel{border-right:1px solid var(--ink);background:#dedad1;min-width:0}.scope-header{border-bottom:1px solid var(--ink);min-height:48px;padding:0 20px}.scope-header b{color:#4c6d00}.waveform{border:0;border-bottom:1px solid var(--ink);background:linear-gradient(#10101217 1px, transparent 1px), linear-gradient(90deg, #10101217 1px, transparent 1px), var(--paper);cursor:pointer;background-size:22px 22px;justify-content:center;align-items:center;gap:3px;width:100%;height:320px;padding:35px 22px;display:flex;position:relative;overflow:hidden}.waveform i{width:max(2px,1.1%);height:var(--energy);background:var(--violet);animation:wave-dance 1.2s ease-in-out var(--delay) infinite alternate}.waveform i:nth-child(3n){background:var(--coral)}.waveform i:nth-child(5n){background:var(--cyan)}.waveform span{letter-spacing:.13em;background:var(--lime);padding:7px 9px;font-size:8px;font-weight:900;position:absolute;bottom:14px;right:16px}@keyframes wave-dance{to{transform:scaleY(.55)}}.keyboard-strip{grid-template-columns:repeat(12,1fr);gap:5px;min-height:118px;padding:20px;display:grid}.keyboard-strip button{border:1px solid var(--ink);cursor:pointer;flex-direction:column;justify-content:space-between;min-width:28px;min-height:76px;padding:8px 3px;font-size:8px;display:flex}.keyboard-strip .white-key{background:#fff}.keyboard-strip .black-key{background:var(--ink);color:#fff;transform:translateY(-8px)}.keyboard-strip button:hover{background:var(--lime);color:var(--ink)}.keyboard-strip button span{opacity:.45;align-self:flex-start}.keyboard-strip button small{font-weight:900}.console-panel{background:var(--ink);color:#fff;padding:28px}.instrument-select{border-bottom:1px solid #ffffff2b;flex-direction:column;gap:10px;margin-bottom:17px;padding-bottom:25px;display:flex}.instrument-select select{font-family:Georgia,serif;font-size:20px;font-weight:400}.effect-control{flex-direction:column;gap:13px;padding:15px 0;display:flex}.effect-control>span{grid-template-columns:1fr 1fr auto;align-items:baseline;display:grid}.effect-control strong{text-transform:uppercase;font-size:12px}.effect-control small{color:#fff6;font-size:9px}.effect-control b{color:var(--lime);font-size:11px}.console-note{border-top:1px solid #ffffff2b;align-items:center;gap:17px;margin-top:25px;padding-top:23px;display:flex}.console-note p{color:#ffffff8c;margin:0;font-family:Georgia,serif;font-size:11px;line-height:1.45}.console-note p b{color:#fff;font-family:Arial,sans-serif}.knob{width:58px;height:58px;transform:rotate(var(--turn));border:1px solid #fff6;border-radius:50%;flex:none;place-items:center;display:grid}.knob i{background:var(--lime);width:2px;height:19px;transform:translateY(-10px)}.world-section{color:#fff;background:var(--violet);grid-template-columns:minmax(420px,.82fr) minmax(560px,1.18fr);min-height:850px;display:grid;overflow:hidden}.world-copy{z-index:2;border-right:1px solid #ffffff40;padding:clamp(90px,10vw,150px) clamp(28px,6vw,90px);position:relative}.world-copy h2{margin-top:32px}.world-copy h2 em{color:var(--lime)}.world-copy>p:not(.section-index){max-width:590px;margin:34px 0;font-family:Georgia,serif;font-size:18px;line-height:1.6}.future-features{border-top:1px solid #ffffff47;grid-template-columns:1fr 1fr;margin:35px 0;display:grid}.future-features span{letter-spacing:.08em;border-bottom:1px solid #ffffff47;padding:15px 8px 15px 0;font-size:9px;font-weight:900}.lime-button{background:var(--lime);min-width:244px}.world-copy>small{color:#fff9;max-width:450px;margin-top:18px;font-size:9px;line-height:1.4;display:block}.world-visual{background:radial-gradient(circle at 50% 50%, #272530 0%, var(--ink) 62%);min-height:750px;position:relative;overflow:hidden}.world-grid{opacity:.65;background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.earth-ring{border:1px solid #fff3;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-a{aspect-ratio:1;width:72%}.ring-b{aspect-ratio:.4;width:72%}.ring-c{width:34%;height:72%}.heartbeat-line{z-index:2;align-items:center;height:100px;display:flex;position:absolute;top:52%;left:6%;right:6%}.heartbeat-line i{background:var(--lime);height:1px;transform:skewY(calc((var(--beat-i) - 13) * .7deg));flex:1;box-shadow:0 0 9px #d8ff5780}.heartbeat-line i:nth-child(12),.heartbeat-line i:nth-child(14){transform:scaleY(55)}.heartbeat-line i:nth-child(13){transform:scaleY(-75)}.world-node{z-index:4;left:var(--x);top:var(--y);grid-template-columns:auto auto;gap:2px 7px;font-size:9px;font-weight:900;display:grid;position:absolute;transform:translate(-50%,-50%)}.world-node i{border:2px solid var(--cyan);width:12px;height:12px;box-shadow:0 0 0 6px #55d6ff14, 0 0 15px var(--cyan);border-radius:50%;grid-row:1/3;animation:2.2s ease-out infinite world-ping}.world-node span{letter-spacing:.1em}.world-node small{color:#ffffff73}.world-node.origin i{border-color:var(--lime);width:19px;height:19px;box-shadow:0 0 0 8px #d8ff571f, 0 0 25px var(--lime)}.world-node.origin span{color:var(--lime)}@keyframes world-ping{65%,to{box-shadow:0 0 0 18px #0000,0 0 18px}}.global-readout{z-index:5;background:var(--ink);border:1px solid #ffffff4d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #8c6cff59}.global-readout span{color:var(--lime);letter-spacing:.14em;font-size:8px;font-weight:900}.global-readout strong{letter-spacing:-.08em;font-size:58px;line-height:1}.global-readout small{color:#fff6;letter-spacing:.1em;font-size:6px}.roadmap-section{padding:clamp(90px,11vw,160px) clamp(22px,5vw,76px)}.roadmap-intro{grid-template-columns:200px 1fr;align-items:start;gap:40px;margin-bottom:65px;display:grid}.roadmap-intro .section-index{margin-top:12px}.roadmap-grid{border:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.roadmap-card{border-right:1px solid var(--ink);flex-direction:column;min-height:390px;padding:24px;display:flex;position:relative;overflow:hidden}.roadmap-card:last-child{border-right:0}.roadmap-card>span{letter-spacing:.13em;font-size:9px;font-weight:900}.roadmap-card>b{letter-spacing:-.1em;color:#0000;-webkit-text-stroke:1px #10101238;margin-top:50px;font-size:clamp(65px,8vw,124px);line-height:.75}.roadmap-card h3{text-transform:uppercase;letter-spacing:-.04em;margin:auto 0 12px;font-size:25px}.roadmap-card p{max-width:390px;margin:0;font-family:Georgia,serif;font-size:13px;line-height:1.5}.roadmap-card>i{background:var(--ink);color:#fff;letter-spacing:.12em;padding:7px 9px;font-size:7px;font-style:normal;font-weight:900;position:absolute;top:18px;right:18px}.roadmap-card.active{background:var(--lime)}.roadmap-card.active>b{color:var(--ink);-webkit-text-stroke:0}.roadmap-card:nth-child(2)>i{background:var(--violet)}.roadmap-card:nth-child(3)>i{background:var(--coral)}.closing-section{color:#fff;background:var(--coral);flex-direction:column;justify-content:center;min-height:720px;padding:100px clamp(25px,7vw,110px);display:flex;position:relative;overflow:hidden}.closing-section>p{letter-spacing:.17em;margin:0 0 23px;font-size:10px;font-weight:900}.closing-section h2{z-index:2;max-width:920px;font-size:clamp(72px,11vw,175px);position:relative}.closing-section>button{background:var(--paper);z-index:2;width:250px;margin-top:40px;position:relative}.closing-orbits{aspect-ratio:1;border:1px solid #1010124d;border-radius:50%;place-items:center;width:min(48vw,650px);display:grid;position:absolute;top:50%;right:-7vw;transform:translateY(-50%)}.closing-orbits i{border:1px solid #10101238;border-radius:50%;position:absolute}.closing-orbits i:first-child{inset:12%}.closing-orbits i:nth-child(2){inset:25%}.closing-orbits i:nth-child(3){background:var(--lime);inset:39%}.closing-orbits b{z-index:2;color:var(--ink);font-size:40px}footer{background:var(--ink);color:#fff;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:180px;padding:40px clamp(22px,5vw,76px) 90px;display:grid}.footer-brand{font-size:16px}footer>p{text-align:center;letter-spacing:.12em;font-size:9px;font-weight:900}footer>p span{color:var(--lime);margin:0 8px}footer>div{justify-content:flex-end;gap:22px;display:flex}footer>div a,footer>div button{color:#fff;cursor:pointer;letter-spacing:.1em;background:0 0;border:0;font-size:9px;font-weight:900}.floating-transport{z-index:40;background:var(--ink);width:min(620px,100vw - 28px);height:62px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.floating-transport{background:color-mix(in srgb, var(--ink) 94%, transparent)}}.floating-transport{color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #ffffff38;grid-template-columns:42px 100px 1fr 60px;align-items:center;gap:12px;padding:9px 12px;display:grid;box-shadow:0 16px 50px #00000047}.floating-transport>button:first-child{width:42px;height:42px}.floating-transport>button:first-child.playing{background:var(--coral)}.floating-transport>span{flex-direction:column;display:flex}.floating-transport small{color:#fff6;letter-spacing:.12em;font-size:7px;font-weight:900}.floating-transport strong{font-size:13px}.transport-ticks{grid-template-columns:repeat(16,1fr);gap:3px;display:grid}.transport-ticks i{background:#ffffff1f;height:17px}.transport-ticks i:nth-child(4n+1){background:#ffffff4d}.transport-ticks i.active{background:var(--lime);box-shadow:0 0 10px #d8ff5799}.metro-mini{color:#ffffff59;cursor:pointer;background:0 0;border:0;font-size:8px;font-weight:900}.metro-mini.on{color:var(--lime)}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08080ab8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.account-modal{background:var(--paper);width:min(570px,100%);color:var(--ink);border:1px solid var(--ink);box-shadow:11px 11px 0 var(--violet);padding:clamp(30px,5vw,55px);position:relative}.modal-close{cursor:pointer;background:0 0;border:0;font-size:32px;font-weight:300;position:absolute;top:14px;right:18px}.account-modal h2{margin:20px 0 22px;font-size:clamp(40px,8vw,65px)}.account-modal>p:not(.section-index){font-family:Georgia,serif;font-size:15px;line-height:1.55}.account-modal form{gap:13px;margin-top:30px;display:grid}.account-modal label{flex-direction:column;gap:8px;display:flex}.account-modal label span{letter-spacing:.13em;font-size:8px;font-weight:900}.account-modal input{border:1px solid var(--ink);background:#fff;border-radius:0;height:52px;padding:0 14px;font-size:18px}.account-preview-row{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.1em;justify-content:space-between;margin-top:28px;padding-top:18px;font-size:7px;font-weight:900;display:flex}@media (width<=1100px){.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{border-right:0;border-bottom:1px solid var(--line);min-height:720px}.hero-map-wrap{min-height:760px}.harmonic-map{width:min(570px,82vw)}.note-node{transform:translate(-50%, -50%) rotate(var(--angle)) translateY(clamp(-275px, -39vw, -180px)) rotate(calc(var(--angle) * -1))}.note-node.passing{transform:translate(-50%, -50%) rotate(var(--angle)) translateY(clamp(-275px, -39vw, -180px)) rotate(calc(var(--angle) * -1)) scale(.78)}.section-heading{grid-template-columns:130px 1fr}.section-heading>p:last-child{grid-column:2;max-width:500px}.harmony-section{grid-template-columns:1fr}.lesson-card{min-height:500px;margin-top:20px}.lesson-card>p{max-width:630px}.lesson-orb{margin-left:30px}.sound-workbench{grid-template-columns:1fr}.scope-panel{border-right:0;border-bottom:1px solid var(--ink)}.world-section{grid-template-columns:1fr}.world-copy{border-bottom:1px solid #ffffff40;border-right:0}.roadmap-grid{grid-template-columns:1fr}.roadmap-card{border-right:0;border-bottom:1px solid var(--ink);min-height:310px}.roadmap-card:last-child{border-bottom:0}.closing-orbits{opacity:.42}}@media (width<=760px){.site-header{height:68px;padding:0 16px}.brand{font-size:16px}.brand-mark{width:31px;height:31px}.header-actions .text-button{display:none}.solid-button.compact{min-height:36px;padding:0 12px;font-size:8px}.hero{min-height:auto}.hero-copy{min-height:650px;padding:70px 20px 52px}.hero h1{font-size:clamp(47px,15.7vw,76px)}.hero-lede{margin-top:28px;font-size:16px}.hero-actions{grid-template-columns:1fr 1fr;display:grid}.hero-actions button{gap:7px;min-width:0;padding:0 13px;font-size:9px}.promise-row{flex-wrap:wrap;gap:12px 18px}.hero-copy:after{display:none}.hero-map-wrap{min-height:590px;padding:18px 14px 22px}.harmonic-map{width:min(410px,91vw)}.map-center button{width:66px;height:66px}.note-node{width:40px;height:40px;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(clamp(-185px, -42vw, -135px)) rotate(calc(var(--angle) * -1))}.note-node span{font-size:11px}.note-node.passing{transform:translate(-50%, -50%) rotate(var(--angle)) translateY(clamp(-185px, -42vw, -135px)) rotate(calc(var(--angle) * -1)) scale(.74)}.hero-map-controls{grid-template-columns:1fr 1fr}.interval-readout{text-align:left;grid-column:1/-1}.manifesto-strip{justify-content:flex-start}.section{padding:82px 16px}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:38px}.section-heading>p:last-child{grid-column:1}.section-heading h2,.world-copy h2,.roadmap-intro h2{font-size:clamp(44px,13vw,66px)}.pitch-lab{padding:16px;overflow:hidden}.pitch-topbar{flex-direction:column;align-items:flex-start}.mode-tabs{width:100%;overflow-x:auto}.mode-tabs button{flex:none}.pitch-ribbon{height:285px}.pitch-footer{grid-template-columns:70px 95px 1fr 40px;gap:8px}.pitch-footer>strong{font-size:13px}.lesson-card{padding:22px}.lesson-orb{margin-left:auto}.sequencer-shell{padding:16px 12px;overflow:hidden}.sequencer-header{grid-template-columns:1fr;gap:18px}.metro-button{justify-self:stretch}.beat-count{min-width:620px;margin-left:78px}.sequence-grid{padding-bottom:9px;overflow-x:auto}.track-row{grid-template-columns:68px 620px}.track-label kbd{display:none}.sequence-footer{align-items:flex-start;gap:15px}.sequence-footer p{max-width:210px}.scope-header{padding:0 13px}.waveform{gap:2px;height:250px;padding-left:10px;padding-right:10px}.keyboard-strip{grid-template-columns:repeat(12,44px);padding:13px;overflow-x:auto}.console-panel{padding:22px}.world-section{min-height:0}.world-copy{padding:82px 20px}.future-features{grid-template-columns:1fr}.world-visual{min-height:570px}.ring-a,.ring-b{width:105%}.global-readout{width:142px;height:142px}.global-readout strong{font-size:47px}.roadmap-section{padding:82px 16px}.roadmap-intro{grid-template-columns:1fr;gap:15px}.roadmap-card>b{font-size:75px}.closing-section{min-height:590px;padding:80px 20px 130px}.closing-section h2{font-size:clamp(62px,19vw,92px)}.closing-orbits{width:85vw;right:-39vw}footer{text-align:center;grid-template-columns:1fr;gap:25px;padding-bottom:100px}footer>p{text-align:center}footer>div,.footer-brand{justify-content:center}.floating-transport{grid-template-columns:42px 82px 1fr;bottom:8px}.floating-transport .metro-mini,.transport-ticks i:nth-child(2n){display:none}.transport-ticks{grid-template-columns:repeat(8,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}