:root{--accent:#007aff;--bg:#f9f9f9;--fg:#111;--card-bg:#ffffffb3;--card-border:#0000000d;--font-main:"Inter", system-ui, sans-serif}:root.dark{--bg:#05070a;--fg:#fff;--card-bg:#ffffff03;--card-border:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);min-height:100dvh;font-family:var(--font-main);color:var(--fg);width:100%;transition:background-color .3s,color .3s;overflow-x:hidden}.fade-in-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}#glow{pointer-events:none;z-index:1;background:radial-gradient(circle,#007aff1a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:fixed;transform:translate(-50%,-50%)}.landing-wrapper{z-index:10;background:radial-gradient(circle at 50% 0,#007aff0d,#0000);justify-content:center;align-items:center;min-height:100dvh;padding:6rem 2rem;display:flex;position:relative}.top-controls{gap:1rem;margin-left:auto;display:flex}.lang-selector,.theme-selector{backdrop-filter:blur(10px);border:1px solid var(--card-border);background:#8080800d;border-radius:100px;gap:.25rem;padding:.4rem;display:flex}.top-controls button{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.4rem;font-size:1.1rem;transition:background .2s;display:none}.top-controls button.active-toggle{background:var(--accent);color:#fff;display:block}.lang-selector:hover button,.theme-selector:hover button{display:block}.top-controls button:hover{background:#8080801a}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(50px);border:1px solid var(--card-border);text-align:center;opacity:0;border-radius:40px;width:100%;max-width:800px;padding:4rem;box-shadow:0 40px 100px -20px #0000001a}:root.dark .glass-card{box-shadow:0 40px 100px -20px #000000e6}.logo{letter-spacing:-.06em;background:linear-gradient(to bottom, var(--fg) 40%, #80808066);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3.5rem;font-weight:800}.divider{background:linear-gradient(to right, transparent, var(--card-border), transparent);height:1px;margin:2rem 0}.title{letter-spacing:-.04em;margin-bottom:.5rem;font-size:2.5rem;font-weight:800;line-height:1}.tagline{color:var(--accent);margin-bottom:1.5rem;font-size:1.5rem;font-style:italic;font-weight:600}.pain-point{opacity:.8;margin-bottom:1rem;font-size:1.1rem;font-weight:500}.subtitle{color:var(--fg);opacity:.5;max-width:500px;margin:0 auto 2rem;font-size:1rem;line-height:1.6}.hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.btn-primary{background:var(--accent);color:#fff;border-radius:12px;padding:.8rem 1.5rem;font-weight:700;text-decoration:none;transition:transform .2s;box-shadow:0 4px 12px #007aff4d}.btn-primary:hover{transform:translateY(-2px)}.btn-primary:active,.btn-play:active{transform:scale(.95)}.mini-score-preview{border:1px solid #00000014;border-radius:4px;max-width:500px;margin:0 auto 3rem;padding:1.5rem;position:relative;box-shadow:0 10px 40px -10px #0000001a,0 0 0 1px #0000000d;color:#000!important;background:#fdfcf0 url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paperFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paperFilter)' opacity='0.05'/%3E%3C/svg%3E")!important}:root.dark .mini-score-preview{border-color:#0000001a;background:#fdfcf0!important}.sync-badge{text-transform:uppercase;letter-spacing:.05em;color:#333;z-index:10;background:#0000000d;border-radius:100px;align-items:center;gap:.4rem;padding:.3rem .6rem;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:.75rem;right:.75rem}.sync-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s infinite sync-pulse}@keyframes sync-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}#osmd-container{color:#666;justify-content:center;align-items:center;width:100%;min-height:150px;font-size:.8rem;display:flex}.preview-label{letter-spacing:.1em;opacity:.3;margin-top:1rem;font-size:.6rem;font-weight:800;color:#000!important}.metronome-wrapper{flex-direction:column;align-items:center;gap:1rem;margin-bottom:4rem;display:flex}.metronome-header{align-items:center;gap:2rem;display:flex}.metronome-container{justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.btn-play{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s;display:flex;box-shadow:0 4px 12px #007aff4d}.btn-play:hover{transform:scale(1.05)}.pulse-dot{background:var(--accent);width:12px;height:12px;box-shadow:0 0 15px var(--accent);border-radius:50%;position:relative}.pulse-ring{border:2px solid var(--accent);opacity:0;border-radius:50%;width:12px;height:12px;position:absolute}.pulse-active{animation:pulse-ring-anim var(--pulse-duration,.5s) infinite cubic-bezier(.215, .61, .355, 1)}@keyframes pulse-ring-anim{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(5)}}.bpm-control{flex-direction:column;align-items:center;gap:.5rem;width:200px;display:flex}.bpm-control span{color:var(--accent);font-size:.8rem;font-weight:800}#bpm-slider{width:100%;accent-color:var(--accent);cursor:pointer}.voice-selector{border:1px solid var(--card-border);background:#8080800d;border-radius:100px;gap:.35rem;margin-top:.5rem;padding:.3rem;display:flex}.voice-btn{cursor:pointer;background:0 0;border:none;border-radius:100px;place-items:center;width:2.55rem;height:2.55rem;font-size:1.15rem;transition:transform .15s,background .15s,box-shadow .15s;display:grid;position:relative}.voice-btn:hover{transform:scale(1.08)}.voice-btn.active-toggle{background:var(--accent);transform:scale(1.06);box-shadow:0 4px 14px #007aff59}.voice-badge{background:var(--fg);width:.95rem;height:.95rem;color:var(--bg);border-radius:999px;place-items:center;font-size:.55rem;font-weight:800;line-height:1;display:grid;position:absolute;bottom:.1rem;right:.15rem}.voice-btn.active-toggle .voice-badge{color:var(--accent);background:#fff}.btn-play[aria-busy=true]{opacity:.65;pointer-events:none}.pulse-label{letter-spacing:.2em;opacity:.3;font-size:.7rem;font-weight:800}.formats-ticker-wrapper{white-space:nowrap;opacity:.4;margin:2rem 0 4rem;padding:1rem 0;position:relative;overflow:hidden}.formats-ticker-wrapper:before,.formats-ticker-wrapper:after{content:"";z-index:2;width:100px;position:absolute;top:0;bottom:0}.formats-ticker-wrapper:before{background:linear-gradient(to right, var(--bg), transparent);left:0}.formats-ticker-wrapper:after{background:linear-gradient(to left, var(--bg), transparent);right:0}.formats-ticker{animation:30s linear infinite scroll-ticker;display:inline-flex}.ticker-content{padding:0 2rem;font-size:.85rem;font-weight:600}@keyframes scroll-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.features{text-align:left;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.feature-item{border:1px solid var(--card-border);background:#8080800d;border-radius:20px;padding:1.5rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .3s,border-color .3s}.feature-item:hover{background:#80808014;border-color:#007aff33;transform:translateY(-5px)}.feature-icon{color:var(--accent);margin-bottom:1rem}.feature-item h3{margin-bottom:.5rem;font-size:1.1rem}.feature-item p{opacity:.6;font-size:.9rem;line-height:1.5}.human-touch{margin-bottom:2rem}.human-badge{opacity:.7;justify-content:center;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.faq-section{text-align:left;margin-bottom:5rem}.faq-title{text-align:center;letter-spacing:-.02em;margin-bottom:2.5rem;font-size:1.5rem;font-weight:800}.faq-container{flex-direction:column;gap:.75rem;max-width:600px;margin:0 auto;display:flex}.faq-container details{border:1px solid var(--card-border);background:#80808008;border-radius:16px;transition:background-color .2s;overflow:hidden}.faq-container details[open]{background:#8080800f}.faq-container summary{cursor:pointer;outline:none;justify-content:space-between;align-items:center;padding:1.25rem;font-weight:700;list-style:none;display:flex}.faq-container summary::-webkit-details-marker{display:none}.faq-container summary:after{content:"+";opacity:.5;font-size:1.2rem}.faq-container details[open] summary:after{content:"−"}.faq-container p{opacity:.7;padding:0 1.25rem 1.25rem;font-size:.95rem;line-height:1.6}.stack-section{flex-direction:column;align-items:center;gap:1rem;margin-bottom:4rem;display:flex}.stack-label{letter-spacing:.1em;opacity:.4;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.65rem;font-weight:800;display:flex}.stack-list{opacity:.6;flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.stack-list span{border:1px solid var(--card-border);background:#8080801a;border-radius:6px;padding:.3rem .7rem;font-size:.7rem;font-weight:700;transition:all .2s}.stack-list span:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)}.waitlist{flex-direction:column;justify-content:center;align-items:center;min-height:80px;margin-bottom:3rem;display:flex}.waitlist-container{flex-direction:column;gap:2.5rem;width:100%;max-width:800px;display:flex}.waitlist-cta{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.waitlist-prompt{opacity:.9;font-size:1.1rem;font-weight:700}.waitlist-form{border:1px solid var(--card-border);background:#8080800d;border-radius:16px;gap:.5rem;width:100%;max-width:450px;padding:.4rem;display:flex}.waitlist-form button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:.8rem 1.5rem;font-weight:700;animation:3s infinite pulse-soft}@keyframes pulse-soft{0%,to{box-shadow:0 0 #007aff00}50%{box-shadow:0 0 0 8px #007aff1a}}.waitlist-form input{color:var(--fg);background:0 0;border:none;outline:none;flex:1;padding:.8rem 1rem;font-size:.9rem}.waitlist-toast{text-align:center;width:100%;max-width:450px;color:var(--fg);border:1px solid var(--card-border);backdrop-filter:blur(12px);opacity:0;background:#8080801f;border-radius:12px;margin-top:.25rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;line-height:1.35;transform:translateY(6px)}.waitlist-toast.toast-in{animation:.28s forwards waitlist-toast-in}.waitlist-toast.toast-out{animation:.28s forwards waitlist-toast-out}@keyframes waitlist-toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes waitlist-toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}.success-message{text-align:center}.rock-icon{margin-bottom:.5rem;font-size:2rem}.success-message p{color:var(--accent);font-weight:700}.github-link{opacity:.85;color:var(--fg);border:1px solid var(--card-border);background:#8080800d;border-radius:16px;align-items:center;gap:1rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .2s;display:inline-flex}.github-link:hover{opacity:1;background:#8080801a;transform:translateY(-2px)}.github-text{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.github-label{font-size:.9rem;font-weight:700}.github-sub{opacity:.6;font-size:.7rem;font-weight:400}.github-badge{border-left:1px solid var(--card-border);padding-left:1rem}.footer-credit{flex-direction:column;align-items:center;gap:1rem;margin-top:4rem;display:flex}.footer-main{opacity:.25;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--fg);opacity:.3;font-size:.7rem;text-decoration:none;transition:opacity .2s}.footer-links a:hover{opacity:.7}.glass-header{z-index:1000;background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;right:0}.glass-header.visible{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);height:60px}.glass-header .logo-small{letter-spacing:-.04em;font-size:1.2rem;font-weight:800}.glass-header .btn-cta{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-left:1rem;padding:.5rem 1rem;font-size:.8rem;font-weight:700;text-decoration:none}.glass-header .btn-login{color:var(--text-color,currentColor);border:1px solid var(--card-border);cursor:pointer;white-space:nowrap;border-radius:10px;margin-left:1rem;padding:.5rem 1rem;font-size:.8rem;font-weight:700;text-decoration:none}.glass-header .btn-login:hover{background:#8080801a}.grain-overlay{opacity:.025;pointer-events:none;z-index:9999;contrast:120%;brightness:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;inset:0}.pricing-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;margin-top:1rem;display:grid}.pricing-card{border:1px solid var(--card-border);text-align:left;background:#8080800d;border-radius:24px;flex-direction:column;gap:1rem;padding:2rem;transition:transform .3s;display:flex;position:relative}.pricing-card:hover{border-color:#007aff33;transform:translateY(-4px)}.pricing-card h3{letter-spacing:-.02em;font-size:1.2rem;font-weight:800}.pricing-card:has(.pricing-badge) h3{padding-right:5.5rem}.pricing-card p{opacity:.6;flex-grow:1;font-size:.9rem;line-height:1.5}.pricing-card .card-action{align-self:flex-start;margin-top:1rem}.pricing-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:#007aff1f;border:1px solid #007aff40;border-radius:100px;padding:.25rem .6rem;font-size:.65rem;font-weight:800;position:absolute;top:1.1rem;right:1.1rem}@media (width<=640px){.glass-card{padding:2.5rem 1.5rem}.logo{font-size:2.5rem}.title{font-size:1.8rem}.features{grid-template-columns:1fr}.waitlist-form{flex-direction:column}.top-controls{gap:.5rem}}