:root{color-scheme:dark;--bg:#070a10;--panel:#0d121b;--line:#202b3a;--text:#edf5ff;--muted:#91a0b3;--accent:#55dce8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 82% 8%,#132638 0,transparent 27rem),var(--bg);color:var(--text);min-width:300px}.site-header{height:64px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;position:relative;z-index:2}.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.16em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid #57dfec88;border-radius:50%;color:var(--accent);box-shadow:0 0 24px #55dce844}.private-badge,.eyebrow{font-size:10px;letter-spacing:.18em;color:#7bd9e2}.private-badge{color:#8794a5}.hero{max-width:1440px;min-height:520px;margin:auto;padding:clamp(60px,9vw,130px) clamp(24px,7vw,110px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;overflow:hidden}.hero h1{font-size:clamp(48px,7vw,104px);line-height:.91;letter-spacing:-.065em;margin:18px 0 26px;max-width:900px}.hero h1 span{background:linear-gradient(90deg,#52e4e5,#668cff 44%,#dd64ef);background-clip:text;color:transparent}.intro{color:#a9b5c4;max-width:590px;font-size:clamp(16px,1.6vw,21px);line-height:1.65}.primary-link,button{border:1px solid #45b9c9;background:#12333d;color:#dffcff;border-radius:999px;padding:12px 19px;font-weight:750;cursor:pointer}.primary-link{display:inline-block;margin-top:18px;text-decoration:none}.primary-link:hover,button:hover{background:#184653}.orb{width:min(30vw,380px);aspect-ratio:1;justify-self:center;border-radius:50%;position:relative;background:radial-gradient(circle at 42% 38%,#b5ffff,#47cfdc 7%,#4555d8 24%,#aa3ec980 42%,transparent 69%);filter:drop-shadow(0 0 46px #396bea66);animation:breathe 4s ease-in-out infinite}.orb i{position:absolute;inset:8%;border:1px solid #8cefff55;border-radius:50%;animation:orbit 9s linear infinite}.orb i:nth-child(2){inset:-9%;animation-duration:14s;transform:rotateX(64deg)}.orb i:nth-child(3){inset:23%;animation-duration:6s;animation-direction:reverse}@keyframes breathe{50%{transform:scale(1.045);filter:drop-shadow(0 0 70px #865cff77)}}@keyframes orbit{to{transform:rotate(360deg)}}.experience,.discover{max-width:1440px;margin:auto;padding:70px clamp(18px,5vw,72px)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-title h2,.discover h2{font-size:clamp(30px,4vw,54px);margin:5px 0}.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.actions button:last-child{background:#101722;border-color:#334153}.stage{height:clamp(300px,48vw,610px);position:relative;border:1px solid #263448;border-radius:20px 20px 0 0;overflow:hidden;background:radial-gradient(circle at 50% 70%,#101f35,#060911 65%)}#visualizer{width:100%;height:100%;display:block}.stage-overlay{position:absolute;inset:18px 20px auto;display:flex;justify-content:space-between;color:#8292a6;font-size:10px;letter-spacing:.14em;pointer-events:none}.instrument-panel{background:#0c1119;border:1px solid #263448;border-top:0;border-radius:0 0 20px 20px;padding:14px 18px 20px}.status-row{display:flex;gap:18px;align-items:center;justify-content:space-between;color:#8997aa;font-size:11px;margin-bottom:12px}.status-row label{display:flex;align-items:center;gap:8px}.status-row input{width:90px}.piano-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:5px}.piano{height:160px;min-width:760px;position:relative;display:flex;user-select:none;touch-action:none}.key{border:0;border-radius:0 0 8px 8px;padding:0;position:relative;cursor:pointer}.key.white{height:100%;flex:1;background:linear-gradient(#f8fbff,#cfd6df);border:1px solid #75808d;color:#1a2029;z-index:1}.key.black{position:absolute;width:8.2%;height:62%;background:linear-gradient(#303845,#080b10);border:1px solid #546172;color:#dce7f3;z-index:3;transform:translateX(-50%)}.key span{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:11px;pointer-events:none}.key.active{background:linear-gradient(var(--note-color),#131923);box-shadow:inset 0 0 28px var(--note-color),0 0 22px var(--note-color);color:white}.keyboard-help{text-align:center;color:#68788c;font-size:11px;margin:8px 0 0}.discover{padding-bottom:120px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.cards article{min-height:220px;background:linear-gradient(145deg,#101722,#0a0e15);border:1px solid #202b3a;border-radius:16px;padding:28px}.cards span{font-size:9px;letter-spacing:.18em;color:#68d7e2}.cards h3{font-size:24px;margin:48px 0 10px}.cards p{color:#8d9bad;line-height:1.6}footer{border-top:1px solid #1c2531;padding:28px clamp(18px,5vw,72px);display:flex;justify-content:space-between;color:#68768a;font-size:10px;letter-spacing:.1em}@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:auto}.orb{position:absolute;width:280px;right:-100px;top:100px;opacity:.38}.hero-copy{position:relative;z-index:1}.section-title,.status-row{align-items:flex-start;flex-direction:column}.actions{justify-content:flex-start}.cards{grid-template-columns:1fr}.stage{height:420px}.instrument-panel{padding-inline:10px}}@media(max-width:480px){.site-header{height:56px}.private-badge{font-size:8px}.hero{padding-top:70px;padding-bottom:70px}.hero h1{font-size:49px}.experience{padding-inline:10px}.stage{height:360px;border-radius:14px 14px 0 0}.stage-overlay{inset:12px;font-size:8px}.piano{height:140px;min-width:680px}.status-row{gap:8px}.actions button{flex:1}.discover{padding-top:50px}footer{gap:16px;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.orb,.orb i{animation:none!important}}