:root{--black:#090909;--ink:#171715;--paper:#f2efe6;--acid:#d9ff3f;--orange:#ff5a36;--line:#17171533}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans), "PingFang SC", "Microsoft YaHei", sans-serif;-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}.section-shell{width:min(1240px,100% - 56px);margin:0 auto}.site-header{background:var(--black);height:78px;color:var(--paper);z-index:20;border-bottom:1px solid #f2efe63d;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(28px,4.5vw,72px);display:grid;position:relative}.brand{letter-spacing:.025em;width:fit-content;font-family:Impact,Arial Narrow,sans-serif;font-size:22px}.brand span{color:var(--orange)}.nav-links{gap:32px;font-size:13px;display:flex}.nav-links a{opacity:.7;transition:opacity .2s}.nav-links a:hover{opacity:1}.header-cta{border:1px solid #f2efe680;border-radius:2px;justify-self:end;padding:11px 17px;font-size:12px;font-weight:700;transition:all .2s}.header-cta:hover{background:var(--acid);color:var(--black);border-color:var(--acid)}.hero{background:var(--black);min-height:calc(100svh - 78px);color:var(--paper);grid-template-columns:1.04fr .96fr;display:grid;overflow:hidden}.hero-copy{z-index:2;min-width:0;padding:clamp(80px,9vw,140px) 32px 46px clamp(28px,6vw,96px);position:relative}.kicker,.section-tag{letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;font-weight:800;display:inline-flex}.kicker i{background:var(--acid);border-radius:50%;width:8px;height:8px}.hero h1{letter-spacing:-.025em;margin:24px 0 26px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(70px,9.2vw,142px);font-weight:900;line-height:.82}.hero h1 em{color:var(--acid);font-style:normal}.hero-copy>p{color:#f2efe6ad;max-width:590px;margin:0;font-size:clamp(15px,1.35vw,19px);line-height:1.85}.hero-actions{align-items:center;gap:26px;margin-top:36px;display:flex}.button{border:1px solid;justify-content:center;align-items:center;gap:28px;min-height:54px;padding:0 23px;font-size:13px;font-weight:800;transition:transform .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-light{background:var(--paper);color:var(--black);border-color:var(--paper)}.button-light:hover{background:var(--acid);border-color:var(--acid)}.text-button{color:var(--paper);cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;font-size:13px;display:inline-flex}.play-dot{border:1px solid #f2efe673;border-radius:50%;place-items:center;width:38px;height:38px;font-size:11px;display:grid}.play-dot.active{color:var(--black);background:var(--acid);border-color:var(--acid)}.hero-meta{color:#f2efe661;letter-spacing:.12em;gap:26px;margin-top:70px;font:700 10px/1 monospace;display:flex}.hero-visual{background:var(--acid);place-items:center;min-height:660px;display:grid;position:relative;overflow:hidden}.hero-visual:before{content:"";opacity:.12;background-image:radial-gradient(var(--black) .65px, transparent .65px);background-size:7px 7px;position:absolute;inset:0}.deck{aspect-ratio:1/1.04;background:#22221f;border-radius:8px;width:min(540px,78%);position:relative;transform:rotate(-5deg);box-shadow:28px 35px #00000026,0 30px 65px #0000005c}.deck:before{content:"";pointer-events:none;border:1px solid #ffffff1f;position:absolute;inset:9px}.deck-topline{color:#ffffff61;letter-spacing:.12em;justify-content:space-between;font:700 8px/1 monospace;display:flex;position:absolute;top:22px;left:24px;right:24px}.platter{aspect-ratio:1;background:repeating-radial-gradient(circle,#181818 0 3px,#232323 4px 5px);border-radius:50%;width:74%;position:absolute;top:12%;left:8%;box-shadow:0 0 0 8px #444,0 0 0 11px #101010,10px 15px 22px #0006}.platter.is-spinning{animation:1.4s linear infinite spin}.record-rings{border:1px solid #ffffff14;border-radius:50%;position:absolute;inset:8%}.record-label{background:var(--orange);color:var(--black);letter-spacing:.03em;border-radius:50%;align-content:center;place-items:center;font:900 18px/1 Impact,sans-serif;display:grid;position:absolute;inset:37%}.record-label small{margin-top:6px;font:800 5px/1 monospace}.spindle{background:#d8d8ce;border-radius:50%;width:8px;height:8px;position:absolute;top:calc(50% - 4px);left:calc(50% - 4px)}.tonearm{width:25%;height:62%;position:absolute;top:14%;right:9%}.tonearm-base{background:#181818;border:6px solid #555;border-radius:50%;width:62px;height:62px;position:absolute;top:0;right:0}.tonearm-stick{transform-origin:top;background:#c8c6bd;border-radius:8px;width:8px;height:68%;position:absolute;top:48px;right:37px;transform:rotate(16deg);box-shadow:2px 3px #444}.needle{background:var(--paper);border-radius:2px;width:30px;height:15px;position:absolute;bottom:0;left:12px;transform:rotate(16deg)}.deck-controls{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:7%;left:7%;right:7%}.start-button{background:var(--acid);border:5px solid #111;border-radius:50%;width:47px;height:47px}.pitch-line{background:#111;border:1px solid #555;width:8px;height:105px;position:relative}.pitch-line i{background:#aaa;border:1px solid #555;width:22px;height:32px;position:absolute;top:39%;left:-7px}.deck-sticker{color:var(--paper);font:900 9px/1.1 monospace;position:absolute;bottom:8%;right:24%;transform:rotate(7deg)}.rotating-note{width:86px;height:86px;color:var(--black);word-spacing:3px;border-radius:50%;font:900 8px/86px monospace;animation:12s linear infinite spin;position:absolute;bottom:4%;right:3%}@keyframes spin{to{transform:rotate(360deg)}}.ticker{background:var(--orange);border-top:1px solid var(--black);border-bottom:1px solid var(--black);overflow:hidden}.ticker div{letter-spacing:.08em;align-items:center;gap:28px;width:max-content;padding:14px 0;font-size:13px;font-weight:900;animation:22s linear infinite ticker;display:flex}.ticker b{font-size:18px}@keyframes ticker{to{transform:translate(-50%)}}.manifesto{grid-template-columns:180px 1fr;gap:62px;padding:130px 0;display:grid}.section-tag{color:#67655e}.section-tag.on-dark{color:#f2efe675}.manifesto-main h2,.section-heading h2,.lab-intro h2,.practice h2,.terms h2,.final-copy h2{letter-spacing:-.065em;margin:0;font-size:clamp(44px,5.8vw,78px);font-weight:900;line-height:1.05}.manifesto-main h2 span{background:var(--acid);padding:0 .06em}.manifesto-main>p{color:#5f5d57;max-width:720px;margin:40px 0 0 20%;font-size:17px;line-height:1.95}.manifesto-stats{border-top:1px solid var(--line);grid-column:2;grid-template-columns:repeat(3,1fr);margin-left:20%;display:grid}.manifesto-stats div{gap:8px;padding:30px 20px 0 0;display:grid}.manifesto-stats strong{font:900 38px/1 Impact,sans-serif}.manifesto-stats span{color:#747169;font-size:12px}.roadmap{background:var(--black);color:var(--paper);padding:125px 0}.section-heading{grid-template-columns:1fr 340px;align-items:end;gap:60px;margin-bottom:70px;display:grid}.section-heading h2{margin-top:20px}.section-heading>p{color:#f2efe68a;margin:0 0 7px;font-size:15px;line-height:1.8}.module{border-top:1px solid #f2efe63d}.module:last-child{border-bottom:1px solid #f2efe63d}.module-trigger{width:100%;min-height:128px;color:var(--paper);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:100px 1fr auto;align-items:center;gap:30px;padding:0;display:grid}.module-number{color:var(--acid);font:900 18px/1 Impact,sans-serif}.module-title{letter-spacing:-.04em;font-size:clamp(30px,3.5vw,48px);font-weight:900}.module-title small{color:#f2efe66b;letter-spacing:.12em;margin-bottom:10px;font:700 10px/1 monospace;display:block}.module-toggle{border:1px solid #f2efe65c;border-radius:50%;place-items:center;width:46px;height:46px;font-size:26px;font-weight:300;transition:all .2s;display:grid}.module.open .module-toggle{background:var(--acid);border-color:var(--acid);color:var(--black)}.module-content{opacity:0;grid-template-columns:.9fr 1.1fr;gap:65px;max-height:0;padding-left:130px;transition:max-height .45s,opacity .3s,padding .45s;display:grid;overflow:hidden}.module.open .module-content{opacity:1;max-height:480px;padding-bottom:48px}.module-outcome{color:#f2efe69e;margin:0;line-height:1.75}.module-outcome b{color:var(--acid);letter-spacing:.1em;margin-bottom:10px;font-size:11px;display:block}.module-content ul{margin:0;padding:0;list-style:none}.module-content li{border-bottom:1px solid #f2efe61f;grid-template-columns:35px 1fr;padding:10px 0;font-size:14px;display:grid}.module-content li span{color:#f2efe64d;font:700 10px/1.7 monospace}.module-content>a{border-bottom:1px solid var(--acid);width:fit-content;color:var(--acid);grid-column:2;margin-top:3px;padding-bottom:5px;font-size:12px;font-weight:800}.beat-lab{background:var(--acid);padding:130px 0}.lab-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(70px,9vw,145px);display:grid}.lab-intro h2{margin:20px 0 28px}.lab-intro>p{font-size:16px;line-height:1.8}.lab-tip{border-top:1px solid #09090940;border-bottom:1px solid #09090940;margin-top:32px;padding:20px 0;font-size:13px;line-height:1.65}.lab-tip b{letter-spacing:.1em;margin-bottom:4px;font-size:10px;display:block}.metronome{background:var(--black);color:var(--paper);padding:clamp(28px,4vw,54px);box-shadow:22px 22px #09090926}.meter-head{color:#f2efe673;letter-spacing:.14em;justify-content:space-between;font:700 9px/1 monospace;display:flex}.bpm-readout{justify-content:center;align-items:end;gap:12px;margin:42px 0 32px;display:flex}.bpm-readout strong{letter-spacing:-.025em;font:900 clamp(82px,10vw,140px)/.75 Impact,sans-serif}.bpm-readout span{color:var(--acid);margin-bottom:4px;font:900 15px/1 monospace}.beats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.beats i{aspect-ratio:1.35;color:#f2efe657;background:#242421;place-items:center;font:900 18px/1 monospace;transition:all 80ms;display:grid}.beats i.hit{background:var(--acid);color:var(--black);transform:translateY(-5px)}.tempo-slider{color:#f2efe666;grid-template-columns:28px 1fr 28px;align-items:center;gap:12px;margin:32px 0;font:700 9px/1 monospace;display:grid}.tempo-slider input{width:100%;accent-color:var(--acid)}.metronome-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metronome-actions button{cursor:pointer;letter-spacing:.06em;min-height:55px;font-size:12px;font-weight:900}.metro-play{background:var(--paper);border:0}.metro-play span{margin-right:11px}.tap-button{color:var(--paper);background:0 0;border:1px solid #f2efe659}.tap-button:active{background:var(--orange);color:var(--black)}.practice{color:var(--paper);background:#23231f;padding:130px 0}.practice-grid{grid-template-columns:.82fr 1.18fr;gap:100px;display:grid}.practice-title h2{margin:20px 0 45px}.progress-ring{--progress:0deg;aspect-ratio:1;background:conic-gradient(var(--acid) var(--progress), #f2efe61f 0);border-radius:50%;place-items:center;width:170px;display:grid}.progress-ring:before{content:"";aspect-ratio:1;background:#23231f;border-radius:50%;grid-area:1/1;width:142px}.progress-ring div{text-align:center;grid-area:1/1;gap:7px;display:grid;position:relative}.progress-ring strong{font:900 37px/1 Impact,sans-serif}.progress-ring span{color:#f2efe680;font-size:10px}.checklist{border-top:1px solid #f2efe633}.checklist label{cursor:pointer;border-bottom:1px solid #f2efe633;grid-template-columns:42px 1fr 35px;align-items:center;gap:20px;min-height:92px;display:grid}.checklist input{opacity:0;pointer-events:none;position:absolute}.check-number{color:#f2efe64d;font:700 10px/1 monospace}.check-copy{font-size:17px;transition:all .2s}.custom-check{border:1px solid #f2efe666;place-items:center;width:30px;height:30px;display:grid}.checklist label.done .check-copy{color:#f2efe659;text-decoration:line-through}.checklist label.done .custom-check{background:var(--acid);border-color:var(--acid);color:var(--black)}.checklist>p{color:#f2efe659;margin:20px 0 0;font-size:11px}.gear{padding:130px 0}.gear-heading>p{color:#6d6a63}.gear-grid{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.gear-grid article{border-right:1px solid var(--line);flex-direction:column;min-height:515px;padding:30px;display:flex;position:relative}.gear-grid article:last-child{border-right:0}.gear-grid article.featured{background:var(--acid)}.gear-top{letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;display:flex}.gear-top span{background:var(--black);color:var(--paper);padding:6px 8px}.gear-icon{align-items:center;gap:7px;height:120px;margin-top:34px;display:flex}.gear-icon i{border:2px solid var(--black);display:block}.gear-icon i:first-child{width:70px;height:70px;box-shadow:inset 0 0 0 16px transparent, inset 0 0 0 18px var(--black);border-radius:50%}.gear-icon i:nth-child(2){width:24px;height:90px}.gear-icon i:nth-child(3){background:var(--black);width:6px;height:54px}.gear-grid h3{margin:16px 0 12px;font-size:27px}.gear-grid article>p{color:#68655e;margin:0;font-size:14px;line-height:1.75}.gear-grid .featured>p{color:#090909ad}.gear-grid ul{margin:auto 0 0;padding:0;list-style:none}.gear-grid li{border-top:1px solid #09090926;padding:8px 0;font-size:12px}.gear-note{color:#77736b;margin:18px 0 0;font-size:11px}.terms{background:var(--black);color:var(--paper);padding:130px 0}.terms-grid{grid-template-columns:.65fr 1.35fr;gap:100px;display:grid}.terms-title h2{margin:20px 0 24px}.terms-title p{color:#f2efe673;font-size:13px}.terms dl{border-top:1px solid #f2efe633;margin:0}.terms dl div{border-bottom:1px solid #f2efe633;grid-template-columns:.6fr 1.4fr;gap:30px;padding:28px 0;display:grid}.terms dt{font:900 26px/1 Impact,sans-serif}.terms dt span{width:38px;color:var(--acid);font:700 9px/1 monospace;display:inline-block}.terms dd{color:#f2efe68f;margin:0;font-size:13px;line-height:1.7}.final-cta{background:var(--orange);grid-template-columns:1fr 1fr;min-height:650px;display:grid;overflow:hidden}.final-record{place-items:center;min-height:540px;display:grid;position:relative}.final-record:before{content:"";aspect-ratio:1;background:repeating-radial-gradient(circle,#151513 0 3px,#242421 4px 5px);border-radius:50%;width:min(530px,75%);box-shadow:25px 25px #00000021}.final-record i{aspect-ratio:1;background:var(--acid);border-radius:50%;width:23%;position:absolute}.final-record span{z-index:2;text-align:center;font:900 24px/.85 Impact,sans-serif;position:absolute}.final-copy{flex-direction:column;justify-content:center;padding:80px clamp(28px,7vw,110px) 80px 40px;display:flex}.final-copy h2{margin:20px 0 28px}.final-copy p{max-width:430px;line-height:1.75}.button-dark{background:var(--black);width:fit-content;color:var(--paper);border-color:var(--black);margin-top:22px}.button-dark:hover{background:var(--acid);color:var(--black);border-color:var(--black)}footer{background:var(--paper);grid-template-columns:1fr auto 1fr;align-items:center;min-height:110px;padding:0 clamp(28px,4.5vw,72px);display:grid}footer p{color:#7d7970;font-size:11px}footer>a:last-child{justify-self:end;font:800 10px/1 monospace}@media (width<=950px){.site-header{grid-template-columns:1fr auto}.nav-links{display:none}.hero{grid-template-columns:1fr}.hero-copy,.hero-visual{min-height:620px}.manifesto{grid-template-columns:1fr;gap:28px}.manifesto-main,.manifesto-stats{grid-column:1}.manifesto-main>p,.manifesto-stats{margin-left:0}.lab-grid,.practice-grid,.terms-grid{grid-template-columns:1fr;gap:70px}.gear-grid{grid-template-columns:1fr}.gear-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:430px}.gear-grid article:last-child{border-bottom:0}}@media (width<=680px){.section-shell{width:min(100% - 36px,1240px)}.site-header{height:68px;padding:0 18px}.header-cta{padding:9px 11px;font-size:10px}.hero{min-height:auto}.hero-copy{min-height:590px;padding:70px 18px 45px}.hero h1{font-size:clamp(63px,20vw,98px)}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-meta{gap:14px;margin-top:48px}.hero-visual{min-height:490px}.deck{width:82%}.manifesto,.roadmap,.beat-lab,.practice,.gear,.terms{padding-top:90px;padding-bottom:90px}.manifesto-main h2,.section-heading h2,.lab-intro h2,.practice h2,.terms h2,.final-copy h2{font-size:46px}.manifesto-main>p{margin-top:28px;font-size:15px}.manifesto-stats strong{font-size:30px}.section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:45px}.module-trigger{grid-template-columns:40px 1fr auto;gap:10px;min-height:102px}.module-title{font-size:29px}.module-toggle{width:38px;height:38px}.module-content{grid-template-columns:1fr;gap:25px;padding-left:50px}.module.open .module-content{max-height:580px}.module-content>a{grid-column:1}.metronome{margin-right:10px;padding:28px 20px}.bpm-readout strong{font-size:92px}.practice-grid{gap:55px}.checklist label{grid-template-columns:30px 1fr 31px;gap:10px}.check-copy{font-size:14px}.gear-grid article{padding:24px}.terms dl div{grid-template-columns:1fr;gap:12px}.final-cta{grid-template-columns:1fr}.final-record{min-height:430px}.final-copy{padding:65px 18px 85px}footer{grid-template-columns:1fr auto;padding:0 18px}footer p{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}