*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f5f7fa;color:#333;line-height:1.6}a{text-decoration:none;color:inherit}ul{list-style:none}button{cursor:pointer;font-family:inherit}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.page-header{text-align:center;margin:2rem 0 3rem;padding:0 1rem}.page-title{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.page-description{font-size:1.1rem;color:#4a5568;max-width:700px;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem;padding:0 1rem}.section-title{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.section-subtitle{font-size:1.1rem;color:#4a5568;max-width:700px;margin:0 auto}.primary-button{display:inline-block;background:linear-gradient(90deg,#3182ce,#63b3ed);color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:9999px;border:none;transition:all .3s ease;text-align:center}.primary-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(49,130,206,.3)}.secondary-button{display:inline-block;background-color:transparent;color:#3182ce;font-weight:600;padding:.75rem 1.5rem;border-radius:9999px;border:2px solid #3182ce;transition:all .3s ease;text-align:center}.secondary-button:hover{background-color:rgba(49,130,206,.1);transform:translateY(-2px)}@media(max-width:768px){.page-title{font-size:2rem}.section-title{font-size:1.75rem}}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background-color:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.navbar.scrolled{box-shadow:0 2px 10px rgba(0,0,0,.1)}.navbar-container{max-width:1200px;margin:0 auto;justify-content:space-between;padding:1rem 2rem}.logo,.navbar-container{display:flex;align-items:center}.logo{font-weight:700;font-size:1.5rem;color:#2d3748;transition:all .3s ease}.logo:hover{color:#3182ce}.logo-icon{margin-right:.5rem;font-size:1.75rem}.nav-menu{display:flex;align-items:center}.nav-item{margin-left:1.5rem}.nav-link{color:#4a5568;font-weight:500;transition:all .3s ease;position:relative}.nav-link.active,.nav-link:hover{color:#3182ce}.nav-link.active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:#3182ce;border-radius:2px}.login-link{color:#3182ce}.signup-button{background:linear-gradient(90deg,#3182ce,#63b3ed);color:#fff;padding:.5rem 1.25rem;border-radius:9999px;transition:all .3s ease}.signup-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(49,130,206,.3)}.menu-toggle{display:none;cursor:pointer}.hamburger{width:24px;height:20px;position:relative;transform:rotate(0deg);transition:.5s ease-in-out}.hamburger span{display:block;position:absolute;height:3px;width:100%;background:#2d3748;border-radius:3px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:8px}.hamburger span:nth-child(3){top:16px}.hamburger.open span:first-child{top:8px;transform:rotate(135deg)}.hamburger.open span:nth-child(2){opacity:0;left:-60px}.hamburger.open span:nth-child(3){top:8px;transform:rotate(-135deg)}@media(max-width:768px){.menu-toggle{display:block}.nav-menu{position:fixed;top:70px;left:0;width:100%;background-color:#fff;flex-direction:column;align-items:flex-start;padding:1rem 2rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.nav-menu.open{transform:translateY(0);opacity:1;visibility:visible}.nav-item{margin:.75rem 0;width:100%}.nav-link{display:block;padding:.5rem 0}.signup-button{display:inline-block;margin-top:.5rem}}.footer{background-color:#1a202c;color:#e2e8f0;padding:4rem 2rem 2rem;margin-top:4rem}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem}.footer-section{display:flex;flex-direction:column}.footer-logo{display:flex;align-items:center;font-weight:700;font-size:1.25rem;margin-bottom:1rem}.footer-description{color:#a0aec0;margin-bottom:1.5rem;font-size:.9rem;max-width:300px}.footer-heading{font-size:1rem;font-weight:600;margin-bottom:1.25rem;color:#fff}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:#a0aec0;font-size:.9rem;transition:color .2s ease}.footer-links a:hover{color:#fff}.footer-bottom{max-width:1200px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid #2d3748;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom p{color:#a0aec0;font-size:.9rem}.social-links{display:flex;gap:1.5rem}.social-links a{color:#a0aec0;transition:color .2s ease;font-size:.9rem}.social-links a:hover{color:#fff}@media(max-width:768px){.footer-bottom{flex-direction:column;align-items:flex-start}}.hero-section{display:flex;flex-direction:column;align-items:center;padding:4rem 2rem;background:linear-gradient(135deg,#f0f5ff,#e6f7ff);text-align:center}.hero-content{max-width:800px;margin-bottom:3rem}.hero-title{font-size:3rem;font-weight:800;color:#2d3748;margin-bottom:1.5rem;line-height:1.2}.hero-subtitle{font-size:1.25rem;color:#4a5568;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1rem;justify-content:center}.hero-image{width:100%;max-width:600px;margin-top:2rem}.waveform-animation{display:flex;align-items:center;justify-content:center;height:150px;gap:8px}.bar{background:linear-gradient(90deg,#3182ce,#63b3ed);width:12px;border-radius:6px;animation:sound 1.5s ease-in-out infinite}.bar:first-child{height:30%;animation-delay:.1s}.bar:nth-child(2){height:60%;animation-delay:.2s}.bar:nth-child(3){height:90%;animation-delay:.3s}.bar:nth-child(4){height:70%;animation-delay:.4s}.bar:nth-child(5){height:40%;animation-delay:.5s}.bar:nth-child(6){height:80%;animation-delay:.6s}.bar:nth-child(7){height:50%;animation-delay:.7s}.bar:nth-child(8){height:100%;animation-delay:.8s}@keyframes sound{0%{transform:scaleY(.5)}50%{transform:scaleY(1)}to{transform:scaleY(.5)}}.features-section{padding:5rem 2rem;background-color:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background-color:#f7fafc;border-radius:10px;padding:2rem;text-align:center;transition:all .3s ease;border:1px solid #edf2f7}.feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px rgba(0,0,0,.05)}.feature-icon{font-size:3rem;margin-bottom:1.5rem}.feature-title{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.feature-description{color:#4a5568;font-size:.95rem}.how-it-works-section{padding:5rem 2rem;background-color:#f7fafc}.steps-container{display:flex;justify-content:center;align-items:center;max-width:1000px;margin:0 auto 3rem;flex-wrap:wrap}.step{flex:1 1;min-width:200px;text-align:center;padding:1.5rem;position:relative}.step-number{width:50px;height:50px;background:linear-gradient(90deg,#3182ce,#63b3ed);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem}.step-title{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.step-description{color:#4a5568;font-size:.95rem}.step-connector{width:60px;height:2px;background-color:#cbd5e0;flex-shrink:0}.cta-container{text-align:center;margin-top:3rem}.testimonials-section{padding:5rem 2rem;background-color:#fff}.testimonials-container{display:flex;gap:2rem;max-width:1200px;margin:0 auto;flex-wrap:wrap;justify-content:center}.testimonial-card{background-color:#f7fafc;border-radius:10px;padding:2rem;flex:1 1;min-width:300px;max-width:350px;border:1px solid #edf2f7;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.05)}.testimonial-content{margin-bottom:1.5rem}.testimonial-text{color:#4a5568;font-style:italic;line-height:1.7}.author-avatar,.testimonial-author{display:flex;align-items:center}.author-avatar{width:50px;height:50px;background-color:#3182ce;color:#fff;border-radius:50%;justify-content:center;font-weight:600;margin-right:1rem}.author-name{font-weight:600;color:#2d3748;margin-bottom:.25rem}.author-title{font-size:.85rem;color:#718096}.cta-section{padding:5rem 2rem;background:linear-gradient(135deg,#3182ce,#63b3ed);color:#fff;text-align:center}.cta-content{max-width:800px;margin:0 auto}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.cta-description{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;gap:1rem;justify-content:center}.cta-section .primary-button{background:#fff;color:#3182ce}.cta-section .secondary-button{border-color:#fff;color:#fff}@media(max-width:768px){.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.1rem}.steps-container{flex-direction:column;gap:2rem}.step-connector{width:2px;height:40px}.cta-title{font-size:2rem}.cta-buttons{flex-direction:column;gap:1rem}.cta-buttons .primary-button,.cta-buttons .secondary-button{width:100%}}.processor-page{padding:2rem 0}.processor-page .page-header{text-align:center;margin-bottom:2rem}.processor-page .page-title{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.processor-page .page-description{color:#4a5568;max-width:600px;margin:0 auto}.content-wrapper{display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.content-wrapper{flex-direction:row}.results-section,.upload-section{flex:1 1}}.upload-section{gap:1rem}.dropzone,.upload-section{display:flex;flex-direction:column}.dropzone{border:2px dashed #cbd5e0;border-radius:10px;padding:2rem;text-align:center;cursor:pointer;background-color:#fff;transition:all .3s ease;min-height:300px;justify-content:center;align-items:center;box-shadow:0 4px 6px rgba(0,0,0,.05)}.dropzone:hover{border-color:#4299e1;background-color:#ebf8ff}.dropzone.active{border-color:#3182ce;background-color:#ebf8ff}.dropzone.disabled{cursor:not-allowed;opacity:.8}.upload-icon{font-size:3rem;margin-bottom:1rem;display:block}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-prompt p{font-size:1.1rem;color:#4a5568}.upload-subtext{font-size:.9rem!important;color:#718096!important}.supported-formats{display:flex;gap:.5rem;margin-top:1rem}.format-badge{background-color:#edf2f7;color:#4a5568;padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:500}.upload-status{width:100%;display:flex;flex-direction:column;gap:1rem}.file-info{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.file-icon{font-size:1.5rem}.file-name{font-size:1rem;font-weight:500;color:#2d3748;word-break:break-all}.progress-container{width:100%;height:10px;background-color:#edf2f7;border-radius:9999px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#3182ce,#63b3ed);border-radius:9999px;transition:width .3s ease}.progress-text{font-size:.9rem;color:#4a5568;text-align:center}.error-message{color:#e53e3e;border-left:4px solid #e53e3e}.error-message,.success-message{background-color:#fff5f5;padding:1rem;border-radius:5px;margin-top:1rem}.success-message{color:#73e53e;border-left:4px solid #73e53e}.results-section{background-color:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.05)}.results-title{margin-bottom:1.5rem;color:#2d3748;font-size:1.5rem;font-weight:600;padding-bottom:.5rem;border-bottom:2px solid #edf2f7}.no-results{display:flex;justify-content:center;align-items:center;min-height:200px;color:#a0aec0;text-align:center;font-style:italic}.download-links{display:flex;flex-direction:column;gap:1.5rem}.result-item{background-color:#f7fafc;border-radius:8px;border:1px solid #edf2f7;overflow:hidden;transition:all .2s ease}.result-item:hover{box-shadow:0 4px 6px rgba(0,0,0,.05)}.result-header{display:flex;align-items:center;padding:1rem;background-color:#f7fafc;border-bottom:1px solid #edf2f7}.file-details{flex:1 1;margin-left:1rem}.file-label{display:block;font-weight:500;color:#2d3748}.file-format{display:block;font-size:.8rem;color:#718096}.download-button{background-color:#ebf8ff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.download-button:hover{background-color:#bee3f8;transform:translateY(-2px)}.download-icon{font-size:1.2rem}.media-player{width:100%;background-color:#1a202c;padding:.5rem}.player-element{width:100%;display:block}.audio-player{padding:.75rem .5rem}audio.player-element{height:40px}.video-player{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}video.player-element{max-height:100%;max-width:100%}@media(max-width:640px){.result-header{flex-wrap:wrap}.download-button{margin-left:auto}.file-details{width:100%;margin-left:0;margin-top:.5rem;order:2}.file-icon{order:1}.download-button{order:3}}.pricing-page{padding:2rem 0 4rem}.pricing-container{display:flex;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto 4rem;padding:0 2rem;flex-wrap:wrap}.pricing-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.05);padding:2rem;flex:1 1;min-width:280px;max-width:350px;display:flex;flex-direction:column;position:relative;transition:all .3s ease;border:1px solid #edf2f7}.pricing-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.pricing-card.popular{transform:scale(1.05);border:2px solid #3182ce;z-index:1}.pricing-card.popular:hover{transform:scale(1.05) translateY(-10px)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#3182ce,#63b3ed);color:#fff;font-size:.8rem;font-weight:600;padding:.25rem 1rem;border-radius:9999px}.pricing-header{text-align:center;margin-bottom:2rem}.pricing-title{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.pricing-price{font-size:2.5rem;font-weight:700;color:#3182ce}.pricing-price span{font-size:1rem;font-weight:500;color:#718096}.pricing-features{flex:1 1;margin-bottom:2rem}.pricing-features ul{list-style:none;padding:0}.pricing-features li{color:#4a5568;position:relative;padding:.75rem 0 .75rem 1.5rem}.pricing-features li:before{content:"✓";position:absolute;left:0;color:#3182ce;font-weight:700}.pricing-action,.pricing-button{text-align:center}.pricing-button{display:inline-block;width:100%;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;transition:all .3s ease}.pricing-button.free{background-color:#edf2f7;color:#4a5568}.pricing-button.free:hover{background-color:#e2e8f0}.pricing-button.pro{background:linear-gradient(90deg,#3182ce,#63b3ed);color:#fff}.pricing-button.pro:hover{box-shadow:0 4px 12px rgba(49,130,206,.3)}.pricing-button.enterprise{background-color:#2d3748;color:#fff}.pricing-button.enterprise:hover{background-color:#1a202c}.faq-section{max-width:900px;margin:0 auto;padding:0 2rem}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem}.faq-item{margin-bottom:1.5rem}.faq-question{font-size:1.1rem;font-weight:600;color:#2d3748;margin-bottom:.75rem}.faq-answer{color:#4a5568;line-height:1.6}@media(max-width:768px){.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-10px)}.faq-grid{grid-template-columns:1fr}}.login-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem}.login-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.05);padding:2.5rem;width:100%;max-width:450px}.login-header{text-align:center;margin-bottom:2rem}.login-title{font-size:1.75rem;font-weight:700;color:#2d3748;margin-bottom:.75rem}.login-subtitle{color:#718096;font-size:.95rem}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:#4a5568}.form-group input{padding:.75rem;border:1px solid #e2e8f0;border-radius:5px;font-size:1rem;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px rgba(49,130,206,.1)}.form-options{justify-content:space-between;font-size:.9rem}.form-options,.remember-me{display:flex;align-items:center}.remember-me{gap:.5rem;color:#4a5568}.forgot-password{color:#3182ce;transition:color .2s ease}.forgot-password:hover{color:#2c5282;text-decoration:underline}.submit-button{background:linear-gradient(90deg,#3182ce,#63b3ed);color:#fff;border:none;padding:.75rem;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-button:hover{box-shadow:0 4px 12px rgba(49,130,206,.3)}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;color:#a0aec0}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background-color:#e2e8f0}.auth-divider span{padding:0 1rem;font-size:.9rem}.social-login{display:flex;flex-direction:column;gap:1rem}.social-button{display:flex;justify-content:center;align-items:center;padding:.75rem;border-radius:5px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid #e2e8f0;background-color:#fff}.social-button:hover{background-color:#f7fafc}.social-button.google{color:#ea4335}.social-button.github{color:#333}.auth-switch{margin-top:2rem;text-align:center;font-size:.95rem;color:#4a5568}.auth-switch button{background:none;border:none;color:#3182ce;font-weight:600;cursor:pointer;transition:color .2s ease}.auth-switch button:hover{color:#2c5282;text-decoration:underline}