:root{--accent: #007aff;--bg: #f9f9f9;--fg: #111;--card-bg: rgba(255, 255, 255, .7);--card-border: rgba(0, 0, 0, .05);--font-main: "Inter", system-ui, sans-serif}:root.dark{--bg: #05070a;--fg: #fff;--card-bg: rgba(255, 255, 255, .01);--card-border: rgba(255, 255, 255, .05)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);min-height:100vh;font-family:var(--font-main);color:var(--fg);transition:background-color .3s,color .3s}.fade-in-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@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{position:fixed;width:600px;height:600px;background:radial-gradient(circle,rgba(0,122,255,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:1}.landing-wrapper{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 0%,rgba(0,122,255,.05),transparent);padding:6rem 2rem;z-index:10}.top-controls{display:flex;gap:1rem;margin-left:auto}.lang-selector,.theme-selector{background:#8080800d;backdrop-filter:blur(10px);border:1px solid var(--card-border);padding:.4rem;border-radius:100px;display:flex;gap:.25rem}.top-controls button{display:none;background:transparent;border:none;cursor:pointer;font-size:1.1rem;padding:.4rem;border-radius:50%;transition:background .2s}.top-controls button.active-toggle{display:block;background:var(--accent);color:#fff}.lang-selector:hover button,.theme-selector:hover button{display:block}.top-controls button:hover{background:#8080801a}.glass-card{background:var(--card-bg);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);border:1px solid var(--card-border);border-radius:40px;padding:4rem;max-width:800px;width:100%;text-align:center;box-shadow:0 40px 100px -20px #0000001a;opacity:0}:root.dark .glass-card{box-shadow:0 40px 100px -20px #000000e6}.logo{font-size:3.5rem;font-weight:800;letter-spacing:-.06em;background:linear-gradient(to bottom,var(--fg) 40%,rgba(128,128,128,.4));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.divider{height:1px;background:linear-gradient(to right,transparent,var(--card-border),transparent);margin:2rem 0}.title{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;line-height:1;letter-spacing:-.04em}.tagline{font-size:1.5rem;font-weight:600;color:var(--accent);margin-bottom:1.5rem;font-style:italic}.pain-point{font-size:1.1rem;font-weight:500;margin-bottom:1rem;opacity:.8}.subtitle{font-size:1rem;color:var(--fg);opacity:.5;line-height:1.6;max-width:500px;margin:0 auto 2rem}.hero-ctas{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.btn-primary,.btn-secondary{padding:.8rem 1.5rem;border-radius:12px;font-weight:700;text-decoration:none;transition:transform .2s}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 12px #007aff4d}.btn-secondary{background:#8080801a;color:var(--fg);border:1px solid var(--card-border)}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)}.btn-primary:active,.btn-secondary:active,.btn-play:active{transform:scale(.95)}.mini-score-preview{margin:0 auto 3rem;max-width:500px;background:#fdfcf0!important;background-image: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;color:#000!important;border:1px solid rgba(0,0,0,.08);padding:1.5rem;border-radius:4px;position:relative;box-shadow:0 10px 40px -10px #0000001a,0 0 0 1px #0000000d}:root.dark .mini-score-preview{background:#fdfcf0!important;border-color:#0000001a}.sync-badge{position:absolute;top:.75rem;right:.75rem;background:#0000000d;padding:.3rem .6rem;border-radius:100px;display:flex;align-items:center;gap:.4rem;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#333;z-index:10}.sync-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:sync-pulse 2s infinite}@keyframes sync-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}#osmd-container{width:100%;min-height:150px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#666}.preview-label{font-size:.6rem;font-weight:800;letter-spacing:.1em;opacity:.3;margin-top:1rem;color:#000!important}.metronome-wrapper{margin-bottom:4rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.metronome-header{display:flex;align-items:center;gap:2rem}.metronome-container{display:flex;align-items:center;justify-content:center;position:relative;width:20px;height:20px}.btn-play{background:var(--accent);color:#fff;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #007aff4d;transition:transform .2s}.btn-play:hover{transform:scale(1.05)}.pulse-dot{width:12px;height:12px;background:var(--accent);border-radius:50%;position:relative;box-shadow:0 0 15px var(--accent)}.pulse-ring{position:absolute;width:12px;height:12px;border:2px solid var(--accent);border-radius:50%;opacity:0}.pulse-active{animation:pulse-ring-anim var(--pulse-duration, .5s) infinite cubic-bezier(.215,.61,.355,1)}@keyframes pulse-ring-anim{0%{transform:scale(1);opacity:1}to{transform:scale(5);opacity:0}}.bpm-control{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:200px}.bpm-control span{font-size:.8rem;font-weight:800;color:var(--accent)}#bpm-slider{width:100%;accent-color:var(--accent);cursor:pointer}.voice-selector{display:flex;gap:.5rem;margin-top:.5rem;background:#8080800d;padding:.25rem;border-radius:100px}.voice-btn{background:transparent;border:none;cursor:pointer;font-size:1rem;padding:.4rem .6rem;border-radius:100px;transition:all .2s}.voice-btn.active-toggle{background:var(--card-bg);box-shadow:0 2px 8px #0000001a;transform:scale(1.1)}.pulse-label{font-size:.7rem;font-weight:800;letter-spacing:.2em;opacity:.3}.formats-ticker-wrapper{margin:2rem 0 4rem;overflow:hidden;white-space:nowrap;position:relative;padding:1rem 0;opacity:.4}.formats-ticker-wrapper:before,.formats-ticker-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2}.formats-ticker-wrapper:before{left:0;background:linear-gradient(to right,var(--bg),transparent)}.formats-ticker-wrapper:after{right:0;background:linear-gradient(to left,var(--bg),transparent)}.formats-ticker{display:inline-flex;animation:scroll-ticker 30s linear infinite}.ticker-content{font-size:.85rem;font-weight:600;padding:0 2rem}@keyframes scroll-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;text-align:left}.feature-item{background:#8080800d;border:1px solid var(--card-border);padding:1.5rem;border-radius:20px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .3s,border-color .3s}.feature-item:hover{transform:translateY(-5px);background:#80808014;border-color:#007aff33}.feature-icon{color:var(--accent);margin-bottom:1rem}.feature-item h3{font-size:1.1rem;margin-bottom:.5rem}.feature-item p{font-size:.9rem;opacity:.6;line-height:1.5}.human-touch{margin-bottom:2rem}.human-badge{font-size:.8rem;font-weight:600;opacity:.7;display:flex;align-items:center;justify-content:center;gap:.5rem}.faq-section{margin-bottom:5rem;text-align:left}.faq-title{font-size:1.5rem;font-weight:800;text-align:center;margin-bottom:2.5rem;letter-spacing:-.02em}.faq-container{display:flex;flex-direction:column;gap:.75rem;max-width:600px;margin:0 auto}.faq-container details{background:#80808008;border:1px solid var(--card-border);border-radius:16px;overflow:hidden;transition:background-color .2s}.faq-container details[open]{background:#8080800f}.faq-container summary{padding:1.25rem;font-weight:700;cursor:pointer;outline:none;list-style:none;display:flex;justify-content:space-between;align-items:center}.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{padding:0 1.25rem 1.25rem;font-size:.95rem;opacity:.7;line-height:1.6}.stack-section{margin-bottom:4rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.stack-label{font-size:.65rem;font-weight:800;letter-spacing:.1em;opacity:.4;display:flex;align-items:center;gap:.4rem;text-transform:uppercase}.stack-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;opacity:.6}.stack-list span{font-size:.7rem;font-weight:700;background:#8080801a;padding:.3rem .7rem;border-radius:6px;border:1px solid var(--card-border);transition:all .2s}.stack-list span:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)}.waitlist{margin-bottom:3rem;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}.waitlist-container{max-width:800px;width:100%;display:flex;flex-direction:column;gap:2.5rem}.waitlist-cta{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.waitlist-prompt{font-weight:700;font-size:1.1rem;opacity:.9}.waitlist-form{display:flex;gap:.5rem;width:100%;max-width:450px;background:#8080800d;padding:.4rem;border:1px solid var(--card-border);border-radius:16px}.waitlist-form button{background:var(--accent);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:12px;font-weight:700;cursor:pointer;animation:pulse-soft 3s infinite}@keyframes pulse-soft{0%,to{box-shadow:0 0 #007aff00}50%{box-shadow:0 0 0 8px #007aff1a}}.waitlist-form input{flex:1;background:transparent;border:none;padding:.8rem 1rem;color:var(--fg);font-size:.9rem;outline:none}.success-message{text-align:center}.rock-icon{font-size:2rem;margin-bottom:.5rem}.success-message p{font-weight:700;color:var(--accent)}.github-link{display:inline-flex;align-items:center;gap:1rem;opacity:.5;text-decoration:none;color:var(--fg);transition:all .2s ease;padding:.75rem 1.25rem;background:#8080800d;border:1px solid var(--card-border);border-radius:16px}.github-link:hover{opacity:1;background:#8080801a;transform:translateY(-2px)}.github-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.github-label{font-size:.9rem;font-weight:700}.github-sub{font-size:.7rem;opacity:.6;font-weight:400}.github-badge{border-left:1px solid var(--card-border);padding-left:1rem}.footer-credit{margin-top:4rem;display:flex;flex-direction:column;gap:1rem;align-items:center}.footer-main{font-size:.75rem;opacity:.25;text-transform:uppercase;letter-spacing:.1em}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-size:.7rem;color:var(--fg);opacity:.3;text-decoration:none;transition:opacity .2s}.footer-links a:hover{opacity:.7}.glass-header{position:fixed;top:0;left:0;right:0;height:70px;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:1000;transition:all .4s cubic-bezier(.16,1,.3,1);border-bottom:1px solid transparent}.glass-header.visible{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);height:60px}.glass-header .logo-small{font-weight:800;letter-spacing:-.04em;font-size:1.2rem}.glass-header .btn-cta{background:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:10px;font-weight:700;font-size:.8rem;cursor:pointer;text-decoration:none;margin-left:1rem}.grain-overlay{position:fixed;inset:0;width:100%;height: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");opacity:.025;pointer-events:none;z-index:9999;contrast:120%;brightness:100%}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem;width:100%}.pricing-card{background:#8080800d;border:1px solid var(--card-border);padding:2rem;border-radius:24px;text-align:left;display:flex;flex-direction:column;gap:1rem;transition:transform .3s ease}.pricing-card:hover{transform:translateY(-4px);border-color:#007aff33}.pricing-card h3{font-size:1.2rem;font-weight:800;letter-spacing:-.02em}.pricing-card p{font-size:.9rem;opacity:.6;line-height:1.5;flex-grow:1}.pricing-card .card-action{align-self:flex-start;margin-top:1rem}@media(max-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}}