:root{--bg-color: #000000;--bg-alt: #050505;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .65);--primary: #6366f1;--primary-hover: #4f46e5;--accent: #ec4899;--green: #10b981;--red: #ef4444;--glow: 0 0 40px rgba(99, 102, 241, .3);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--bg-color);background-image:radial-gradient(circle at top right,rgba(99,102,241,.05),transparent 40%),radial-gradient(circle at bottom left,rgba(236,72,153,.03),transparent 40%);color:var(--text-primary);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;color:#fff}a{text-decoration:none;color:inherit;transition:all .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0}@media (max-width: 768px){.section{padding:60px 0}}.bg-alt{background-color:var(--bg-alt)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-gray{color:var(--text-secondary)}.text-red{color:var(--red)}.text-green{color:var(--green)}.mt-3{margin-top:1rem}.section-title{font-size:2.5rem;margin-bottom:16px;font-weight:700;background:linear-gradient(135deg,#fff,#a5a5a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 640px){.section-title{font-size:2rem}}.section-subtitle{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto 60px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-family:var(--font-body)}.btn-sm{padding:8px 16px;font-size:.875rem}.btn-lg{padding:16px 32px;font-size:1.125rem}.btn-xl{padding:20px 40px;font-size:1.25rem;border-radius:12px}.btn-primary{background:linear-gradient(135deg,var(--primary),#818cf8);color:#fff;box-shadow:0 4px 14px #6366f166}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover),#6366f1);transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff14;transform:translateY(-2px)}.navbar{position:fixed;top:0;width:100%;padding:16px 0;background:#0006;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);z-index:100}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:8px;font-size:1.5rem;font-weight:800;font-family:var(--font-heading);color:#fff}.logo i{color:var(--primary)}.desktop-nav{display:flex;gap:32px}.desktop-nav a{color:var(--text-secondary);font-weight:500}.desktop-nav a:hover{color:#fff}@media (max-width: 768px){.desktop-nav{display:none}}.hero{position:relative;padding-top:180px;padding-bottom:120px;overflow:hidden;text-align:center}.hero-bg-glow{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,#6366f11a,#ec48990d 50%,#0000 70%);z-index:-1}.hero-title{font-size:4.5rem;margin-bottom:24px}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto 40px}.hero-actions{display:flex;gap:16px;justify-content:center;margin-bottom:80px}@media (max-width: 640px){.hero-title{font-size:2.5rem}.hero-actions{flex-direction:column;padding:0 24px}.hero-actions .btn{width:100%}}.waveform-container{display:flex;align-items:center;justify-content:center;gap:8px;height:100px;max-width:600px;margin:0 auto}.bar{width:8px;background:linear-gradient(to top,var(--primary),var(--accent));border-radius:4px;animation:bounce 1.5s infinite ease-in-out alternate}.bar:nth-child(1){height:20%;animation-delay:.1s}.bar:nth-child(2){height:50%;animation-delay:.2s}.bar:nth-child(3){height:80%;animation-delay:.3s}.bar:nth-child(4){height:40%;animation-delay:.4s}.bar:nth-child(5){height:100%;animation-delay:.5s}.bar:nth-child(6){height:60%;animation-delay:.6s}.bar:nth-child(7){height:90%;animation-delay:.7s}.bar:nth-child(8){height:30%;animation-delay:.8s}.bar:nth-child(9){height:70%;animation-delay:.9s}.bar:nth-child(10){height:50%;animation-delay:1s}.bar:nth-child(11){height:20%;animation-delay:1.1s}.bar:nth-child(12){height:60%;animation-delay:1.2s}@keyframes bounce{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}.comparison-container{display:flex;align-items:stretch;justify-content:center;gap:32px;flex-wrap:wrap}.comparison-card{padding:32px;flex:1;min-width:min(100%,300px);max-width:450px;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-weight:600;font-size:1.125rem}.badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.badge-red{background:#ef444426;color:var(--red);border:1px solid rgba(239,68,68,.3)}.badge-green{background:#10b98126;color:var(--green);border:1px solid rgba(16,185,129,.3)}.feature-list{list-style:none;margin-bottom:24px}.feature-list li{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:var(--text-secondary)}.audio-player-mock{display:flex;align-items:center;gap:16px;background:#ffffff08;padding:16px;border-radius:12px;border:1px solid var(--glass-border)}.track-line{height:4px;flex:1;border-radius:2px}.bad-track{background:repeating-linear-gradient(90deg,var(--text-secondary),var(--text-secondary) 10px,transparent 10px,transparent 20px)}.good-track{background:linear-gradient(90deg,var(--primary),var(--accent))}.comparison-icon{font-size:2rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}@media (max-width: 800px){.comparison-icon{transform:rotate(90deg)}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}.feature-card{padding:32px;transition:transform .3s ease,border-color .3s ease;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}.feature-card:hover{transform:translateY(-5px);border-color:#6366f14d;background:#ffffff0d}.feature-icon{font-size:2rem;color:var(--primary);margin-bottom:20px;display:inline-block;background:#6366f11a;padding:16px;border-radius:12px}.feature-card h3{font-size:1.25rem;margin-bottom:12px}.feature-card p{color:var(--text-secondary);font-size:.95rem}.steps-flow{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.step-item{flex:1;min-width:min(100%,200px);text-align:center}.step-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 20px;box-shadow:0 4px 20px #6366f166}.step-item h3{margin-bottom:12px}.step-item p{color:var(--text-secondary);font-size:.9rem}.step-connector{flex:0 0 40px;height:2px;background:var(--glass-border);margin-top:32px}@media (max-width: 900px){.step-connector{display:none}}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media (max-width: 768px){.usage-grid{grid-template-columns:1fr;gap:40px}.usage-image-placeholder{order:-1}}.mock-phone{width:280px;max-width:100%;height:580px;background:var(--bg-alt);border-radius:40px;border:12px solid #222;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #ffffff1a}.mock-screen{background:radial-gradient(circle at top,#111,#000);width:100%;height:100%;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.mock-header{font-family:var(--font-heading);font-weight:700;text-align:center;color:var(--primary);margin-top:20px;font-size:1.25rem}.mock-waveform{height:120px;background:repeating-linear-gradient(90deg,var(--primary),var(--primary) 2px,transparent 2px,transparent 8px);opacity:.5;border-radius:8px;margin:20px 0}.mock-btn{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;text-align:center;padding:16px;border-radius:24px;font-weight:600;margin-bottom:20px}.styled-list{list-style:none;counter-reset:my-counter}.styled-list li{position:relative;margin-bottom:24px;padding-left:50px;color:var(--text-secondary)}.styled-list li strong{color:#fff;display:block;margin-bottom:4px}.styled-list li:before{counter-increment:my-counter;content:counter(my-counter);position:absolute;left:0;top:0;width:32px;height:32px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:32px}.info-card{text-align:center;padding:40px 24px;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}.info-card i{font-size:2.5rem;color:var(--accent);margin-bottom:20px;background:#ec48991a;padding:16px;border-radius:12px}.info-card h3{margin-bottom:12px}.info-card p{color:var(--text-secondary);font-size:.95rem}.faq-container{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid var(--glass-border)}.faq-question{width:100%;text-align:left;padding:24px 0;background:none;border:none;color:#fff;font-size:1.125rem;font-weight:600;font-family:var(--font-body);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-question i{transition:transform .3s ease;color:var(--primary)}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer p{padding-bottom:24px;color:var(--text-secondary)}.download{background:linear-gradient(135deg,#6366f10d,#ec48990d)}.download-box{padding:60px;max-width:800px;margin:0 auto;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:32px}@media (max-width: 640px){.download-box{padding:40px 20px}}.download-meta{margin-top:24px;color:var(--text-secondary);font-size:.9rem;display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.download-meta span{display:inline-block}.footer{background:#000;padding:80px 0 40px;border-top:1px solid var(--glass-border)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:60px}.footer-brand p{color:var(--text-secondary);margin-top:16px;max-width:300px}.footer-links h3,.footer-legal h3{margin-bottom:24px;font-size:1.125rem}.footer-links a,.footer-legal a{display:block;color:var(--text-secondary);margin-bottom:12px}.footer-links a:hover,.footer-legal a:hover{color:var(--primary)}.footer-bottom{text-align:center;color:var(--text-secondary);padding-top:40px;border-top:1px solid var(--glass-border);font-size:.875rem}@media (max-width: 768px){.footer-content{grid-template-columns:1fr}}