:root{color-scheme:dark;--bg:#030807;--panel:#07110f;--panel2:#0c1714;--text:#f0fff9;--muted:#a6beb5;--line:rgba(219,255,242,.16);--cyan:#3cf6d2;--pink:#ff4f91;--gold:#ffd56a;--lime:#9dff73;--blue:#6bb8ff}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--text);background:#030807;letter-spacing:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}#stage{position:fixed;inset:0;width:100%;height:100%;z-index:0;background:#030807}.page-noise{position:fixed;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 30px),linear-gradient(90deg,rgba(60,246,210,.08),transparent 32%,rgba(255,79,145,.08));mix-blend-mode:screen}.topbar{position:fixed;left:18px;right:18px;top:14px;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:10px 12px;border:1px solid rgba(240,255,249,.14);background:rgba(3,8,7,.78);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.32)}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(60,246,210,.68);background:#06120f;color:var(--cyan);font-weight:850}.brand-text{font-weight:800;white-space:nowrap}.nav{display:flex;justify-content:center;gap:8px}.nav a,.download-mini{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid transparent;color:rgba(240,255,249,.76);font-size:.92rem;white-space:nowrap}.nav a:hover,.download-mini:hover{border-color:rgba(60,246,210,.5);background:rgba(60,246,210,.08);color:var(--text)}.download-mini{border-color:rgba(255,213,106,.55);color:var(--gold)}.stage-orbits,.stage-beams{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.stage-orbits span{position:absolute;left:50%;top:50%;width:82vmin;height:82vmin;border:1px solid rgba(60,246,210,.18);transform:translate(-50%,-50%) rotate(0deg);animation:orbitSpin 16s linear infinite}.stage-orbits span:before,.stage-orbits span:after{content:"";position:absolute;inset:7%;border:1px solid rgba(255,213,106,.18)}.stage-orbits span:after{inset:17%;border-color:rgba(255,79,145,.16)}.stage-orbits span:nth-child(2){width:112vmin;height:112vmin;border-color:rgba(107,184,255,.14);animation-duration:24s;animation-direction:reverse}.stage-orbits span:nth-child(3){width:142vmin;height:142vmin;border-color:rgba(157,255,115,.12);animation-duration:32s}.stage-beams span{position:absolute;left:-18vw;width:136vw;height:3px;background:linear-gradient(90deg,transparent,rgba(60,246,210,.72),rgba(255,79,145,.58),transparent);box-shadow:0 0 34px rgba(60,246,210,.36);transform:rotate(-18deg);animation:beamSweep 4.8s ease-in-out infinite}.stage-beams span:nth-child(1){top:18%;animation-delay:.1s}.stage-beams span:nth-child(2){top:36%;animation-delay:1.2s;transform:rotate(14deg);background:linear-gradient(90deg,transparent,rgba(255,213,106,.68),rgba(60,246,210,.52),transparent)}.stage-beams span:nth-child(3){top:58%;animation-delay:2.1s}.stage-beams span:nth-child(4){top:76%;animation-delay:3.2s;transform:rotate(10deg)}.hero-stage-lines{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.hero-stage-lines span{position:absolute;bottom:0;width:1px;height:82vh;background:linear-gradient(180deg,transparent,rgba(60,246,210,.54),transparent);transform-origin:bottom center;animation:stageLine 3.6s ease-in-out infinite}.hero-stage-lines span:nth-child(1){left:12%;transform:rotate(-24deg);animation-delay:.1s}.hero-stage-lines span:nth-child(2){left:36%;transform:rotate(-9deg);animation-delay:.7s}.hero-stage-lines span:nth-child(3){right:34%;transform:rotate(11deg);animation-delay:1.2s}.hero-stage-lines span:nth-child(4){right:12%;transform:rotate(24deg);animation-delay:1.7s}.hero:after{content:"";position:absolute;left:50%;bottom:88px;width:78vw;height:14px;border:1px solid rgba(255,213,106,.22);transform:translateX(-50%) perspective(500px) rotateX(68deg);box-shadow:0 0 38px rgba(255,213,106,.22);z-index:1;animation:floorPulse 1.8s ease-in-out infinite}@keyframes orbitSpin{0%{transform:translate(-50%,-50%) rotate(0deg) scale(.92)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.04)}100%{transform:translate(-50%,-50%) rotate(360deg) scale(.92)}}@keyframes beamSweep{0%,100%{opacity:0;translate:-16vw 0}12%,62%{opacity:.78}50%{translate:16vw 0}82%{opacity:0}}@keyframes stageLine{0%,100%{opacity:.15;filter:blur(0)}50%{opacity:.86;filter:blur(1px)}}@keyframes floorPulse{0%,100%{opacity:.25;transform:translateX(-50%) perspective(500px) rotateX(68deg) scaleX(.86)}50%{opacity:.9;transform:translateX(-50%) perspective(500px) rotateX(68deg) scaleX(1.08)}}main,.footer{position:relative;z-index:2}.hero{min-height:92vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:48px;align-items:end;padding:150px 7vw 84px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(3,8,7,.05),rgba(3,8,7,.72))}.eyebrow{margin:0 0 14px;color:var(--cyan);font-size:.9rem;font-weight:800}.hero h1{max-width:820px;margin:0;font-size:5.15rem;line-height:.98;font-weight:900;text-shadow:0 0 38px rgba(60,246,210,.26)}.lead{max-width:650px;margin:26px 0 0;color:rgba(240,255,249,.78);font-size:1.18rem;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid var(--line);font-weight:800;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.button.primary{color:#03100c;border-color:rgba(60,246,210,.92);background:linear-gradient(90deg,var(--cyan),var(--lime))}.button.ghost{color:var(--text);border-color:rgba(255,79,145,.6);background:rgba(255,79,145,.08)}.button.large{min-width:170px}.button.is-disabled{pointer-events:none;opacity:.55;filter:saturate(.5)}.status-row{display:grid;grid-template-columns:repeat(3,minmax(0,136px));gap:14px;margin-top:40px}.status-row div{padding-top:14px;border-top:1px solid rgba(240,255,249,.2)}.status-row strong{display:block;color:var(--gold);font-size:2rem}.status-row span{display:block;color:var(--muted);font-size:.88rem;margin-top:4px}.hero-device{border:1px solid rgba(240,255,249,.16);background:linear-gradient(180deg,rgba(9,18,16,.88),rgba(7,12,11,.74));border-radius:8px;padding:20px;min-height:430px;box-shadow:0 26px 90px rgba(0,0,0,.46);overflow:hidden}.device-head{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:.82rem;font-weight:800}.score-window{position:relative;height:260px;margin:24px 0;border:1px solid rgba(240,255,249,.12);background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 34px),linear-gradient(180deg,#06100e,#081714);overflow:hidden}.note-lanes{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:0 18px}.note-lanes span{height:86px;margin-top:-100px;background:linear-gradient(180deg,var(--gold),var(--pink));box-shadow:0 0 22px rgba(255,79,145,.28);animation:noteDrop 2.2s linear infinite}.note-lanes span:nth-child(2){animation-delay:.34s}.note-lanes span:nth-child(3){animation-delay:.72s}.note-lanes span:nth-child(4){animation-delay:1.12s}.note-lanes span:nth-child(5){animation-delay:1.48s}.pulse-ring{position:absolute;left:50%;top:50%;width:170px;height:170px;border:1px solid rgba(60,246,210,.45);transform:translate(-50%,-50%);animation:ringScan 2.4s ease-in-out infinite}.mini-keys,.wide-keys{display:grid;gap:5px}.mini-keys{grid-template-columns:repeat(8,1fr);height:84px}.mini-keys span,.wide-keys span{border:1px solid rgba(240,255,249,.22);background:#dffff6}.mini-keys .dark,.wide-keys .dark{height:58%;background:#101816}.mini-keys .hit,.wide-keys span:nth-child(3n){animation:keyGlow 1.2s ease-in-out infinite}
.section{padding:92px 7vw}.section-title{max-width:760px;margin-bottom:34px}.section-title.compact{max-width:620px}.section h2,.download-section h2{margin:0;font-size:3rem;line-height:1.12}.section-title p:last-child,.visual-copy p,.download-section p{color:var(--muted);line-height:1.8}.show-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.show-grid article,.step,.download-section,.visual-panel{border:1px solid rgba(240,255,249,.14);background:rgba(8,16,14,.86);border-radius:8px}.show-grid article{min-height:230px;padding:24px;transition:transform .18s ease,border-color .18s ease}.show-grid article:hover{border-color:rgba(60,246,210,.46);transform:translateY(-4px)}.show-grid span{display:inline-flex;margin-bottom:70px;color:var(--pink);font-weight:900}.show-grid h3,.step h3{margin:0 0 12px;font-size:1.18rem}.show-grid p,.step p{margin:0;color:var(--muted);line-height:1.7}.steps-section{background:rgba(5,12,10,.82);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(240,255,249,.14);border:1px solid rgba(240,255,249,.14)}.step{border:0;border-radius:0;padding:28px;background:#091311}.step.active{background:#101d19}.step span{display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:56px;border:1px solid rgba(255,213,106,.55);color:var(--gold);font-weight:900}.visual-section{display:grid;grid-template-columns:minmax(320px,1.08fr) minmax(260px,.92fr);gap:44px;align-items:center}.visual-panel{position:relative;min-height:390px;padding:24px;overflow:hidden;background:linear-gradient(180deg,rgba(8,18,15,.9),rgba(5,10,9,.9))}.visual-panel:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(60,246,210,.08) 0 1px,transparent 1px 72px);animation:panelSweep 7s linear infinite}.scanner-line{position:absolute;left:0;right:0;top:20%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--pink),transparent);box-shadow:0 0 26px rgba(60,246,210,.5);animation:scanLine 2.4s ease-in-out infinite}.equalizer{position:absolute;left:24px;right:24px;bottom:128px;height:150px;display:grid;grid-template-columns:repeat(8,1fr);align-items:end;gap:10px}.equalizer span{height:40%;background:linear-gradient(180deg,var(--blue),var(--cyan));animation:barMove 1.1s ease-in-out infinite}.equalizer span:nth-child(2){animation-delay:.1s}.equalizer span:nth-child(3){animation-delay:.3s}.equalizer span:nth-child(4){animation-delay:.16s}.equalizer span:nth-child(5){animation-delay:.44s}.equalizer span:nth-child(6){animation-delay:.24s}.equalizer span:nth-child(7){animation-delay:.36s}.equalizer span:nth-child(8){animation-delay:.06s}.wide-keys{position:absolute;left:24px;right:24px;bottom:24px;height:76px;grid-template-columns:repeat(10,1fr)}.visual-copy h2{margin:0 0 18px;font-size:2.7rem;line-height:1.14}.download-section{display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;margin:0 7vw 84px;padding:36px;border-color:rgba(255,213,106,.3);background:rgba(12,18,14,.92)}.download-section h2{font-size:2rem}.version-line{font-size:.92rem}.footer{display:flex;justify-content:space-between;gap:16px;padding:28px 7vw;border-top:1px solid var(--line);color:var(--muted);background:#030807}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .64s ease,transform .64s ease}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes noteDrop{0%{transform:translateY(-120px);opacity:0}12%{opacity:1}86%{opacity:1}100%{transform:translateY(390px);opacity:0}}@keyframes ringScan{0%,100%{opacity:.3;transform:translate(-50%,-50%) scale(.74)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}}@keyframes keyGlow{0%,100%{box-shadow:inset 0 0 0 rgba(60,246,210,0)}50%{box-shadow:inset 0 -26px 0 rgba(60,246,210,.48),0 0 22px rgba(60,246,210,.3)}}@keyframes panelSweep{0%{transform:translateX(-72px)}100%{transform:translateX(72px)}}@keyframes scanLine{0%,100%{top:18%;opacity:.45}50%{top:78%;opacity:1}}@keyframes barMove{0%,100%{height:22%;opacity:.55}50%{height:100%;opacity:1}}
@media (max-width:1080px){.topbar{grid-template-columns:auto auto}.nav{display:none}.hero{grid-template-columns:1fr;min-height:88vh;padding-left:24px;padding-right:24px}.hero h1{font-size:3.7rem}.show-grid,.steps{grid-template-columns:1fr 1fr}.visual-section,.download-section{grid-template-columns:1fr}.download-section .button{justify-self:start}}@media (max-width:720px){.topbar{left:10px;right:10px;top:10px}.brand-text{display:none}.download-mini{padding:0 12px}.hero{padding:118px 18px 58px}.hero h1{font-size:2.55rem;line-height:1.05}.lead{font-size:1rem}.status-row,.show-grid,.steps{grid-template-columns:1fr}.section{padding:70px 18px}.section h2,.visual-copy h2{font-size:2rem}.hero-device{min-height:360px}.score-window{height:210px}.download-section{margin:0 18px 62px;padding:24px}.footer{flex-direction:column;padding:24px 18px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}