:root{--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .5)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#020617;color:#f8fafc;overflow-x:hidden;font-family:Inter,sans-serif}section{position:relative;width:100%;overflow:hidden}.parallax-bg{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;z-index:0;pointer-events:none}.hero-grid{background-size:60px 60px;background-image:linear-gradient(to right,rgba(59,130,246,.3) 1px,transparent 1px),linear-gradient(to bottom,rgba(59,130,246,.3) 1px,transparent 1px)}.glow-center{background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%)}.glass-morphism{background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.instrument-serif{font-family:"Instrument Serif",serif;font-style:italic}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05);opacity:.8}70%{transform:scale(.9);opacity:.9}to{transform:scale(1);opacity:1}}.animate-bounce-in{animation:bounce-in .8s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 4s ease-in-out infinite}.reveal-mask{mask-image:linear-gradient(to bottom,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%)}.scrollbar-hide::-webkit-scrollbar{display:none}@keyframes shine{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(200%) skew(-15deg)}}.animate-shine{animation:shine 1.5s ease-out infinite}.ease-out-expo{transition-timing-function:cubic-bezier(.19,1,.22,1)}@keyframes apple-reveal{0%{opacity:0;transform:translateY(20px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.animate-apple-reveal{opacity:0;animation:apple-reveal 1.2s cubic-bezier(.2,.8,.2,1) forwards}@keyframes blur-in{0%{opacity:0;filter:blur(20px);transform:scale(.95)}to{opacity:1;filter:blur(0);transform:scale(1)}}.animate-blur-in{opacity:0;animation:blur-in 1s cubic-bezier(.2,.8,.2,1) forwards}@keyframes scale-up-fade{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-scale-up-fade{opacity:0;animation:scale-up-fade .8s cubic-bezier(.2,.8,.2,1) forwards}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.animate-pop-in{opacity:0;animation:pop-in .6s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes slide-in-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{opacity:0;animation:slide-in-right .8s cubic-bezier(.2,.8,.2,1) forwards}.animate-fade-in,.animate-fade-in-up{opacity:0;animation:apple-reveal 1.2s cubic-bezier(.2,.8,.2,1) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}@keyframes wave{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-wave{animation:wave 6s linear infinite}.film-grain-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.tilt-container{perspective:1000px}.tilt-element{transform-style:preserve-3d;transition:transform .1s cubic-bezier(.25,1,.5,1),box-shadow .2s ease;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) scale3d(var(--scale, 1),var(--scale, 1),var(--scale, 1))}.tilt-inner{transform:translateZ(20px)}@keyframes drift-slow{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-60px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.95)}}.animate-drift-slow{animation:drift-slow 25s ease-in-out infinite}@keyframes drift-reverse{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,50px) scale(1.05)}}.animate-drift-reverse{animation:drift-reverse 20s ease-in-out infinite}.magnetic-element{transition:transform .3s cubic-bezier(.25,1,.5,1);will-change:transform}.cursor-hover-active{scale:2.2!important;background-color:transparent!important;border:1.5px solid #60a5fa!important;mix-blend-mode:difference!important}.ring-hover-active{scale:.5!important;border-color:#60a5fa!important;background-color:#60a5fa1a!important;mix-blend-mode:difference!important}@keyframes page-fade-in{0%{opacity:0;filter:brightness(.9) blur(2px)}to{opacity:1;filter:none}}.animate-page-fade-in{animation:page-fade-in 1.2s cubic-bezier(.2,.8,.2,1) forwards}@keyframes text-sweep{0%{background-position:-150% 0}to{background-position:150% 0}}.text-sweep-glow{background:linear-gradient(120deg,#3b82f6 30%,#93c5fd,#3b82f6 70%);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:text-sweep 4s linear infinite}@keyframes audio-dance{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.audio-bar{transform-origin:bottom;animation:audio-dance 1.2s ease-in-out infinite}@keyframes playhead-move{0%{left:0%}to{left:100%}}.animate-playhead{animation:playhead-move 2.5s linear infinite}