:root{--landing-bg:#06060a;--landing-surface:#0e0e14;--landing-surface-2:#151520;--landing-border:#1e1e2e;--landing-border-glow:#5e6ad240;--landing-primary:#5e6ad2;--landing-primary-glow:#5e6ad266;--landing-accent:#00d4ff;--landing-accent-glow:#00d4ff4d;--landing-gold:#ffb800;--landing-gold-glow:#ffb8004d;--landing-text:#f0f0f5;--landing-text-muted:#8888a0;--landing-text-dim:#555570;--landing-success:#2ecc71;--landing-danger:#ff453a;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif}.landing-body{background-color:var(--landing-bg);color:var(--landing-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden}*,:before,:after{box-sizing:border-box}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--landing-border);background:#06060abf;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{align-items:center;gap:.75rem;text-decoration:none;display:flex}.nav-logo img{width:auto;height:36px}.nav-links{align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--landing-text-muted);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--landing-text)}.nav-cta{background:var(--landing-primary);cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.875rem;text-decoration:none;transition:all .2s;color:#fff!important;font-weight:600!important}.nav-cta:hover{box-shadow:0 0 24px var(--landing-primary-glow);background:#4a55ab}.hero{justify-content:center;align-items:center;min-height:100vh;padding:8rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero-bg-orb{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.hero-bg-orb.orb-1{background:var(--landing-primary-glow);opacity:.4;width:600px;height:600px;animation:12s ease-in-out infinite orbFloat;top:-10%;left:-5%}.hero-bg-orb.orb-2{background:var(--landing-accent-glow);opacity:.3;width:500px;height:500px;animation:16s ease-in-out infinite reverse orbFloat;bottom:-15%;right:-10%}.hero-bg-orb.orb-3{background:var(--landing-gold-glow);opacity:.2;width:300px;height:300px;animation:10s ease-in-out 2s infinite orbFloat;top:30%;right:20%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.95)}}.hero-grid{background-image:linear-gradient(var(--landing-border) 1px, transparent 1px), linear-gradient(90deg, var(--landing-border) 1px, transparent 1px);opacity:.15;pointer-events:none;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 60% at 50% 40%,#000 30%,#0000 100%)}.hero-content{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1200px;display:grid;position:relative}.hero-text{flex-direction:column;gap:1.5rem;display:flex}.hero-badge{background:var(--landing-surface-2);border:1px solid var(--landing-border);color:var(--landing-accent);text-transform:uppercase;letter-spacing:.08em;border-radius:100px;align-items:center;gap:.5rem;width:fit-content;padding:.375rem 1rem;font-size:.75rem;font-weight:600;animation:3s ease-in-out infinite badgePulse;display:inline-flex}@keyframes badgePulse{0%,to{box-shadow:0 0 0 0 var(--landing-accent-glow)}50%{box-shadow:0 0 20px 2px var(--landing-accent-glow)}}.hero-badge span{background:var(--landing-accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite dotBlink;display:inline-block}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.3}}.hero-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.hero-title .gradient-text{background:linear-gradient(135deg, var(--landing-primary), var(--landing-accent), var(--landing-gold));-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.hero-subtitle{color:var(--landing-text-muted);max-width:500px;margin:0;font-size:1.125rem;line-height:1.7}.hero-actions{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.btn-primary{background:linear-gradient(135deg, var(--landing-primary), #7b85e8);color:#fff;cursor:pointer;box-shadow:0 4px 24px var(--landing-primary-glow);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary:hover{box-shadow:0 8px 40px var(--landing-primary-glow);transform:translateY(-2px)}.btn-secondary{background:var(--landing-surface);color:var(--landing-text);border:1px solid var(--landing-border);cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{border-color:var(--landing-primary);background:var(--landing-surface-2)}.hero-stats{border-top:1px solid var(--landing-border);gap:2rem;margin-top:1rem;padding-top:1.5rem;display:flex}.hero-stat{flex-direction:column;display:flex}.hero-stat-value{font-family:var(--font-display);color:var(--landing-text);font-size:1.5rem;font-weight:800}.hero-stat-label{color:var(--landing-text-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:.125rem;font-size:.75rem}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-mockup-wrapper{width:340px;animation:6s ease-in-out infinite mockupFloat;position:relative}@keyframes mockupFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-mockup-wrapper:before{content:"";background:linear-gradient(135deg, var(--landing-primary), var(--landing-accent), var(--landing-gold));z-index:-1;opacity:.6;filter:blur(1px);border-radius:28px;position:absolute;inset:-3px}.hero-mockup-wrapper:after{content:"";background:linear-gradient(135deg, var(--landing-primary-glow), var(--landing-accent-glow));z-index:-2;filter:blur(40px);opacity:.4;border-radius:40px;position:absolute;inset:-20px}.hero-mockup{border-radius:24px;width:100%;display:block}.features{padding:6rem 2rem;position:relative}.section-header{text-align:center;max-width:600px;margin:0 auto 4rem}.section-label{text-transform:uppercase;letter-spacing:.15em;color:var(--landing-primary);margin-bottom:1rem;font-size:.75rem;font-weight:700}.section-title{font-family:var(--font-display);margin:0 0 1rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;line-height:1.2}.section-subtitle{color:var(--landing-text-muted);margin:0;font-size:1rem;line-height:1.6}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:0 auto;display:grid}.feature-card{background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:16px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, transparent, var(--landing-primary), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:var(--landing-border-glow);transform:translateY(-4px);box-shadow:0 12px 40px #0006}.feature-card:hover:before{opacity:1}.feature-icon{background:var(--landing-surface-2);border:1px solid var(--landing-border);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;font-size:1.5rem;display:flex}.feature-card-title{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.feature-card-desc{color:var(--landing-text-muted);margin:0;font-size:.875rem;line-height:1.6}.how-it-works{background:var(--landing-surface);border-top:1px solid var(--landing-border);border-bottom:1px solid var(--landing-border);padding:6rem 2rem}.steps-grid{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1100px;margin:0 auto;display:grid;position:relative}.steps-grid:before{content:"";background:linear-gradient(90deg, transparent, var(--landing-primary), var(--landing-accent), var(--landing-gold), transparent);z-index:0;height:2px;position:absolute;top:32px;left:10%;right:10%}.step-item{text-align:center;z-index:1;position:relative}.step-number{width:64px;height:64px;font-family:var(--font-display);background:var(--landing-bg);border:2px solid var(--landing-primary);color:var(--landing-primary);box-shadow:0 0 20px var(--landing-primary-glow);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;font-size:1.25rem;font-weight:800;display:flex}.step-title{font-family:var(--font-display);margin:0 0 .5rem;font-size:1rem;font-weight:700}.step-desc{color:var(--landing-text-muted);margin:0;font-size:.8125rem;line-height:1.5}.social-proof{padding:6rem 2rem}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:0 auto;display:grid}.testimonial-card{background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:16px;padding:2rem;position:relative}.testimonial-card:before{content:"\"";font-family:var(--font-display);color:var(--landing-primary);opacity:.2;font-size:4rem;line-height:1;position:absolute;top:.5rem;left:1.25rem}.testimonial-text{color:var(--landing-text-muted);margin:0 0 1.5rem;font-size:.9375rem;line-height:1.7;position:relative}.testimonial-author{align-items:center;gap:.75rem;display:flex}.testimonial-avatar{background:linear-gradient(135deg, var(--landing-primary), var(--landing-accent));border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex}.testimonial-name{margin:0;font-size:.875rem;font-weight:600}.testimonial-role{color:var(--landing-text-dim);margin:0;font-size:.75rem}.cta-section{text-align:center;padding:6rem 2rem;position:relative;overflow:hidden}.cta-card{background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:24px;max-width:800px;margin:0 auto;padding:4rem 3rem;position:relative;overflow:hidden}.cta-card:before{content:"";background:linear-gradient(135deg, var(--landing-primary), var(--landing-accent), var(--landing-gold));z-index:-1;opacity:.15;border-radius:24px;position:absolute;inset:-1px}.cta-card:after{content:"";background:radial-gradient(circle at 50% 50%, var(--landing-primary-glow), transparent 60%);opacity:.1;width:200%;height:200%;animation:6s ease-in-out infinite ctaPulse;position:absolute;top:-50%;left:-50%}@keyframes ctaPulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.18;transform:scale(1.1)}}.cta-title{font-family:var(--font-display);margin:0 0 1rem;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;position:relative}.cta-subtitle{color:var(--landing-text-muted);margin:0 0 2rem;font-size:1rem;position:relative}.cta-actions{justify-content:center;gap:1rem;display:flex;position:relative}.landing-footer{border-top:1px solid var(--landing-border);background:var(--landing-surface);padding:4rem 2rem 2rem}.footer-content{max-width:1100px;margin:0 auto}.footer-brand{flex-direction:column;gap:.5rem;margin-bottom:2rem;display:flex}.footer-brand img{object-fit:contain;width:auto;height:32px}.footer-tagline{color:var(--landing-text-dim);margin:0;font-size:.875rem}.footer-columns{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem;display:grid}.footer-col h4{font-family:var(--font-display);color:var(--landing-text);margin:0 0 1rem;font-size:.875rem;font-weight:700}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col li{margin-bottom:.5rem}.footer-col a{color:var(--landing-text-dim);font-size:.8125rem;text-decoration:none;transition:color .2s}.footer-col a:hover{color:var(--landing-text)}.footer-bottom{border-top:1px solid var(--landing-border);text-align:center;padding-top:1.5rem}.footer-copy{color:var(--landing-text-dim);font-size:.75rem}.platforms-section{background:var(--landing-surface);border-top:1px solid var(--landing-border);border-bottom:1px solid var(--landing-border);padding:6rem 2rem}.platforms-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px;margin:0 auto;display:grid}.platform-card{background:var(--landing-bg);border:1px solid var(--landing-border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;transition:all .3s;display:flex}.platform-card:hover{border-color:var(--landing-border-glow);transform:translateY(-4px);box-shadow:0 12px 40px #5e6ad226}.platform-card h3{font-family:var(--font-display);margin:0;font-size:1.25rem;font-weight:700}.platform-card p{color:var(--landing-text-muted);margin:0;font-size:.8125rem;line-height:1.5}.platform-link{color:var(--landing-primary);margin-top:auto;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s}.platform-link:hover{color:var(--landing-accent)}.store-badge{color:#111;background:#fff;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s;display:inline-flex}.store-badge:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffffff26}.store-badge-text{text-align:left;flex-direction:column;display:flex}.store-badge-small{text-transform:uppercase;letter-spacing:.04em;font-size:.625rem;font-weight:400;line-height:1}.store-badge-large{font-size:1.125rem;font-weight:700;line-height:1.2}@media (max-width:968px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-text{align-items:center}.hero-badge,.hero-subtitle{margin:0 auto}.hero-actions,.hero-stats{justify-content:center}.hero-visual{order:-1}.hero-mockup-wrapper{width:280px}.features-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}.steps-grid:before{display:none}.testimonials-grid{grid-template-columns:1fr}.platforms-grid,.footer-columns{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.landing-nav{padding:.75rem 1rem}.nav-links{display:none}.hero{padding:6rem 1rem 3rem}.features-grid,.steps-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-stats{flex-direction:column;align-items:center;gap:1rem}.footer-content{flex-direction:column;gap:1.5rem}.platforms-grid,.footer-columns{grid-template-columns:1fr}.cta-actions{flex-direction:column;align-items:center}}