:root{--color-bg: #0a0b14;--color-surface: #121422;--color-primary: #6366f1;--color-secondary: #a855f7;--color-text: #f8fafc;--color-text-muted: #94a3b8;--font-body: "Inter", sans-serif;--font-heading: "Outfit", sans-serif;--spacing-container: 1200px;--spacing-padding: 2rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{max-width:var(--spacing-container);margin:0 auto;padding:0 var(--spacing-padding)}.btn{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;transition:transform .2s,box-shadow .2s;cursor:pointer;border:none;font-family:var(--font-body)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;box-shadow:0 4px 20px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f180}h1,h2,h3{font-family:var(--font-heading);line-height:1.2}.nav{display:flex;justify-content:space-between;align-items:center;padding:2rem 0}.logo{font-family:var(--font-heading);font-weight:800;font-size:1.5rem;letter-spacing:-.02em}.nav-links{display:flex;gap:2rem}.nav-links a{font-size:.95rem;color:var(--color-text-muted);transition:color .2s}.nav-links a:hover{color:var(--color-text)}.hero{padding:4rem 0 6rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-20%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,#6366f126,#0a0b1400 70%);z-index:-1;pointer-events:none}.hero-title{font-size:4rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.03em}.hero-subtitle{font-size:1.25rem;color:var(--color-text-muted);max-width:600px;margin:0 auto 3rem}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-mockup-wrapper{margin-top:4rem;perspective:1000px}.hero-mockup{width:300px;height:600px;background:#000;border:4px solid #333;border-radius:56px;margin:0 auto;position:relative;padding:12px;box-sizing:border-box;box-shadow:0 0 0 2px #1a1a1a,0 25px 50px -12px #00000080;transform:rotateX(10deg) rotateY(-10deg) rotate(2deg);transition:transform .5s ease;overflow:hidden}.hero-mockup:hover{transform:rotateX(0) rotateY(0) rotate(0)}.hero-mockup:after{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:90px;height:24px;background:#000;border-radius:20px;z-index:10}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:4rem 0}.feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:2.5rem;border-radius:1.5rem;transition:transform .3s ease,background .3s}.feature-card:hover{transform:translateY(-5px);background:#ffffff0f}.feature-title{font-size:1.35rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text);font-family:var(--font-heading)}.feature-desc{color:var(--color-text-muted);font-size:1rem;line-height:1.6}.footer{border-top:1px solid rgba(255,255,255,.05);padding:4rem 0 2rem;margin-top:6rem;font-size:.95rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;margin-bottom:3rem}.footer-col h4{margin-bottom:1.5rem;font-size:1.1rem;color:var(--color-text)}.footer-col a{display:block;color:var(--color-text-muted);margin-bottom:.75rem;transition:color .2s}.footer-col a:hover{color:var(--color-primary)}.footer-col p{color:var(--color-text-muted);max-width:300px}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:2rem;text-align:center;color:#64748b;font-size:.85rem}.page-header{padding:6rem 0 4rem;text-align:center}.page-title{font-size:3rem;font-weight:700;margin-bottom:1rem}.page-subtitle{color:var(--color-text-muted);font-size:1.2rem;max-width:600px;margin:0 auto}@media(max-width:768px){.hero-title{font-size:2.5rem}.footer-grid{grid-template-columns:1fr;gap:2rem}.nav-links{display:none}}.audio-visualizer{display:flex;align-items:center;justify-content:center;gap:8px;height:120px}.audio-bar{width:8px;background:linear-gradient(to top,var(--color-primary),var(--color-secondary));border-radius:999px;animation:wave 2s ease-in-out infinite;box-shadow:0 0 15px #6366f14d}@keyframes wave{0%,to{height:30%;opacity:.3}50%{height:80%;opacity:1}}.audio-bar:nth-child(1){animation-delay:.7s}.audio-bar:nth-child(2){animation-delay:.6s}.audio-bar:nth-child(3){animation-delay:.5s}.audio-bar:nth-child(4){animation-delay:.4s}.audio-bar:nth-child(5){animation-delay:.3s}.audio-bar:nth-child(6){animation-delay:.2s}.audio-bar:nth-child(7){animation-delay:.1s}.audio-bar:nth-child(8){animation-delay:0s}.audio-bar:nth-child(9){animation-delay:.1s}.audio-bar:nth-child(10){animation-delay:.2s}.audio-bar:nth-child(11){animation-delay:.3s}.audio-bar:nth-child(12){animation-delay:.4s}.audio-bar:nth-child(13){animation-delay:.5s}.audio-bar:nth-child(14){animation-delay:.6s}.audio-bar:nth-child(15){animation-delay:.7s}