@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800;900&family=Inter:wght@300;400;500;600&family=Syncopate:wght@400;700&family=Montserrat:ital,wght@0,800;0,900;1,800;1,900&family=Space+Grotesk:wght@600;700&display=swap";:root{--bg-color:#050510;--text-primary:#fff;--text-secondary:#8a8a9a;--accent-1:#ccc;--accent-2:#666;--glass-bg:#ffffff05;--glass-border:#ffffff0d;--glass-hover-bg:#ffffff0d;--mood-glow:#c8c8c805;--mobile-scale:clamp(.8, calc(100vw / 390), 1.15)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;background-color:var(--bg-color);font-family:Outfit,sans-serif;overflow-x:hidden}#root{width:100%}section{align-items:center;min-height:100dvh;display:flex;position:relative}.canvas-container{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff6}.tier-card,.hero-panel,.glass-panel{-webkit-backdrop-filter:none;will-change:transform;backface-visibility:hidden;background:#0d0e16;border:1px solid #ffffff26;border-radius:16px;padding:1.8rem 1.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s,border-color .3s;transform:translateZ(0);box-shadow:0 20px 50px #000c,inset 0 1px #ffffff14}.tier-card:hover,.hero-panel:hover,.glass-panel:hover{background:#141624;border-color:#ffffff4d;box-shadow:0 25px 60px #000000f2}.text-gradient{background:linear-gradient(135deg,#fff,#888);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{color:#000;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#fff;border:none;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:14px 36px;font-family:Syncopate,sans-serif;font-size:.9rem;font-weight:700;transition:transform .3s,box-shadow .3s,background .3s;display:inline-flex}.btn-primary:hover{background:#e0e0e0;transform:translateY(-2px);box-shadow:0 10px 30px #ffffff1a}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}section{position:relative}p{font-family:Inter,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;line-height:1.2}.section-title{text-align:center;letter-spacing:2px;text-transform:uppercase;margin-bottom:3rem;font-family:Syncopate,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:700}.music-waveform{align-items:center;gap:4px;display:flex}.music-waveform span{background:var(--accent-1);border-radius:4px;width:4px;animation:1.5s ease-in-out infinite equalize;display:block}@keyframes equalize{0%,to{height:10px}50%{height:30px}}@media (width<=768px){section{padding:60px 0}.container{padding:0 15px}.tier-card,.glass-panel,.wa-form-container,.piano-track-display{will-change:transform;transform:translateZ(0);opacity:1!important;-webkit-backdrop-filter:none!important;background:#09090f!important;box-shadow:0 15px 40px #000000f2,inset 0 1px #ffffff1a!important}[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: repeat(3, 1fr)"]{direction:ltr!important;grid-template-columns:1fr!important;gap:.6rem!important}.hero-panel{position:relative;overflow:visible;-webkit-backdrop-filter:none!important;background:linear-gradient(145deg,#14141af0,#06060af5)!important;border:1px solid #ffffff26!important;border-radius:28px!important;flex-direction:column!important;gap:18px!important;width:100%!important;padding:22px!important;box-shadow:0 20px 50px #000000e6,inset 0 1px #fff3,inset 0 -1px 20px #6496ff0d!important}.hero-panel:before{content:"";filter:blur(20px);z-index:-1;opacity:.6;background:linear-gradient(135deg,#3c64fa66,#c850fa66);border-radius:30px;animation:4s ease-in-out infinite alternate heroGlowPulse;position:absolute;inset:-2px}@keyframes heroGlowPulse{0%{opacity:.4;transform:scale(.98)}to{opacity:.7;transform:scale(1.02)}}.hero-controls-wrap{flex-wrap:wrap!important;justify-content:center!important;gap:12px!important;width:100%!important}.responsive-tier-section{flex-direction:column!important;justify-content:center!important;gap:1.5rem!important;height:auto!important;min-height:auto!important;padding:30px 15px 20px!important}.tier-spacer{display:none!important}.responsive-tier-cards{flex:none!important;width:100%!important}.tier-card{border-radius:20px!important;gap:1rem!important;padding:1.5rem!important}.tier-card p{z-index:5;color:#fffc!important;text-shadow:0 4px 15px #000!important;font-size:.85rem!important;line-height:1.5!important;display:block!important}.tier-card .tier-title{z-index:5;text-shadow:0 4px 20px #000,0 0 40px #000c!important;font-size:1.35rem!important;font-weight:800!important}.tier-card .tier-icon{width:48px!important;height:48px!important}.glass-panel{flex-direction:column;display:flex;gap:1rem!important;padding:1.5rem!important}.glass-panel h3{margin-bottom:.5rem!important;font-size:1.25rem!important}.glass-panel p{font-size:.85rem!important;line-height:1.4!important}.piano-wrapper{transform-origin:50%;margin-top:250px;margin-bottom:200px;transform:rotate(90deg)scale(.95);width:900px!important;max-width:none!important}.wa-form-container{gap:1.5rem!important;padding:2rem 1.5rem!important}.wa-form-header{flex-direction:column!important;align-items:flex-start!important;gap:15px!important}.wa-form-row{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.wa-form-button{justify-content:center!important;width:100%!important}.music-waveform span{width:3px}}@media (width<=480px){.btn-primary{padding:12px 24px;font-size:.8rem}}.audio-progress{-webkit-appearance:none;background:0 0;width:100%}.audio-progress:focus{outline:none}.audio-progress::-webkit-slider-runnable-track{cursor:pointer;border-radius:2px;width:100%;height:4px}.audio-progress::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;background:#fff;border-radius:50%;width:12px;height:12px;margin-top:-4px;box-shadow:0 0 10px #ffffff80}.app-container{z-index:1;width:100%;position:relative}.canvas-container{z-index:3;pointer-events:none;width:100vw;height:100vh;top:0;left:0;position:fixed!important}.interactive-bg{z-index:0;pointer-events:none;background-color:#0000;background-image:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), var(--mood-glow,#9584c41a), transparent 50%), radial-gradient(900px ellipse at 20% 80%, #9584c40a, transparent 60%), radial-gradient(700px ellipse at 80% 20%, #5ea8c808, transparent 60%);width:100vw;height:100vh;transition:background-image 1s;position:fixed;top:0;left:0}.section-highlight{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),box-shadow 1.2s;position:relative;transform:translateY(40px)}.section-highlight:before{content:"";background:linear-gradient(90deg,#0000,#9584c400,#0000);height:1px;transition:background .8s .3s;position:absolute;top:-1px;left:5%;right:5%}.section-highlight.in-view{opacity:1;transform:translateY(0)}.section-highlight.in-view:before{background:linear-gradient(90deg, transparent 0%, var(--accent-1,#9584c440) 30%, var(--accent-2,#5ea8c833) 70%, transparent 100%)}.section-highlight.in-view:after{content:"";background:linear-gradient(to bottom, transparent 10%, var(--accent-1,#9584c426) 40%, var(--accent-2,#5ea8c81a) 60%, transparent 90%);opacity:0;width:2px;height:100%;animation:.8s .4s forwards sideGlowIn;position:absolute;top:0;left:0}@keyframes sideGlowIn{to{opacity:1}}@media (width<=768px){html{font-size:19px!important}.hero-panel{flex-wrap:wrap;justify-content:center}}