.landing-container{min-height:100vh;background-color:#030712;color:#f3f4f6;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden;display:flex;flex-direction:column}.landing-bg-decorations{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden}.landing-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(hsla(0,0%,100%,.015) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.015) 1px,transparent 0);background-size:50px 50px;background-position:top;mask-image:radial-gradient(ellipse at 50% 30%,#000 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 40%,transparent 80%)}.landing-glow-1{position:absolute;top:-10%;left:30%;width:600px;height:600px;background:radial-gradient(circle,rgba(16,185,129,.08) 0,transparent 70%);filter:blur(50px)}.landing-glow-2{position:absolute;top:40%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(5,150,105,.06) 0,transparent 70%);filter:blur(60px)}.landing-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background-color:rgba(3,7,18,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid hsla(0,0%,100%,.05)}.landing-header-inner{max-width:1200px;margin:0 auto;padding:0 var(--space-xl);height:70px;display:flex;align-items:center;justify-content:space-between}.landing-logo{display:flex;align-items:center;text-decoration:none}.landing-logo-img{height:20px;width:auto;display:block}.landing-nav{display:flex;align-items:center;gap:var(--space-xl)}@media (max-width:768px){.landing-nav{display:none}}.landing-nav-link{text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#9ca3af;transition:color var(--transition-fast)}.landing-nav-link:hover{color:#fff}.landing-btn-header{background-color:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#34d399;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:all var(--transition-base)}.landing-btn-header:hover{background-color:#10b981;color:#030712;box-shadow:0 0 15px rgba(16,185,129,.3);border-color:#10b981}.landing-hero{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:var(--space-3xl) var(--space-xl) var(--space-xl) var(--space-xl);display:grid;grid-template-columns:1.2fr .8fr;grid-gap:var(--space-3xl);gap:var(--space-3xl);align-items:center}@media (max-width:992px){.landing-hero{grid-template-columns:1fr;text-align:center;padding-top:var(--space-2xl)}}.landing-hero-content{display:flex;flex-direction:column;align-items:flex-start}@media (max-width:992px){.landing-hero-content{align-items:center}}.landing-badge{background-color:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);color:#34d399;padding:6px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);display:inline-flex;align-items:center;gap:var(--space-xs)}.landing-title{font-size:3.5rem;font-weight:var(--font-weight-bold);line-height:1.1;color:#fff;letter-spacing:-1.5px;margin-bottom:var(--space-lg)}@media (max-width:768px){.landing-title{font-size:2.5rem}}.landing-title-highlight{background:linear-gradient(135deg,#34d399,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-subtitle{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:#9ca3af;margin-bottom:var(--space-2xl);max-width:580px}.landing-hero-ctas{display:flex;gap:var(--space-md);margin-bottom:var(--space-3xl)}@media (max-width:480px){.landing-hero-ctas{flex-direction:column;width:100%}}.landing-btn-primary{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#030712;padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);box-shadow:0 4px 20px rgba(16,185,129,.25);transition:all var(--transition-base)}.landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(16,185,129,.4);background:linear-gradient(135deg,#34d399,#10b981)}.landing-btn-primary svg{width:16px;height:16px;transition:transform var(--transition-fast)}.landing-btn-primary:hover svg{transform:translateX(4px)}.landing-btn-secondary{background-color:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);color:#e5e7eb;padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.landing-btn-secondary:hover{background-color:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15);color:#fff}.landing-hero-showcase{display:flex;justify-content:center;position:relative}.landing-showcase-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(16,185,129,.12) 0,transparent 60%);z-index:-1}.landing-phone-mock{width:310px;height:520px;background-color:#0f172a;border:6px solid #1e293b;border-radius:40px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 40px rgba(16,185,129,.15);overflow:hidden;position:relative;display:flex;flex-direction:column;transform:rotate(2deg);transition:transform var(--transition-slow)}.landing-phone-mock:hover{transform:rotate(0deg) scale(1.02)}.landing-phone-notch{width:120px;height:18px;background-color:#1e293b;position:absolute;top:0;left:50%;transform:translateX(-50%);border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:10}.landing-mock-player{padding:var(--space-xl) var(--space-md) var(--space-md) var(--space-md);display:flex;flex-direction:column;height:100%;justify-content:space-between;background:linear-gradient(180deg,#111827,#030712);font-size:11px}.landing-mock-art{aspect-ratio:1;background:linear-gradient(135deg,#10b981,#f7931e);margin-top:10px;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(0,0,0,.4)}.landing-mock-art,.landing-mock-art-img{width:100%;border-radius:var(--radius-lg)}.landing-mock-art-img{position:absolute;top:0;left:0;height:100%;object-fit:cover;z-index:1}.landing-mock-play-btn{width:50px;height:50px;background-color:rgba(3,7,18,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.landing-mock-play-icon{width:18px;height:18px;fill:#10b981;margin-left:2px}.landing-mock-info{text-align:center;margin:var(--space-md) 0}.landing-mock-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:#fff}.landing-mock-artist{color:#9ca3af;margin-top:2px}.landing-mock-services{display:flex;flex-direction:column;gap:6px}.landing-mock-service-row{display:flex;align-items:center;justify-content:space-between;background-color:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);padding:8px 12px;border-radius:var(--radius-sm)}.landing-mock-service-logo{width:14px;height:14px}.landing-mock-service-btn{background-color:#10b981;color:#030712;font-weight:var(--font-weight-semibold);padding:3px 8px;border-radius:4px}.landing-features{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:var(--space-3xl) var(--space-xl)}.landing-features-header{text-align:center;margin-bottom:var(--space-3xl)}.landing-features-label{color:#10b981;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--space-xs);display:block}.landing-features-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#fff}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-xl);gap:var(--space-xl)}@media (max-width:900px){.landing-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.landing-features-grid{grid-template-columns:1fr}}.landing-feature-card{background-color:rgba(17,24,39,.5);border:1px solid hsla(0,0%,100%,.04);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base);position:relative}.landing-feature-card:hover{background-color:rgba(17,24,39,.7);border-color:rgba(16,185,129,.2);transform:translateY(-4px);box-shadow:0 10px 30px rgba(16,185,129,.03)}.landing-faq-card{background-color:rgba(17,24,39,.5);border:1px solid hsla(0,0%,100%,.04);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base);position:relative;cursor:pointer}.landing-faq-card:hover{background-color:rgba(17,24,39,.7);border-color:rgba(16,185,129,.2);box-shadow:0 10px 30px rgba(16,185,129,.03)}.landing-feature-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-md);background-color:rgba(16,185,129,.1);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg);border:1px solid rgba(16,185,129,.2);color:#34d399}.landing-feature-icon-wrapper svg{width:24px;height:24px;fill:currentColor}.landing-feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--space-sm)}.landing-feature-desc{font-size:var(--font-size-sm);color:#9ca3af;line-height:var(--line-height-relaxed)}.landing-glow-cursor{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,30%),rgba(16,185,129,.06),transparent 60%);z-index:1;pointer-events:none}.landing-cta-banner{position:relative;z-index:10;max-width:1200px;margin:var(--space-2xl) auto var(--space-2xl) auto;padding:0 var(--space-xl)}.landing-cta-banner-inner{background:radial-gradient(circle at top right,rgba(16,185,129,.08),transparent 50%),rgba(17,24,39,.5);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-xl);padding:var(--space-3xl) var(--space-xl);text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.4)}.landing-cta-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--space-md);letter-spacing:-.5px}.landing-cta-desc{color:#9ca3af;max-width:600px;margin:0 auto var(--space-2xl) auto;font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.landing-seo-section{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:var(--space-3xl) var(--space-xl);border-top:1px solid hsla(0,0%,100%,.03)}.landing-seo-container{width:100%}.landing-seo-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:var(--space-3xl);gap:var(--space-3xl);align-items:center}@media (max-width:992px){.landing-seo-grid{grid-template-columns:1fr;gap:var(--space-2xl)}}.landing-seo-text{display:flex;flex-direction:column;gap:var(--space-md)}.landing-seo-heading{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#fff;letter-spacing:-.8px;line-height:var(--line-height-tight)}.landing-seo-paragraph{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:#9ca3af}.landing-seo-features{display:flex;flex-direction:column;gap:var(--space-lg);background-color:rgba(17,24,39,.3);border:1px solid hsla(0,0%,100%,.03);padding:var(--space-xl);border-radius:var(--radius-lg)}.landing-seo-item{display:flex;flex-direction:column;gap:4px}.landing-seo-item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff}.landing-seo-item-desc{font-size:var(--font-size-xs);color:#9ca3af;line-height:var(--line-height-normal)}.landing-footer{position:relative;z-index:10;background-color:#020617;border-top:1px solid hsla(0,0%,100%,.03);padding:var(--space-3xl) var(--space-xl) var(--space-xl) var(--space-xl);margin-top:auto;font-family:inherit}.landing-footer-top{max-width:1200px;margin:0 auto}.landing-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;grid-gap:var(--space-2xl);gap:var(--space-2xl);margin-bottom:var(--space-2xl)}@media (max-width:768px){.landing-footer-grid{grid-template-columns:1fr;gap:var(--space-xl)}}.landing-footer-col{display:flex;flex-direction:column;gap:var(--space-md)}.landing-footer-col-brand{max-width:320px}.landing-footer-logo{height:20px;width:auto;align-self:flex-start}.landing-footer-desc-text{font-size:13px;line-height:var(--line-height-relaxed);color:#9ca3af}.landing-footer-col-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff;margin-bottom:4px}.landing-footer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.landing-footer-link-col{text-decoration:none;font-size:13px;color:#9ca3af;transition:color var(--transition-fast)}.landing-footer-link-col:hover{color:#34d399}.landing-footer-divider{max-width:1200px;margin:0 auto;height:1px;background-color:hsla(0,0%,100%,.05)}.landing-footer-bottom{max-width:1200px;margin:0 auto;padding:var(--space-lg) 0;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}@media (max-width:768px){.landing-footer-bottom{flex-direction:column;align-items:flex-start}}.landing-footer-bottom-links{display:flex;align-items:center;gap:var(--space-md)}.landing-footer-legal-link{text-decoration:none;font-size:12px;color:#9ca3af;transition:color var(--transition-fast)}.landing-footer-legal-link:hover{color:#fff}.landing-footer-separator{color:hsla(0,0%,100%,.2);font-size:10px}.landing-language-pill{display:flex;background-color:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:var(--radius-full);padding:3px;gap:2px}.landing-lang-btn{background:none;border:none;color:#6b7280;padding:6px 12px;font-size:11px;font-weight:600;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.landing-lang-btn:hover{color:#e5e7eb}.landing-lang-btn.active{background-color:hsla(0,0%,100%,.06);color:#34d399}.landing-footer-copyright{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-sm);border-top:1px solid hsla(0,0%,100%,.02)}@media (max-width:900px){.landing-footer-copyright{flex-direction:column;align-items:flex-start}}.landing-footer-copy-text{font-size:11px;color:#6b7280}.landing-footer-disclaimer{font-size:11px;color:#4b5563;max-width:750px;text-align:right;line-height:var(--line-height-normal)}@media (max-width:900px){.landing-footer-disclaimer{text-align:left}}.animate-fade-in{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.landing-phone-mock{animation:floatDevice 6s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatDevice{0%,to{transform:rotate(2deg) translateY(0)}50%{transform:rotate(1.5deg) translateY(-8px)}}