@keyframes badgeFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{opacity:.1}to{opacity:.3}}@keyframes heroButtonsFadeIn{0%{opacity:0;transform:translateY(30px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes phoneFloat{0%,to{transform:rotateX(5deg) rotateY(-10deg)}50%{transform:rotateX(-5deg) rotateY(10deg)}}@keyframes phoneGlow{0%{opacity:.2;transform:scale(.95)}to{opacity:.4;transform:scale(1.05)}}@keyframes backgroundFloat{0%,to{transform:scale(1) rotate(0deg);opacity:.6}50%{transform:scale(1.05) rotate(1deg);opacity:.8}}@keyframes mapFadeIn{0%{opacity:0}to{opacity:.6}}@keyframes cityPulse{0%,70%,to{transform:scale(1);opacity:.9}10%,40%{transform:scale(2);opacity:1;box-shadow:0 0 4px #ff00ae,0 0 8px rgba(255,0,174,.6),0 0 12px rgba(255,0,174,.4)}}@keyframes noteFloat{0%{bottom:var(--start-position, 35%);opacity:0;transform:translateX(-50%) scale(.5) rotate(0deg)}15%{opacity:1;transform:translateX(-50%) scale(1) rotate(45deg)}85%{opacity:1;transform:translateX(-50%) scale(.8) rotate(315deg)}to{bottom:90%;opacity:0;transform:translateX(-50%) scale(.3) rotate(360deg)}}@keyframes orbFloat1{0%,to{transform:translateX(0) translateY(0) scale(1)}33%{transform:translateX(30px) translateY(-50px) scale(1.1)}66%{transform:translateX(-20px) translateY(30px) scale(.9)}}@keyframes orbFloat2{0%,to{transform:translateX(0) translateY(0) scale(1)}50%{transform:translateX(-40px) translateY(-30px) scale(1.2)}}@keyframes flyOut{0%{opacity:1;transform:translate(0,0) scale(.5) rotate(0deg)}to{opacity:0;transform:translate(var(--dx, 60px),var(--dy, -60px)) scale(1.2) rotate(360deg)}}@keyframes float{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-20px) rotate(2deg)}}@keyframes twinkle{0%{opacity:.7}50%{opacity:1}to{opacity:.8}}@keyframes nebulaDrift{0%,to{transform:translate(0,0) scale(1)}25%{transform:translate(20px,-30px) scale(1.1)}50%{transform:translate(-15px,20px) scale(.9)}75%{transform:translate(25px,10px) scale(1.05)}}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(0deg) translateX(var(--orbit-radius)) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(var(--orbit-radius)) rotate(-360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.6}}@keyframes atmosphereShift{0%,to{transform:scale(1) rotate(0deg);opacity:.6}50%{transform:scale(1.1) rotate(2deg);opacity:.8}}@keyframes formulaFloat{0%,to{transform:translateY(0) rotate(0deg);opacity:.3}50%{transform:translateY(-20px) rotate(1deg);opacity:.6}}@keyframes waveMotion{0%,to{d:path("M0,200 Q300,150 600,200 T1200,200 V400 H0 Z")}50%{d:path("M0,180 Q300,130 600,180 T1200,180 V400 H0 Z")}}@keyframes dotPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@font-face{font-family:"Inter";src:url(../fonts/Inter-latin.var.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-900:#0c4a6e;--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-accent:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-warm:linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-rainbow:linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #f5576c 75%, #4facfe 100%);--bg-primary:#0a0a0a;--bg-secondary:#111111;--bg-tertiary:#1a1a1a;--bg-elevated:#222222;--text-primary:#ffffff;--text-secondary:#a1a1aa;--text-muted:#6b7280;--text-accent:#f4f4f5;--glass-bg:rgba(255, 255, 255, 0.05);--glass-border:rgba(255, 255, 255, 0.1);--glass-shadow:0 8px 32px rgba(0, 0, 0, 0.3);--blur-sm:blur(8px);--blur-md:blur(16px);--blur-lg:blur(24px);--blur-xl:blur(40px);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--ease-smooth:cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce:cubic-bezier(0.68, -0.55, 0.265, 1.55);--ease-dramatic:cubic-bezier(0.25, 0.46, 0.45, 0.94);--container-max:1400px;--header-height:80px}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden}html{scroll-behavior:smooth}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-feature-settings:"cv11","ss01";font-variation-settings:"opsz"32;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container-max);margin:0 auto;padding:0 clamp(1rem,5vw,3rem)}.cursor-follower{position:fixed;width:20px;height:20px;border-radius:50%;background:var(--gradient-primary);pointer-events:none;z-index:9999;mix-blend-mode:difference;opacity:0;transition:opacity .3s var(--ease-smooth)}body:hover .cursor-follower{opacity:1}.navbar{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:1000;padding:.75rem 0;backdrop-filter:var(--blur-md);border-radius:2rem;transition:all .4s var(--ease-smooth);box-shadow:0 8px 32px rgba(0,0,0,.1);width:calc(100% - 2rem);max-width:calc(var(--container-max) - 2rem)}.nav-container,.nav-logo{display:flex;align-items:center}.nav-container{justify-content:space-between;gap:2rem;max-width:none;margin:0 auto;padding:0 clamp(1rem,5vw,3rem)}.nav-logo{gap:.75rem;font-weight:700;font-size:1.25rem;color:var(--text-primary);text-decoration:none}.logo-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--gradient-primary);transition:all .3s var(--ease-smooth)}.nav-logo:hover .logo-icon{background:var(--gradient-rainbow)}.nav-menu{display:flex;gap:2rem}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer;padding:.5rem;z-index:10001}.mobile-menu-toggle span{width:25px;height:3px;background:var(--text-primary);margin:3px 0;transition:.3s;border-radius:2px}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.nav-link{position:relative;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.9rem;transition:color .3s var(--ease-smooth)}.gradient-text::after,.nav-link::after{content:"";position:absolute;left:0;background:var(--gradient-primary)}.nav-link::after{bottom:-.5rem;width:0;height:2px;transition:width .3s var(--ease-smooth)}.footer-links a:hover,.nav-link:hover{color:var(--text-primary)}.nav-link:hover::after{width:100%}.hero,.hero .container{align-items:center;position:relative}.hero{min-height:100vh;display:flex;overflow:hidden;padding:var(--header-height)0 0}.hero-background{position:absolute;inset:0;z-index:-1}.hero-gradient{display:none}.floating-elements{position:absolute;inset:0;overflow:hidden}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;z-index:1}.hero-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--glass-bg);backdrop-filter:var(--blur-sm);border-radius:2rem;margin-bottom:2rem;font-size:.85rem;font-weight:500;color:var(--text-secondary);box-shadow:0 4px 20px rgba(0,0,0,.1);opacity:0;animation:badgeFadeIn 1s ease-out 1.5s forwards}.hero-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:900;line-height:1;margin-bottom:1.5rem;letter-spacing:-.02em}.title-line{display:block}.gradient-text{background:linear-gradient(91deg,#ff00d0,#fff000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.gradient-text::after{top:0;right:0;bottom:0;filter:blur(15px);opacity:.2;z-index:-1;animation:glow 2s ease-in-out infinite alternate;border-radius:.2em}.hero-subtitle{font-size:clamp(1.125rem,2.5vw,1.375rem);color:var(--text-secondary);margin-bottom:3rem;line-height:1.6;max-width:32rem}.hero-download-buttons{display:flex;flex-direction:column;justify-content:center;gap:1.5rem;max-width:300px;margin:2rem auto 0;opacity:0;transform:translateY(30px);animation:heroButtonsFadeIn .8s ease-out 2.5s forwards}@media (min-width:768px){.hero-download-buttons{flex-direction:row;gap:1rem}}.hero-store-button,.hero-store-button img{display:block;transition:all .3s var(--ease-smooth)}.hero-store-button{border-radius:var(--radius-sm);overflow:visible;opacity:.9;transform:scale(1);position:relative;background:var(--glass-bg);backdrop-filter:var(--blur-md);box-shadow:0 8px 32px rgba(0,0,0,.1);text-decoration:none}.hero-store-button:hover{opacity:1;transform:translateY(-4px) scale(1.05);filter:brightness(1.1);box-shadow:0 12px 40px rgba(0,0,0,.2)}.hero-store-button img{width:100%;height:auto;min-width:160px;max-width:200px}.hero-store-button .button-notes{position:absolute;inset:0;pointer-events:none;overflow:visible}.hero-store-button .flying-note{position:absolute;font-size:1.2rem;color:rgba(255,255,255,.8);pointer-events:none;z-index:-10;animation:flyOut 2s ease-out forwards}@media (max-width:768px){.hero-download-buttons{flex-direction:row;align-items:center;justify-content:center;margin:2rem 0 0;max-width:100%;gap:1rem}.hero-store-button{background:0 0;backdrop-filter:none;box-shadow:none;border-radius:0;flex:0 0 auto}.hero-store-button img{min-width:120px;max-width:140px}}.app-store-ratings-header{display:flex;align-items:center;gap:.75rem}.app-store-ratings-score{font-size:2rem;font-weight:800;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.app-store-ratings-stars{display:flex;gap:.25rem;align-items:center}.star-container{width:1.25rem;height:1.25rem;transition:transform .2s var(--ease-smooth)}.star-container:hover{transform:scale(1.1)}.star-container svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(255,255,255,.2))}.app-store-ratings-text{font-size:.9rem;color:var(--text-secondary);font-weight:500}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.cta-primary{position:relative;background:var(--gradient-primary);border:0;padding:1rem 2rem;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;overflow:hidden;transition:all .3s var(--ease-smooth);box-shadow:0 8px 24px rgba(102,126,234,.3)}.cta-primary::before{content:"";inset:0;background:var(--gradient-rainbow)}.cta-primary:hover::before{opacity:1}.cta-primary span{position:relative;z-index:1}.button-glow,.cta-primary,.cta-secondary{border-radius:var(--radius-md)}.button-glow,.cta-primary::before{position:absolute;opacity:0;transition:opacity .3s var(--ease-smooth)}.button-glow{inset:-2px;background:var(--gradient-primary);filter:blur(8px);z-index:-1}.cta-primary:hover .button-glow{opacity:.6}.cta-secondary{display:flex;align-items:center;gap:.5rem;background:var(--glass-bg);border:0;padding:1rem 2rem;font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;backdrop-filter:var(--blur-sm);transition:all .3s var(--ease-smooth);box-shadow:0 4px 20px rgba(0,0,0,.1)}.cta-secondary:hover{background:rgba(255,255,255,.1);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.2)}.play-icon{width:1rem;height:1rem;color:var(--text-secondary)}.hero-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;position:relative;z-index:2;scale:.8}.phone-3d-container{position:relative;perspective:1200px;width:300px;height:620px}.phone-mockup{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:phoneFloat 6s ease-in-out infinite}.phone-screen{position:absolute;top:12px;left:12px;right:12px;bottom:12px;background:#000;border-radius:40px;overflow:hidden;z-index:2;box-shadow:inset 0 0 0 2px rgba(255,255,255,.1),0 20px 60px rgba(0,0,0,.3)}.phone-screenshot{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:38px;z-index:3}.phone-frame{position:absolute;inset:0;background:#000;border-radius:50px;z-index:1;box-shadow:0 25px 80px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.1),inset 0-1px 0 rgba(0,0,0,.2)}.phone-glow{position:absolute;inset:-20px;background:var(--gradient-primary);border-radius:70px;filter:blur(30px);opacity:.3;z-index:-1;animation:phoneGlow 4s ease-in-out infinite alternate}.hero-phone-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180%;aspect-ratio:2/3;z-index:-2;opacity:.8;pointer-events:none;background-image:url(../img/hero-phone-background-mobile.webp);background-size:contain;background-repeat:no-repeat;background-position:center}@media (min-width:769px){.hero-phone-background{background-image:url(../img/hero-phone-background.webp)}}.hero-map-background{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--container-max);height:40%;z-index:0;opacity:0;overflow:hidden;perspective:500px;perspective-origin:center top;animation:mapFadeIn 2s ease-out .5s forwards;padding-bottom:50px}.hero-map-background .world-map-container{position:relative;width:100%;height:100%;perspective:500px;translate:0 35px}.hero-map-background .world-map{position:relative;width:100%;height:100%;transform:rotateX(30deg);transform-origin:center bottom;transition:none}.hero-map-background .world-svg{opacity:.4;filter:brightness(0) invert(1);transition:none}.hero-map-background .world-svg:hover{filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(255,255,255,.3))}.city-markers,.hero-map-background .world-svg{position:absolute;top:0;left:0;width:100%;height:100%}.city-marker{position:absolute;cursor:pointer;transform:translate(-50%,-50%);transition:all .3s var(--ease-smooth);z-index:10;padding:8px;min-width:16px;min-height:16px}.city-light{width:2.5px;height:2.5px;background:#ff00ae;border-radius:50%;animation:cityPulse 3s ease-in-out infinite;box-shadow:0 0 4px #ff00ae,0 0 8px rgba(255,0,174,.6),0 0 12px rgba(255,0,174,.4)}.city-marker:nth-child(1) .city-light{animation-delay:0s}.city-marker:nth-child(2) .city-light{animation-delay:.09375s}.city-marker:nth-child(3) .city-light{animation-delay:.1875s}.city-marker:nth-child(4) .city-light{animation-delay:.28125s}.city-marker:nth-child(5) .city-light{animation-delay:.375s}.city-marker:nth-child(6) .city-light{animation-delay:.46875s}.city-marker:nth-child(7) .city-light{animation-delay:.5625s}.city-marker:nth-child(8) .city-light{animation-delay:.65625s}.city-marker:nth-child(9) .city-light{animation-delay:.75s}.city-marker:nth-child(10) .city-light{animation-delay:.84375s}.city-marker:nth-child(11) .city-light{animation-delay:.9375s}.city-marker:nth-child(12) .city-light{animation-delay:1.03125s}.city-marker:nth-child(13) .city-light{animation-delay:1.125s}.city-marker:nth-child(14) .city-light{animation-delay:1.21875s}.city-marker:nth-child(15) .city-light{animation-delay:1.3125s}.city-marker:nth-child(16) .city-light{animation-delay:1.40625s}.city-marker:nth-child(17) .city-light{animation-delay:1.5s}.city-marker:nth-child(18) .city-light{animation-delay:1.59375s}.city-marker:nth-child(19) .city-light{animation-delay:1.6875s}.city-marker:nth-child(20) .city-light{animation-delay:1.78125s}.city-marker:nth-child(21) .city-light{animation-delay:1.875s}.city-marker:nth-child(22) .city-light{animation-delay:1.96875s}.city-marker:nth-child(23) .city-light{animation-delay:2.0625s}.city-marker:nth-child(24) .city-light{animation-delay:2.15625s}.city-marker:nth-child(25) .city-light{animation-delay:2.25s}.city-marker:nth-child(26) .city-light{animation-delay:2.34375s}.city-marker:nth-child(27) .city-light{animation-delay:2.4375s}.city-marker:nth-child(28) .city-light{animation-delay:2.53125s}.city-marker:nth-child(29) .city-light{animation-delay:2.625s}.city-marker:nth-child(30) .city-light{animation-delay:2.71875s}.city-marker:nth-child(31) .city-light{animation-delay:2.8125s}.city-marker:nth-child(32) .city-light{animation-delay:2.90625s}.city-name,.floating-notes{position:absolute;pointer-events:none}.city-name{top:20px;left:50%;transform:translateX(-50%);font-size:.75rem;font-weight:500;color:var(--text-primary);background:rgba(0,0,0,.8);backdrop-filter:var(--blur-sm);padding:.25rem .5rem;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;transition:opacity .3s var(--ease-smooth);border:1px solid rgba(255,255,255,.1)}.city-marker:hover .city-name{opacity:1}.floating-notes{top:0;left:0;width:100%;height:100%;overflow:hidden}.music-note{position:absolute;font-size:1.3rem;color:rgba(255,255,255,.8);opacity:0;animation:noteFloat 3s linear infinite;user-select:none;text-shadow:0 0 5px rgba(255,255,255,.5);transition:scale .3s var(--ease-smooth);transform:scale(.5)}.music-note:nth-child(1){left:26%;animation-delay:0s;animation-duration:5s}.music-note:nth-child(2){left:50%;animation-delay:.5s;animation-duration:6s}.music-note:nth-child(3){left:82%;animation-delay:1s;animation-duration:5.5s}.music-note:nth-child(4){left:16%;animation-delay:1.5s;animation-duration:6.5s}.music-note:nth-child(5){left:54%;animation-delay:2s;animation-duration:5s}.music-note:nth-child(6){left:84%;animation-delay:2.5s;animation-duration:6s}.music-note:nth-child(7){left:34%;animation-delay:3s;animation-duration:5.5s}.music-note:nth-child(8){left:68%;animation-delay:3.5s;animation-duration:6.5s}.music-note:nth-child(9){left:20%;animation-delay:1.2s;animation-duration:5s}.music-note:nth-child(10){left:58%;animation-delay:1.8s;animation-duration:6s}.features-carousel{padding:0;background:var(--bg-secondary);position:relative;overflow:hidden}.features-carousel::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent)}.section-header{text-align:center;margin-bottom:6rem;padding:8rem 0 0}.section-title{font-size:clamp(2rem,6vw,3.5rem);font-weight:900;margin-bottom:1rem;line-height:1.2;letter-spacing:-.02em}.section-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-secondary);max-width:40rem;margin:0 auto}.features-showcase-pin{position:relative;padding:0 0 8rem}.showcase-wrapper{position:relative;height:500vh}.showcase-content{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}.showcase-inner{display:grid;grid-template-columns:1fr 400px;gap:6rem;align-items:center;width:100%;max-width:var(--container-max);margin:0 auto;padding:0 clamp(1rem,5vw,3rem)}.features-content-scroll{position:relative;z-index:2}.features-content-flow{position:relative}.feature-section.active{opacity:1;pointer-events:auto}.feature-badge{transform:translateY(20px);opacity:0;transition:all .6s var(--ease-smooth)}.feature-section.active .feature-badge{transform:translateY(0);opacity:1;transition-delay:.1s}.feature-description,.feature-highlights,.feature-title{transform:translateY(30px);opacity:0;transition:all .6s var(--ease-smooth)}.feature-section.active .feature-title{transform:translateY(0);opacity:1;transition-delay:.2s}.feature-section.active .feature-description{transform:translateY(0);opacity:1;transition-delay:.3s}.feature-highlights{transform:translateY(20px)}.feature-section.active .feature-highlights{transform:translateY(0);opacity:1;transition-delay:.4s}.highlight-tag{transform:translateY(10px);transition:all .4s var(--ease-smooth)}.feature-section.active .highlight-tag{transform:translateY(0)}.feature-section.active .highlight-tag:nth-child(1){transition-delay:.5s}.feature-section.active .highlight-tag:nth-child(2){transition-delay:.6s}.feature-section.active .highlight-tag:nth-child(3){transition-delay:.7s}.feature-section.active .highlight-tag:nth-child(4){transition-delay:.8s}.features-phone-pin{position:relative;height:70vh;display:flex;align-items:center;justify-content:center;z-index:1}.features-phone-container{position:relative;perspective:1200px;width:320px;height:640px}.features-phone-mockup{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(5deg) rotateY(-10deg);transition:transform .6s var(--ease-smooth)}.features-phone-screen{position:absolute;top:12px;left:12px;right:12px;bottom:12px;background:#000;border-radius:40px;overflow:hidden;z-index:2;box-shadow:inset 0 0 0 2px rgba(255,255,255,.1),0 20px 60px rgba(0,0,0,.3)}.phone-screenshot-container{position:relative;width:100%;height:100%;border-radius:38px;overflow:hidden}.phone-feature-screenshot{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .8s var(--ease-smooth);border-radius:38px}.phone-feature-screenshot.active{opacity:1}.features-phone-frame{position:absolute;inset:0;background:#000;border-radius:50px;z-index:1;box-shadow:0 25px 80px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.1),inset 0-1px 0 rgba(0,0,0,.2)}.features-phone-glow{position:absolute;inset:-20px;background:var(--gradient-primary);border-radius:70px;filter:blur(30px);opacity:.3;z-index:-1;transition:opacity .6s var(--ease-smooth)}.features-progress-rail{position:fixed;right:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;z-index:100;background:rgba(255,255,255,.05);backdrop-filter:var(--blur-sm);padding:1rem .5rem;border-radius:2rem;border:1px solid rgba(255,255,255,.1)}.progress-indicator{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);transition:all .3s var(--ease-smooth);cursor:pointer}.progress-indicator.active{background:var(--gradient-primary);transform:scale(1.5);box-shadow:0 0 12px rgba(102,126,234,.6)}.progress-indicator:hover:not(.active){background:rgba(255,255,255,.5);transform:scale(1.2)}.features-phone-container:hover .features-phone-mockup{transform:rotateX(2deg) rotateY(-5deg) scale(1.02)}.features-phone-container:hover .features-phone-glow{opacity:.4}@media (max-width:1024px){.showcase-wrapper{height:auto}.showcase-content{position:relative;height:auto;padding:4rem 0}.showcase-inner{grid-template-columns:1fr;gap:3rem;text-align:center}.features-phone-pin{order:-1;height:60vh;margin-bottom:2rem}.features-phone-container{width:280px;height:560px}.features-content-flow{position:relative;display:flex;flex-direction:column;gap:6rem}.feature-section{position:relative;opacity:1;pointer-events:auto;padding:3rem 0}.feature-content{max-width:none;margin:0 auto}.features-progress-rail{position:relative;right:auto;top:auto;transform:none;flex-direction:row;justify-content:center;margin:2rem auto;width:fit-content;padding:.5rem 1rem}}@media (max-width:768px){.section-header{padding:4rem 0 0;margin-bottom:3rem}.showcase-content{padding:2rem 0}.features-phone-pin{height:50vh}.features-phone-container{width:240px;height:480px}.features-content-flow{gap:4rem}.feature-section{padding:2rem 0}}.musicians-section{padding:8rem 0;background:var(--bg-primary);position:relative}.musicians-content{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.section-badge{display:inline-block;padding:.5rem 1rem;background:var(--gradient-warm);color:#fff;border-radius:2rem;font-size:.85rem;font-weight:600;margin-bottom:1.5rem}.section-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:3rem;line-height:1.7}.musician-types{display:flex;flex-direction:column;gap:2rem}.musician-type{display:flex;gap:1rem;align-items:flex-start}.type-icon{width:3rem;height:3rem;background:var(--glass-bg);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;backdrop-filter:var(--blur-sm);box-shadow:0 4px 15px rgba(0,0,0,.1)}.type-content h4{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.footer-links a,.type-content p{color:var(--text-secondary);line-height:1.6}.use-case-cards{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1.5rem;align-items:start;max-height:80vh;width:100%;max-width:800px;margin:0 auto}.use-case-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;transition:all .5s var(--ease-smooth);box-shadow:0 4px 20px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.05);cursor:pointer;height:380px;aspect-ratio:3/4;width:100%}.horizontal-card{grid-column:unset;aspect-ratio:3/4;height:320px}.horizontal-card .overlay-content{text-align:left;max-width:none;margin:0}.horizontal-card .overlay-content h4{font-size:1.1rem;margin-bottom:.5rem}.horizontal-card .overlay-content p,.overlay-content p{font-size:.85rem;margin-bottom:.75rem}.overlay-content p{font-size:.9rem;color:rgba(255,255,255,.95);line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.5)}.card-image{position:relative;width:100%;height:100%;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s var(--ease-smooth)}.card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,transparent 20%,rgba(0,0,0,.15) 60%,rgba(0,0,0,.4) 85%,rgba(0,0,0,.6) 100%);display:flex;align-items:flex-end;padding:2rem 1.5rem 1.5rem;transition:all .3s var(--ease-smooth)}.card-overlay::before{content:"";position:absolute;bottom:0;left:0;right:0;height:140px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.2) 25%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.9) 75%,#000 100%);-webkit-mask:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.2) 25%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.9) 75%,#000 100%);z-index:1}.use-case-card:hover .card-overlay::before{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.overlay-content{width:100%;z-index:2;position:relative;margin-top:auto}.overlay-content h4{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.case-tag,.instrument-list span{border-radius:1rem;backdrop-filter:var(--blur-sm)}.case-tag{display:inline-block;padding:.3rem .8rem;background:rgba(255,255,255,.25);font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.use-case-card:hover{transform:translateY(-8px)}.use-case-card:hover .card-image img{transform:scale(1.05)}.use-case-card:hover .case-tag{border-color:transparent}.instruments-grid{padding:8rem 0;background:var(--bg-secondary);position:relative}.grid-header{text-align:center;margin-bottom:4rem}.instruments-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.instrument-category{background:var(--glass-bg);border-radius:var(--radius-lg);padding:2rem;backdrop-filter:var(--blur-md);text-align:center;transition:all .5s var(--ease-smooth);cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.05);position:relative;overflow:hidden}.instrument-category::before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s var(--ease-smooth)}.instrument-category:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,.2)}.instrument-category:hover::before{opacity:.03}.category-header{margin-bottom:1.5rem;position:relative;z-index:1}.category-icon{font-size:3rem;margin-bottom:1rem;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.category-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.instrument-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;position:relative;z-index:1}.instrument-list span{padding:.25rem .75rem;background:rgba(255,255,255,.05);font-size:.8rem;color:var(--text-secondary)}.download-section{padding:8rem 0;background:var(--bg-primary);position:relative;overflow:hidden}.download-background{position:absolute;inset:0;z-index:-1}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.orb-1{top:-10%;left:-10%;width:40%;height:60%;background:var(--gradient-primary);animation:orbFloat1 20s ease-in-out infinite}.orb-2{bottom:-10%;right:-10%;width:50%;height:70%;background:var(--gradient-secondary);animation:orbFloat2 25s ease-in-out infinite reverse}.download-content{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;position:relative;z-index:1;max-width:1200px;margin:0 auto}.download-text{max-width:500px}.download-text .section-title{margin-bottom:1.5rem}.download-text .section-subtitle{margin-bottom:2.5rem;line-height:1.7}.download-features{margin-bottom:0}.feature-check{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--text-secondary)}.check-icon{width:1.25rem;height:1.25rem;color:#10b981;flex-shrink:0}.download-buttons{display:flex;flex-direction:column;justify-content:center;gap:1.5rem;max-width:280px;margin:0 auto}@media (min-width:768px){.download-buttons{flex-direction:row}}@media (max-width:767px){.download-buttons{flex-direction:row;gap:.5rem;max-width:100%;justify-content:center;padding:0 1rem}.store-button{flex:0 0 auto}.store-button img{min-width:120px!important;max-width:140px}}.store-button,.store-button img{transition:all .3s var(--ease-smooth)}.store-button{border-radius:var(--radius-sm);overflow:visible;opacity:.9;transform:scale(1);position:relative;background:var(--glass-bg);backdrop-filter:var(--blur-md);box-shadow:0 8px 32px rgba(0,0,0,.1)}.store-button:hover{opacity:1;transform:translateY(-4px) scale(1.05);filter:brightness(1.1);box-shadow:0 12px 40px rgba(0,0,0,.2)}.store-button img{width:100%;height:auto;display:block;min-width:200px}.button-notes,.flying-note{position:absolute;pointer-events:none}.button-notes{inset:0;overflow:visible}.flying-note{font-size:1.2rem;color:rgba(255,255,255,.8);z-index:-1;animation:flyOut 2s ease-out forwards}.footer{background:var(--bg-secondary);border-top:1px solid var(--glass-border);padding:3rem 0 2rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;align-items:start;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{display:flex;align-items:center;gap:.75rem}.footer-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;max-width:280px}.footer-links-section{display:flex;flex-direction:column;gap:1rem}.footer-section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-links a{text-decoration:none;font-size:.9rem;transition:color .3s var(--ease-smooth);line-height:1.4}.footer-social{display:flex;justify-content:flex-start}.social-links{display:flex;gap:1rem}.social-link{width:2.5rem;height:2.5rem;background:var(--glass-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .3s var(--ease-smooth);backdrop-filter:var(--blur-sm);box-shadow:0 4px 15px rgba(0,0,0,.1)}.social-link:hover{color:var(--text-primary);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.social-link svg{width:1rem;height:1rem}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--glass-border);color:var(--text-muted);font-size:.85rem}.platform-note{text-align:left;margin-bottom:1rem;font-size:.85rem;color:var(--text-secondary);opacity:.9}@media (max-width:1024px){.download-content,.hero .container,.musicians-content{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-visual{order:-1}.testimonial-cards{grid-template-columns:1fr;max-width:400px;margin:0 auto}.world-map-container{max-width:500px;margin:0 auto}.world-map{animation:none;transform:scale(.9);height:350px}.phone-3d-container{width:250px;height:500px}}@media (max-width:768px){:root{--header-height:60px}.navbar{top:.75rem;padding:.5rem 0;width:calc(100% - 1.5rem);max-width:calc(100vw - 1.5rem)}.nav-container{gap:1rem;padding:0 1rem}.mobile-menu-toggle{display:flex}.nav-menu{display:none;position:fixed;top:var(--header-height);left:0;right:0;background:var(--bg-secondary);flex-direction:column;padding:2rem;gap:1.5rem;z-index:10000;transform:translateY(-100%);transition:transform .3s var(--ease-smooth);box-shadow:0 8px 32px rgba(0,0,0,.3)}.nav-menu.active{display:flex;transform:translateY(0)}.nav-menu,.nav-menu .nav-link{border-bottom:1px solid rgba(255,255,255,.1)}.nav-menu .nav-link{font-size:1.1rem;padding:.5rem 0}.feature-card:last-child,.nav-menu .nav-link:last-child{border-bottom:none}.hero{padding-top:calc(var(--header-height) + 1rem);min-height:auto;padding-bottom:4rem}.hero-cta,.hero-stats{justify-content:center}.download-section,.features-carousel,.instruments-grid,.musicians-section{padding:4rem 0}.use-case-cards{max-height:none;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1rem}.use-case-card{height:280px;aspect-ratio:unset}.feature-cards{flex-direction:column;gap:0}.feature-card{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding:2rem 1.5rem}.feature-card::before{left:10%;right:10%;top:0;bottom:auto;width:auto;height:2px}.footer-content,.instruments-layout{grid-template-columns:1fr}.footer-content{text-align:center;gap:3rem}.footer-brand{text-align:center;align-items:center}.footer-description{text-align:center;max-width:none}.footer-links-section{text-align:center}.footer-social,.social-links{justify-content:center}.world-map-container{max-width:400px}.world-map{height:300px;transform:scale(.8)}.phone-3d-container{width:200px;height:400px}.hero-map-background{height:40%;opacity:.4;padding-bottom:30px}.city-name{font-size:.6rem;top:12px}.music-note{font-size:1rem}}@media (max-width:480px){.container{padding:0 1rem}.hero-title{font-size:2rem}.section-title{font-size:1.75rem}.world-map-container{max-width:350px;translate:0 20px}.world-map{height:220px;transform:scale(.7)}.phone-3d-container{width:180px;height:360px}.feature-card,.instrument-category{padding:1.5rem}.use-case-cards{grid-template-columns:1fr;grid-template-rows:auto;gap:1rem;max-width:320px;margin:0 auto}.use-case-card{height:260px}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cursor-follower{display:none}}@media (prefers-contrast:high){:root{--glass-bg:rgba(255, 255, 255, 0.1);--glass-border:rgba(255, 255, 255, 0.3)}}.feature-showcase{display:flex;flex-direction:column;gap:6rem;margin-top:4rem}.feature-item{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:3rem 0}.feature-item.reverse{direction:rtl}.feature-item.reverse>*{direction:ltr}.feature-content{max-width:500px}.feature-badge{display:inline-block;padding:.5rem 1rem;background:var(--gradient-primary);color:#fff;border-radius:2rem;font-size:.85rem;font-weight:600;margin-bottom:1.5rem}.feature-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:var(--text-primary)}.feature-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;margin-bottom:2rem}.feature-highlights{display:flex;flex-wrap:wrap;gap:.75rem}.highlight-tag{padding:.4rem .8rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:1rem;font-size:.85rem;color:var(--text-primary);backdrop-filter:var(--blur-sm)}.feature-visual{display:flex;justify-content:center;align-items:center}.app-screenshot{position:relative;max-width:350px;width:100%;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3),0 8px 25px rgba(0,0,0,.2);background:var(--bg-elevated);border:2px solid rgba(255,255,255,.1)}.screenshot-img{width:100%;height:auto;display:block;border-radius:calc(var(--radius-lg) - 2px)}.app-screenshot::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1)0,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none;z-index:1}.feature-item:hover .app-screenshot{transform:translateY(-8px);box-shadow:0 30px 80px rgba(0,0,0,.4),0 12px 35px rgba(0,0,0,.3);transition:all .5s var(--ease-smooth)}.feature-item:hover .feature-badge{background:var(--gradient-rainbow);transition:background .3s var(--ease-smooth)}.press-testimonials{padding:8rem 0;background:linear-gradient(135deg,rgba(255,255,255,.02)0,rgba(255,255,255,.05) 50%,rgba(255,255,255,.02) 100%)}.press-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:4rem 0}.press-item{padding:2rem;background:var(--glass-bg);backdrop-filter:var(--blur-md);border-radius:var(--radius-lg);border:1px solid var(--glass-border);text-align:center;transition:all .3s var(--ease-smooth)}.press-item:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.15)}.press-quote,.text-content p{color:var(--text-primary);line-height:1.6}.press-quote{font-size:1.25rem;font-style:italic;margin-bottom:1.5rem}.press-source{display:flex;align-items:center;justify-content:center;gap:.75rem}.press-logo{height:24px;width:auto;opacity:.8}.source-name{font-weight:600;color:var(--text-secondary);font-size:.9rem}.institutional-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:3rem}.institution-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);backdrop-filter:var(--blur-sm);transition:all .3s var(--ease-smooth)}.institution-item:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15)}.institution-icon{font-size:2rem;line-height:1}.institution-text{display:flex;flex-direction:column;gap:.25rem}.institution-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.institution-desc{font-size:.8rem;color:var(--text-secondary);opacity:.8}@media (max-width:768px){.feature-item{grid-template-columns:1fr;gap:2rem;text-align:center}.feature-item.reverse{direction:ltr}.feature-item.reverse .feature-content{order:1}.feature-item.reverse .feature-visual{order:0}.feature-content{max-width:none}.feature-title{font-size:1.75rem}.feature-description{font-size:1rem}.app-screenshot{max-width:280px}.institutional-badges,.press-grid{grid-template-columns:1fr;gap:1.5rem}.institutional-badges{gap:1rem}.institution-item{padding:1rem}.press-testimonials{padding:4rem 0}.feature-showcase{gap:3rem}}.practice-gallery{background:var(--bg-primary);position:relative}.spacer{width:100%;height:50vh;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 50%,var(--bg-secondary) 100%);position:relative;overflow:hidden}.spacer::before{right:0;bottom:0;background:radial-gradient(circle at 20% 50%,var(--accent-color)10 0%,transparent 50%),radial-gradient(circle at 80% 30%,var(--primary-color)8 0%,transparent 50%);animation:float 10s ease-in-out infinite alternate}.gallery{display:flex;position:relative}.left{width:50%;background:var(--bg-primary)}.detailsWrapper{margin:auto;width:80%;max-width:600px}.details{height:100vh;display:flex;flex-direction:column;justify-content:center;padding:2rem 0;position:relative}.feature-section{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .8s var(--ease-smooth)}.headline{border-radius:12px;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.headline::before,.spacer::before,.text-content::before{content:"";position:absolute;top:0;left:0}.headline::before{right:0;bottom:0;background:linear-gradient(135deg,var(--glass-bg) 0%,transparent 100%);border-radius:inherit}.headline-content{position:relative;z-index:2}.headline.beginner{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.headline.intermediate{background:linear-gradient(135deg,#f093fb 0,#f5576c 100%)}.headline.professional{background:linear-gradient(135deg,#4facfe 0,#00f2fe 100%)}.headline.tuning{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.headline.feedback{background:linear-gradient(135deg,#f093fb 0,#f5576c 100%)}.headline.ear-training{background:linear-gradient(135deg,#4facfe 0,#00f2fe 100%)}.headline.metronome{background:linear-gradient(135deg,#fa709a 0,#fee140 100%)}.headline.recording{background:linear-gradient(135deg,#43e97b 0,#38f9d7 100%)}.headline .badge{display:inline-block;background:rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:1rem;backdrop-filter:blur(10px)}.headline h3{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:900;color:#fff;margin:0;line-height:1.2}.headline::before,.text-content{border:1px solid var(--glass-border);backdrop-filter:blur(10px)}.text-content{margin:1.2rem 0;background:var(--glass-bg);border-radius:8px;padding:1.5rem;overflow:hidden}.text-content::before{width:4px;height:100%;background:var(--gradient-accent)}.text-content p{margin:0;font-size:1rem}.photos,.right,.text-content{position:relative}.right{width:50%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg-elevated)}.photos{width:276px;height:600px;max-width:276px;max-height:600px;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px var(--glass-border)}.photo{position:absolute;width:100%;height:100%;border-radius:inherit;overflow:hidden;display:flex;align-items:center;justify-content:center}.photo,.photo.beginner,.photo.ear-training,.photo.feedback,.photo.intermediate,.photo.metronome,.photo.professional,.photo.recording,.photo.tuning{background:0 0}.practice-image{width:100%;height:100%;object-fit:cover;opacity:1}@media (max-width:768px){.gallery{flex-direction:column}.left,.right{width:100%}.right{height:60vh;position:static}.photos{width:240px;height:496px}.detailsWrapper{width:90%;padding:0 1rem}.details{height:auto;min-height:100vh;padding:4rem 0}.spacer{height:20vh}}@media (max-width:480px){.headline{padding:1.5rem}.text-content{padding:1rem}.photos{width:200px;height:414px}}.mobile-feature-image{display:none;margin-top:2rem;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.2),0 0 0 1px var(--glass-border)}.mobile-practice-image{width:100%;height:auto;object-fit:cover;border-radius:12px}@media (max-width:768px){.gallery{flex-direction:column}.left,.right{width:100%}.right{display:none}.mobile-feature-image{display:block;margin:2rem auto;max-width:300px;width:90%}.mobile-practice-image{width:100%;height:auto;object-fit:cover}.detailsWrapper{width:90%;padding:0 1rem}.details{height:auto;min-height:auto;padding:3rem 0;position:relative}.feature-section{position:relative;top:auto;left:auto;right:auto;transform:none;opacity:1;pointer-events:auto;margin-bottom:1rem}.spacer{height:20vh}}.technical-specs{padding:5rem 0;background:var(--bg-primary);position:relative}@media (max-width:768px){.technical-specs{display:none}}.specs-header{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.specs-header .section-badge{display:inline-block;padding:.5rem 1rem;background:rgba(255,255,255,.1);color:var(--text-primary);border-radius:1rem;font-size:.8rem;font-weight:500;margin-bottom:1.5rem;letter-spacing:.5px;text-transform:uppercase}.specs-header .section-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:600;line-height:1.2;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.02em}.specs-header .section-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.specs-content{max-width:980px;margin:0 auto;position:relative}.specs-expandable{max-height:80px;overflow:hidden;transition:max-height .4s ease-out;position:relative}.specs-expandable.expanded{max-height:none}.specs-expandable.expanded::after{max-height:none;opacity:0}.specs-fade-overlay{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(180deg,rgba(10,10,10,0)0,rgba(10,10,10,.7) 50%,#0a0a0a 100%);pointer-events:none;z-index:15;transition:opacity .3s ease}.specs-expandable.expanded~.specs-toggle-container::before,.specs-fade-overlay.hidden{opacity:0}.specs-toggle-container{display:flex;justify-content:center;margin-top:2rem}.specs-toggle-btn{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:2rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.specs-toggle-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}.toggle-arrow{width:16px;height:16px;transition:transform .3s ease}.spec-category{margin-bottom:3rem}.spec-category:last-child{margin-bottom:1rem}.spec-category-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1);letter-spacing:-.01em}.spec-list{display:flex;flex-direction:column}.spec-row{display:grid;grid-template-columns:200px 1fr;gap:2rem;padding:.875rem 0;border-bottom:1px solid rgba(255,255,255,.06);align-items:start}.spec-row:last-child{border-bottom:none}.spec-label,.spec-value{font-size:.9rem;font-weight:500;color:var(--text-secondary);line-height:1.4}.spec-value{font-weight:400;color:var(--text-primary);line-height:1.5}@media (max-width:1024px){.specs-content{margin:0 1rem}.specs-expandable{max-height:70px}.spec-row{grid-template-columns:1fr;gap:.25rem;padding:1rem 0}.spec-label{font-weight:600;color:var(--text-primary);font-size:.9rem}.spec-value{font-size:.85rem;margin-top:.25rem}.spec-category-title{font-size:1.25rem;margin-bottom:1.25rem}}@media (max-width:768px){.technical-specs{padding:4rem 0;display:none}.specs-header{margin-bottom:2.5rem}.specs-content{margin:0 .5rem}.specs-expandable{max-height:60px}.spec-category{margin-bottom:2.5rem}.spec-category-title{font-size:1.25rem;margin-bottom:1.25rem}.spec-row{grid-template-columns:1fr;gap:.5rem;padding:.75rem 0}.spec-label{font-size:.85rem;font-weight:600;margin-bottom:.25rem}.spec-value{font-size:.85rem;padding-left:0}}@media (max-width:480px){.specs-header{margin-bottom:2rem}.specs-content{margin:0 .25rem}.specs-expandable{max-height:80px}.technical-specs{padding:3rem 0}.spec-category{margin-bottom:2rem}.spec-category-title{font-size:1.125rem;margin-bottom:1rem}}.specs-content::after{content:"";position:absolute;bottom:60px;left:0;right:0;height:360px;background:linear-gradient(180deg,rgba(10,10,10,0)0,rgba(10,10,10,.7) 50%,#0a0a0a 100%);pointer-events:none;z-index:15;opacity:1;transition:opacity .3s ease}.specs-content:has(.specs-expandable.expanded)::after{opacity:0}.instrument-constellation{position:relative;min-height:100vh;background:linear-gradient(135deg,#0f0f23 0,#1a1a3a 50%,#001 100%);overflow:hidden;display:flex;align-items:center;padding:4rem 0}.constellation-background{top:0;left:0;z-index:1}.constellation-background,.starfield,.stars{position:absolute;width:100%;height:100%}.stars{background-repeat:repeat;animation:twinkle 4s ease-in-out infinite alternate}.stars-small{background-image:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 130px 80px,#fff,transparent);background-size:200px 150px;animation:twinkle 3s ease-in-out infinite alternate}.stars-medium{background-image:radial-gradient(2px 2px at 30px 40px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 70px 80px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 120px 30px,rgba(255,255,255,.8),transparent);background-size:300px 250px;animation:twinkle 4s ease-in-out infinite alternate-reverse}.stars-large{background-image:radial-gradient(3px 3px at 50px 60px,rgba(255,255,255,.8),transparent),radial-gradient(3px 3px at 150px 20px,rgba(255,255,255,.6),transparent),radial-gradient(3px 3px at 80px 120px,rgba(255,255,255,.7),transparent);background-size:400px 300px;animation:twinkle 5s ease-in-out infinite alternate}.nebula{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3;animation:nebulaDrift 20s ease-in-out infinite}.nebula-1{width:400px;height:400px;background:radial-gradient(circle,rgba(96,165,250,.4)0,transparent 70%);top:10%;left:10%;animation-delay:0s}.nebula-2{width:300px;height:300px;background:radial-gradient(circle,rgba(167,139,250,.3)0,transparent 70%);top:60%;right:15%;animation-delay:7s}.nebula-3{width:250px;height:250px;background:radial-gradient(circle,rgba(244,114,182,.2)0,transparent 70%);bottom:20%;left:50%;animation-delay:14s}.instrument-constellation .container{position:relative;z-index:2}.constellation-header{text-align:center;margin-bottom:4rem}.constellation-header .section-title{color:#fff;font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 30px rgba(255,255,255,.3)}.constellation-header .section-subtitle{color:rgba(255,255,255,.8);font-size:1.2rem;max-width:600px;margin:0 auto}.constellation-space{position:relative;width:100%;height:600px;margin:0 auto;perspective:1000px}.constellation-lines{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.constellation-group{position:absolute;transform-style:preserve-3d;transition:all .8s cubic-bezier(.4,0,.2,1)}.strings-constellation{top:20%;left:15%;z-index:10}.brass-constellation{top:15%;right:20%;z-index:10}.woodwind-constellation{bottom:25%;left:20%;z-index:10}.voice-constellation{bottom:20%;right:15%;z-index:10}.constellation-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}.family-label{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:.5rem 1rem;color:#fff;font-size:.9rem;font-weight:600;text-align:center;white-space:nowrap;opacity:.7;transition:all .3s ease}.floating-instrument{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:orbit var(--orbit-speed) linear infinite;animation-delay:var(--orbit-delay);z-index:15;cursor:pointer}.instrument-orb{position:relative;width:80px;height:80px;background:rgba(255,255,255,.1);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.instrument-orb:hover{transform:scale(1.2) translateZ(20px);background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.6);box-shadow:0 0 40px rgba(255,255,255,.4)}.instrument-icon{margin-bottom:.2rem;transition:all .3s ease}.instrument-info{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:.5rem;text-align:center;opacity:0;transition:all .3s ease;pointer-events:none}.floating-instrument:hover .instrument-info{opacity:1;transform:translateX(-50%) translateY(10px)}.instrument-name{margin-bottom:.2rem;text-shadow:0 0 10px rgba(255,255,255,.3)}.constellation-focus-overlay,.orb-glow{position:absolute;opacity:0;transition:opacity .3s ease;pointer-events:none}.orb-glow{top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3)0,transparent 70%)}.floating-instrument:hover .orb-glow{opacity:1;animation:pulse 2s ease-in-out infinite}.strings-constellation .instrument-orb{border-color:rgba(34,197,94,.5)}.strings-constellation .floating-instrument:hover .instrument-orb{border-color:rgba(34,197,94,.8);box-shadow:0 0 40px rgba(34,197,94,.4)}.brass-constellation .instrument-orb{border-color:rgba(249,115,22,.5)}.brass-constellation .floating-instrument:hover .instrument-orb{border-color:rgba(249,115,22,.8);box-shadow:0 0 40px rgba(249,115,22,.4)}.woodwind-constellation .instrument-orb{border-color:rgba(59,130,246,.5)}.woodwind-constellation .floating-instrument:hover .instrument-orb{border-color:rgba(59,130,246,.8);box-shadow:0 0 40px rgba(59,130,246,.4)}.voice-constellation .instrument-orb{border-color:rgba(168,85,247,.5)}.voice-constellation .floating-instrument:hover .instrument-orb{border-color:rgba(168,85,247,.8);box-shadow:0 0 40px rgba(168,85,247,.4)}.constellation-group:hover{transform:scale(1.1);z-index:20}.constellation-group:hover .family-label{opacity:1;background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4)}.constellation-focus-overlay{top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:8}.constellation-group:hover~.constellation-focus-overlay{opacity:1}.constellation-legend{display:flex;justify-content:center;gap:2rem;margin-top:3rem;flex-wrap:wrap}.legend-item{gap:.5rem;font-size:.9rem;cursor:pointer;transition:all .3s ease}.legend-item:hover{color:#fff;transform:translateY(-2px)}.legend-color{border:2px solid;transition:all .3s ease}.legend-color.strings{background:rgba(34,197,94,.3);border-color:rgba(34,197,94,.6)}.legend-color.brass{background:rgba(249,115,22,.3);border-color:rgba(249,115,22,.6)}.legend-color.woodwinds{background:rgba(59,130,246,.3);border-color:rgba(59,130,246,.6)}.legend-color.voice{background:rgba(168,85,247,.3);border-color:rgba(168,85,247,.6)}.legend-item:hover .legend-color{transform:scale(1.2);box-shadow:0 0 20px currentColor}@media (max-width:1024px){.constellation-space{height:500px}.instrument-orb{width:70px;height:70px}.instrument-icon{font-size:1.8rem}.constellation-header .section-title{font-size:2.5rem}}@media (max-width:768px){.constellation-space{height:400px}.instrument-orb{width:60px;height:60px}.instrument-icon{font-size:1.5rem}.constellation-legend{gap:1rem}.constellation-header .section-title{font-size:2rem}.constellation-header .section-subtitle{font-size:1rem}}.musical-periodic-table{position:relative;min-height:100vh;background:linear-gradient(135deg,#0d1226 0,#1a1b3a 25%,#2d1b35 50%,#1a1b3a 75%,#0d1226 100%);overflow:hidden;padding:120px 0}.element::before,.periodic-background{position:absolute;top:0;left:0;right:0;bottom:0}.periodic-background{z-index:1}.lab-atmosphere{background:radial-gradient(circle at 20% 30%,rgba(67,56,202,.1)0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.1)0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(244,114,182,.05)0,transparent 50%);animation:atmosphereShift 20s ease-in-out infinite}.floating-formulas,.lab-atmosphere{position:absolute;width:100%;height:100%}.formula{position:absolute;color:rgba(139,92,246,.3);font-family:"Fira Code",monospace;font-size:14px;font-weight:300;left:var(--x);top:var(--y);animation:formulaFloat 15s ease-in-out infinite}.periodic-header{position:relative;z-index:10;text-align:center;margin-bottom:60px}.periodic-header .section-badge{display:inline-block;background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(139,92,246,.2));border:1px solid rgba(139,92,246,.3);padding:8px 20px;border-radius:25px;font-size:14px;font-weight:500;color:#a78bfa;margin-bottom:20px;backdrop-filter:blur(10px)}.periodic-header .section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;background:linear-gradient(135deg,#fff 0,#a78bfa 50%,#f472b6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;text-align:center}.periodic-header .section-subtitle{font-size:1.2rem;color:rgba(255,255,255,.7);max-width:600px;margin:0 auto;line-height:1.6}.table-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:40px;position:relative;z-index:10}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:rgba(255,255,255,.8)}.legend-color{width:16px;height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.2)}.legend-color.strings{background:linear-gradient(135deg,#f59e0b,#f97316)}.legend-color.brass{background:linear-gradient(135deg,#eab308,#ca8a04)}.legend-color.woodwinds{background:linear-gradient(135deg,#10b981,#059669)}.legend-color.voice{background:linear-gradient(135deg,#ec4899,#be185d)}.legend-color.percussion{background:linear-gradient(135deg,#ef4444,#dc2626)}.legend-color.electronic{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.periodic-table-container{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:0 20px}.periodic-table{display:flex;flex-direction:column;gap:8px;background:rgba(0,0,0,.2);padding:30px;border-radius:20px;border:1px solid rgba(139,92,246,.2);backdrop-filter:blur(10px)}.period{display:flex;align-items:center;gap:8px;min-height:80px}.period-label{min-width:80px;font-size:12px;font-weight:600;color:rgba(255,255,255,.6);text-align:center;writing-mode:vertical-rl;text-orientation:mixed}.element{background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.element:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 30px rgba(139,92,246,.3);border-color:currentColor}.element::before{content:"";background:linear-gradient(135deg,currentColor,transparent);opacity:.1;transition:opacity .3s ease}.element:hover::before{opacity:.2}.element,.element-spacer{flex:0 0 80px;height:80px}.element-number{font-size:10px;font-weight:600;color:rgba(255,255,255,.5);position:absolute;top:4px;left:6px}.element-symbol{font-size:18px;font-weight:700;color:currentColor;margin-bottom:2px}.element-name{font-size:10px;font-weight:500;color:rgba(255,255,255,.7);text-align:center;line-height:1.2}.element.strings{color:#f59e0b;border-color:rgba(245,158,11,.3)}.element.brass{color:#eab308;border-color:rgba(234,179,8,.3)}.element.woodwinds{color:#10b981;border-color:rgba(16,185,129,.3)}.element.voice{color:#ec4899;border-color:rgba(236,72,153,.3)}.element.percussion{color:#ef4444;border-color:rgba(239,68,68,.3)}.element.electronic{color:#8b5cf6;border-color:rgba(139,92,246,.3)}.element-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}.element-modal.active{display:flex}.modal-content{background:linear-gradient(135deg,#1a1b3a,#2d1b35);border:1px solid rgba(139,92,246,.3);border-radius:20px;padding:30px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.modal-title{font-size:1.8rem;font-weight:700;color:#fff}.modal-close{background:0 0;border:0;font-size:2rem;color:rgba(255,255,255,.6);cursor:pointer;transition:color .3s ease}.modal-close:hover{color:#fff}.element-card{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:30px}.large-element{width:120px;height:120px;background:rgba(255,255,255,.05);border:3px solid currentColor;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.element-number-large{position:absolute;top:8px;left:10px;font-size:14px;font-weight:600;color:rgba(255,255,255,.5)}.element-symbol-large{font-size:2.5rem;font-weight:700;color:currentColor;margin-bottom:5px}.element-name-large{font-size:14px;font-weight:500;color:rgba(255,255,255,.7)}.element-properties{display:flex;flex-direction:column;gap:15px}.property{display:flex;justify-content:space-between;align-items:center;padding:12px;background:rgba(255,255,255,.05);border-radius:8px;border-left:3px solid currentColor}.property label{font-weight:600;color:rgba(255,255,255,.8)}.property span{color:currentColor;font-weight:500}.waveform-visualization{background:rgba(0,0,0,.3);border-radius:12px;padding:20px;text-align:center}#waveform-canvas{width:100%;height:100px;border-radius:8px}.periodic-stats{margin-top:60px;text-align:center;position:relative;z-index:10}.stat-group{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-number{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:1rem;color:rgba(255,255,255,.7);font-weight:500}@media (max-width:1200px){.periodic-table{padding:20px}.element,.element-spacer{flex:0 0 70px;height:70px}.element-symbol{font-size:16px}.element-name{font-size:9px}}@media (max-width:768px){.table-legend{gap:15px}.legend-item{font-size:12px}.periodic-table{padding:15px;overflow-x:auto}.period{min-width:800px}.element,.element-spacer{flex:0 0 60px;height:60px}.element-symbol{font-size:14px}.element-name{font-size:8px}.element-card{grid-template-columns:1fr;text-align:center}.stat-group{gap:40px}.stat-number{font-size:2.5rem}}.musical-harmony-spectrum{padding:120px 0;background:linear-gradient(180deg,rgba(15,23,42,.95)0,rgba(30,41,59,.98) 50%,rgba(15,23,42,.95) 100%);position:relative;overflow:hidden}.harmonic-waves,.spectrum-background{position:absolute;bottom:0;left:0;right:0}.spectrum-background{top:0;z-index:1}.harmonic-waves{height:100%;opacity:.6}.wave-svg{width:100%;height:100%}.wave-path{animation:waveMotion 8s ease-in-out infinite}.wave-path.wave-1{animation-delay:0s}.wave-path.wave-2{animation-delay:-2s}.musical-harmony-spectrum .container{position:relative;z-index:2}.header-ornament{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:40px}.ornament-line{width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.6),transparent)}.ornament-note{font-size:24px;color:var(--accent-color);animation:noteFloat 3s ease-in-out infinite}.spectrum-title{font-size:clamp(3rem,5vw,4.5rem);font-weight:800;background:linear-gradient(135deg,#fff,#e2e8f0,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:24px;letter-spacing:-.025em}.spectrum-subtitle{font-size:1.25rem;color:rgba(255,255,255,.8);max-width:800px;margin:0 auto;line-height:1.7;font-weight:300}.harmony-spectrum-container{display:flex;flex-direction:column;gap:60px;margin-bottom:80px}.frequency-band{position:relative;padding:40px;border-radius:24px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);overflow:hidden}.frequency-band::before,.instrument-bubble::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0}.frequency-band::before{background:linear-gradient(135deg,rgba(139,92,246,.05),rgba(236,72,153,.05),rgba(245,158,11,.05));z-index:-1;transition:opacity .6s ease}.frequency-band:hover::before,.instrument-bubble:hover::before,.instrument-marker:hover .frequency-range-bar::after,.instrument-marker:hover .frequency-range-bar::before{opacity:1}.high-frequency{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.2)}.med-high-frequency{background:rgba(236,72,153,.08);border-color:rgba(236,72,153,.2)}.medium-frequency{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.2)}.low-frequency{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.2)}.band-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.frequency-text{font-size:1.5rem;font-weight:600;color:#fff;letter-spacing:-.025em}.frequency-range{font-size:.9rem;color:rgba(255,255,255,.6);font-family:"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace}.instrument-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;align-items:center}.instrument-bubble{position:relative;padding:32px;background:rgba(255,255,255,.06);border-radius:20px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px);cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.instrument-bubble::before{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));transition:opacity .4s ease}.instrument-bubble:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(255,255,255,.2);box-shadow:0 20px 40px rgba(0,0,0,.3)}.bubble-content{position:relative;z-index:2;text-align:center}.instrument-icon{font-size:2.5rem;margin-bottom:16px;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.instrument-name{letter-spacing:-.025em}.instrument-note{display:block;font-size:.9rem;color:rgba(255,255,255,.7);font-style:italic;font-weight:300}.bubble-glow{position:absolute;top:50%;left:50%;width:100px;height:100px;background:radial-gradient(circle,rgba(139,92,246,.4),transparent);border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;transition:all .6s ease;z-index:1}.instrument-bubble:hover .bubble-glow{transform:translate(-50%,-50%) scale(2);opacity:1}.high-frequency .bubble-glow{background:radial-gradient(circle,rgba(139,92,246,.3),transparent)}.med-high-frequency .bubble-glow{background:radial-gradient(circle,rgba(236,72,153,.3),transparent)}.medium-frequency .bubble-glow{background:radial-gradient(circle,rgba(245,158,11,.3),transparent)}.low-frequency .bubble-glow{background:radial-gradient(circle,rgba(16,185,129,.3),transparent)}.spectrum-footer{text-align:center;margin-top:60px}.footer-ornament{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px}.ornament-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,rgba(139,92,246,.8),rgba(236,72,153,.8));animation:dotPulse 2s ease-in-out infinite}.ornament-dot:nth-child(2){animation-delay:.5s}.ornament-dot:nth-child(3){animation-delay:1s}.spectrum-caption{font-size:1.1rem;color:rgba(255,255,255,.7);max-width:600px;margin:0 auto;line-height:1.6;font-weight:300}@media (max-width:1024px){.musical-harmony-spectrum{padding:80px 0}.spectrum-header{margin-bottom:60px}.harmony-spectrum-container{gap:40px;margin-bottom:60px}.frequency-band{padding:32px}.instrument-flow{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}}@media (max-width:768px){.musical-harmony-spectrum{padding:60px 0}.spectrum-title{font-size:2.5rem}.spectrum-subtitle{font-size:1.1rem}.harmony-spectrum-container{gap:32px}.frequency-band{padding:24px;border-radius:16px}.band-label{flex-direction:column;text-align:center;gap:8px}.instrument-flow{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.instrument-bubble{padding:24px}.instrument-icon{font-size:2rem}.instrument-name{font-size:1.1rem}.instrument-note{font-size:.8rem}}@media (max-width:480px){.header-ornament{gap:12px;margin-bottom:32px}.ornament-line{width:60px}.ornament-note{font-size:20px}.instrument-flow{grid-template-columns:1fr}.frequency-text{font-size:1.25rem}.frequency-range{font-size:.8rem}}.frequency-spectrum{padding:100px 0;background:linear-gradient(180deg,rgba(15,23,42,.95)0,rgba(30,41,59,.98) 100%);position:relative;overflow:hidden}.frequency-spectrum .container{position:relative;z-index:2}.spectrum-header{text-align:center;margin-bottom:60px}.spectrum-header .section-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.2}.spectrum-header .section-subtitle{font-size:1.25rem;color:rgba(255,255,255,.8);max-width:600px;margin:0 auto;line-height:1.6}.spectrum-graph{max-width:900px;margin:0 auto;position:relative}.frequency-axis{display:flex;justify-content:space-between;margin-bottom:10px;position:relative}.frequency-label{font-size:.875rem;color:rgba(255,255,255,.6);font-weight:500;text-align:center;min-width:50px}.spectrum-bar{height:40px;background:linear-gradient(90deg,rgba(239,68,68,.8)0,rgba(245,158,11,.8) 25%,rgba(34,197,94,.8) 50%,rgba(59,130,246,.8) 75%,rgba(147,51,234,.8) 100%);border-radius:8px;position:relative;display:flex;margin-bottom:10px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3)}.frequency-range{flex:1;display:flex;align-items:center;justify-content:center;position:relative;border-right:1px solid rgba(255,255,255,.2)}.frequency-range:last-child{border-right:none}.range-label{font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:.05em}.instruments-plot{position:relative;height:30px;margin-bottom:90px}.instrument-marker{position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);cursor:pointer;z-index:10}.marker-dot{width:12px;height:12px;background:linear-gradient(135deg,#60a5fa,#3b82f6);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(59,130,246,.4);transition:all .3s ease;position:relative}.frequency-range-bar,.marker-dot::before{position:absolute;top:50%;left:50%;z-index:-1}.marker-dot::before{content:"";width:2px;height:25px;background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.2));transform:translateX(-50%) translateY(-100%);border-radius:1px;transition:all .3s ease}.frequency-range-bar{height:6px;background:linear-gradient(90deg,rgba(59,130,246,0),rgba(59,130,246,.8),rgba(59,130,246,0));border-radius:3px;transform:translateX(-50%) translateY(-50%);opacity:0;width:0;transition:all .4s ease}.frequency-range-bar::after,.frequency-range-bar::before{content:"";position:absolute;top:0;width:4px;height:100%;background:rgba(59,130,246,.9);opacity:0;transition:opacity .3s ease}.frequency-range-bar::before{left:0;border-radius:2px 0 0 2px}.frequency-range-bar::after{right:0;border-radius:0 2px 2px 0}.instrument-tooltip,.instrument-tooltip::before{position:absolute;left:50%;transform:translateX(-50%)}.instrument-tooltip{top:30px;background:rgba(15,23,42,.95);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;z-index:20}.instrument-tooltip::before{content:"";top:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(15,23,42,.95)}.instrument-name{display:block;font-weight:600;color:#fff;font-size:.875rem;margin-bottom:2px}.instrument-freq{display:block;font-size:.75rem;color:rgba(255,255,255,.7)}.instrument-marker:hover .marker-dot{box-shadow:0 4px 16px rgba(59,130,246,.6);background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.instrument-marker:hover .frequency-range-bar{opacity:1;width:var(--range-width, 120px);z-index:100}.instrument-marker:hover .instrument-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-5px);z-index:101}.instrument-marker[data-instrument=tuba]:hover .frequency-range-bar{--range-width:80px}.instrument-marker[data-instrument=double-bass]:hover .frequency-range-bar{--range-width:60px}.instrument-marker[data-instrument=bassoon]:hover .frequency-range-bar{--range-width:200px}.instrument-marker[data-instrument=bass-voice]:hover .frequency-range-bar{--range-width:100px}.instrument-marker[data-instrument=cello]:hover .frequency-range-bar{--range-width:280px}.instrument-marker[data-instrument=french-horn]:hover .frequency-range-bar,.instrument-marker[data-instrument=guitar]:hover .frequency-range-bar{--range-width:220px}.instrument-marker[data-instrument=trumpet]:hover .frequency-range-bar{--range-width:350px}.instrument-marker[data-instrument=saxophone]:hover .frequency-range-bar{--range-width:260px}.instrument-marker[data-instrument=clarinet]:hover .frequency-range-bar{--range-width:420px}.instrument-marker[data-instrument=violin]:hover .frequency-range-bar{--range-width:450px}.instrument-marker[data-instrument=flute]:hover .frequency-range-bar{--range-width:400px}.instrument-marker[data-instrument=alto]:hover .frequency-range-bar{--range-width:180px}.instrument-marker[data-instrument=soprano]:hover .frequency-range-bar{--range-width:320px}.instrument-marker[data-instrument=piccolo]:hover .frequency-range-bar{--range-width:380px}.instrument-marker[data-instrument*=bass] .marker-dot,.instrument-marker[data-instrument*=tuba] .marker-dot{background:linear-gradient(135deg,#ef4444,#dc2626)}.instrument-marker[data-instrument*=bass] .frequency-range-bar,.instrument-marker[data-instrument*=tuba] .frequency-range-bar{background:linear-gradient(90deg,rgba(239,68,68,0),rgba(239,68,68,.8),rgba(239,68,68,0))}.instrument-marker[data-instrument*=cello] .marker-dot,.instrument-marker[data-instrument*=guitar] .marker-dot{background:linear-gradient(135deg,#f59e0b,#d97706)}.instrument-marker[data-instrument*=cello] .frequency-range-bar,.instrument-marker[data-instrument*=guitar] .frequency-range-bar{background:linear-gradient(90deg,rgba(245,158,11,0),rgba(245,158,11,.8),rgba(245,158,11,0))}.instrument-marker[data-instrument*=french-horn] .marker-dot,.instrument-marker[data-instrument*=trumpet] .marker-dot{background:linear-gradient(135deg,#eab308,#ca8a04)}.instrument-marker[data-instrument*=french-horn] .frequency-range-bar,.instrument-marker[data-instrument*=trumpet] .frequency-range-bar{background:linear-gradient(90deg,rgba(234,179,8,0),rgba(234,179,8,.8),rgba(234,179,8,0))}.instrument-marker[data-instrument*=flute] .marker-dot,.instrument-marker[data-instrument*=violin] .marker-dot{background:linear-gradient(135deg,#22c55e,#16a34a)}.instrument-marker[data-instrument*=flute] .frequency-range-bar,.instrument-marker[data-instrument*=violin] .frequency-range-bar{background:linear-gradient(90deg,rgba(34,197,94,0),rgba(34,197,94,.8),rgba(34,197,94,0))}.instrument-marker[data-instrument*=alto] .marker-dot,.instrument-marker[data-instrument*=soprano] .marker-dot,.instrument-marker[data-instrument*=voice] .marker-dot{background:linear-gradient(135deg,#ec4899,#db2777)}.instrument-marker[data-instrument*=alto] .frequency-range-bar,.instrument-marker[data-instrument*=soprano] .frequency-range-bar,.instrument-marker[data-instrument*=voice] .frequency-range-bar{background:linear-gradient(90deg,rgba(236,72,153,0),rgba(236,72,153,.8),rgba(236,72,153,0))}.instrument-marker[data-instrument*=piccolo] .marker-dot{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.instrument-marker[data-instrument*=piccolo] .frequency-range-bar{background:linear-gradient(90deg,rgba(139,92,246,0),rgba(139,92,246,.8),rgba(139,92,246,0))}.spectrum-caption{text-align:center;margin-top:20px}.spectrum-caption p{font-size:.9rem;color:rgba(255,255,255,.7);font-style:italic}@media (max-width:768px){.frequency-spectrum{display:none}.spectrum-header .section-title{font-size:2.2rem}.spectrum-header .section-subtitle{font-size:1.1rem}.spectrum-graph{margin:0 20px}.frequency-axis{margin-bottom:8px}.frequency-label{font-size:.75rem;min-width:35px}.spectrum-bar{height:30px;margin-bottom:30px}.range-label{font-size:.65rem}.instruments-plot{height:100px}.range-bar{height:5px}.instrument-tooltip{bottom:-40px;padding:6px 10px}.instrument-name{font-size:.8rem}.instrument-freq{font-size:.7rem}}@media (max-width:480px){.spectrum-header .section-title{font-size:1.8rem}.frequency-label{font-size:.7rem;min-width:30px}.spectrum-bar{height:25px}.range-label{font-size:.6rem}.instruments-plot{height:80px}.range-bar{height:4px}.instrument-tooltip{bottom:-35px;padding:5px 8px}}.instrument-marker{transition:opacity .3s ease,transform .3s ease;opacity:1}.instrument-marker:hover{z-index:50;opacity:1}.instruments-plot .instrument-marker:hover~.instrument-marker,.instruments-plot .instrument-marker:hover~.instrument-marker .marker-dot{opacity:0;transition:all .3s ease}.instruments-plot:has(.instrument-marker:hover) .instrument-marker:not(:hover){opacity:0;transition:opacity .3s ease}.instruments-plot:has(.instrument-marker:hover) .instrument-marker:not(:hover) .marker-dot{transition:all .3s ease}