.text-type{display:inline-block;font-family:inherit}.text-type__content{display:inline}.text-type__cursor{display:inline;animation:blink 1s infinite}.text-type__cursor--hidden{opacity:0!important}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cinematic-intro{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;z-index:9999;transition:opacity .8s ease-out,transform .8s ease-out}.cinematic-intro.fade-out{opacity:0;transform:scale(1.05)}.start-screen{position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;background:#000;z-index:10}.start-content,.start-screen{display:flex;align-items:center}.start-content{flex-direction:column;gap:32px}.animated-text-container{text-align:center}.start-text{font-size:18px;font-weight:300;letter-spacing:.1em;color:rgba(255,255,255,.9);font-family:Inter,sans-serif}.play-button{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgba(30,116,253,.8),rgba(59,130,246,.9));border:2px solid rgba(30,116,253,.6);color:white;cursor:pointer;transition:all .4s ease;backdrop-filter:blur(20px);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(30,116,253,.3)}.play-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.play-button:hover{background:linear-gradient(135deg,rgba(30,116,253,.9),rgba(59,130,246,1));border-color:rgba(30,116,253,.8);transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px rgba(30,116,253,.4)}.play-button:hover:before{left:100%}.play-button:active{transform:translateY(-2px) scale(1.02)}.play-icon{margin-left:2px}.audio-meters{position:absolute;opacity:0;transition:opacity .3s ease-in}.audio-meters.visible{opacity:1}.meter-container{display:flex;gap:40px;align-items:flex-end}.meter{display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(20px)}.meter.animate-meter-1{animation:meterAppear .4s ease-out .1s forwards}.meter.animate-meter-2{animation:meterAppear .4s ease-out .25s forwards}.meter.animate-meter-3{animation:meterAppear .4s ease-out .4s forwards}.meter-bar{width:4px;height:60px;background:linear-gradient(0deg,#1e74fd,#3b82f6);border-radius:2px;margin-bottom:12px;transform:scaleY(0);transform-origin:bottom;animation:meterPulse 1.2s ease-in-out infinite}.meter-label{font-size:11px;font-weight:500;color:rgba(255,255,255,.7);letter-spacing:.1em;text-transform:uppercase}@keyframes meterAppear{to{opacity:1;transform:translateY(0)}}@keyframes meterPulse{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.waveform-container{position:absolute;opacity:0;transition:opacity .5s ease-in}.waveform-container.visible{opacity:1;animation:waveformFadeIn .7s ease-out forwards}.waveform-container.morphing{animation:waveformMorph .9s ease-in-out .7s forwards}.waveform{width:300px;height:60px}.waveform-path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawWaveform 1s ease-out forwards;filter:drop-shadow(0 0 10px rgba(30,116,253,.3))}@keyframes waveformFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes drawWaveform{to{stroke-dashoffset:0}}@keyframes waveformMorph{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.logo-container{position:absolute;opacity:0;transform:scale(.8);transition:all .8s ease-out}.logo-container.visible{opacity:1;transform:scale(1);animation:logoReveal .9s ease-out forwards}.logo-bloom{position:absolute;top:50%;left:50%;width:200px;height:200px;background:radial-gradient(circle,rgba(30,116,253,.2) 0,transparent 70%);border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:bloomEffect 1s ease-out .2s forwards;z-index:1}.logo-wrapper{padding:20px;backdrop-filter:blur(10px)}.logo-image,.logo-wrapper{background:transparent;border-radius:50%}.logo-image{position:relative;z-index:2;width:180px;height:auto;filter:drop-shadow(0 0 20px rgba(30,116,253,.15));mix-blend-mode:normal}@keyframes logoReveal{0%{opacity:0;transform:scale(.6);filter:blur(10px)}60%{opacity:.8;transform:scale(1.05);filter:blur(2px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes bloomEffect{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.tagline-container{position:absolute;bottom:35%;opacity:0;transform:translateY(30px);transition:all 1s ease-out}.tagline-container.visible{opacity:1;transform:translateY(0);animation:taglineGlow 2s ease-in-out infinite alternate}.tagline{font-size:16px;font-weight:300;color:rgba(255,255,255,.9);letter-spacing:.2em;text-transform:lowercase;font-family:Inter,sans-serif;text-shadow:0 0 10px rgba(30,116,253,.2)}@keyframes taglineGlow{0%{text-shadow:0 0 10px rgba(30,116,253,.2)}to{text-shadow:0 0 15px rgba(30,116,253,.4),0 0 25px rgba(30,116,253,.1)}}@media (max-width:768px){.meter-container{gap:30px}.meter-bar{height:45px}.waveform{width:250px;height:50px}.logo-image{width:140px}.tagline{font-size:12px}.start-text{font-size:16px}.play-button{width:70px;height:70px}.start-content{gap:24px}}.meter-bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,transparent,rgba(255,255,255,.1));border-radius:inherit}.logo-container:before{content:"";position:absolute;top:50%;left:50%;width:300px;height:2px;background:linear-gradient(90deg,transparent,rgba(30,116,253,.3),transparent);transform:translate(-50%,-50%);animation:sweepLine .6s ease-out .5s forwards;opacity:0}@keyframes sweepLine{0%{opacity:0;transform:translate(-50%,-50%) scaleX(0)}50%{opacity:1;transform:translate(-50%,-50%) scaleX(1)}to{opacity:0;transform:translate(-50%,-50%) scaleX(1)}}.skip-button{position:absolute;bottom:30px;right:30px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.7);padding:8px 16px;border-radius:6px;font-size:11px;font-weight:500;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);z-index:10}.skip-button:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);color:white}