:root{--bg-primary: #000000;--bg-secondary: #0d1117;--bg-card: #1C1C1E;--bg-card-hover: #2C2C2E;--bg-glass: rgba(28, 28, 30, .6);--bg-glass-hover: rgba(44, 44, 46, .8);--text-primary: #FFFFFF;--text-secondary: #8E8E93;--text-tertiary: #636366;--accent-start: #0A84FF;--accent-mid: #5E5CE6;--accent-end: #BF5AF2;--gradient-primary: linear-gradient(135deg, var(--accent-start), var(--accent-mid), var(--accent-end));--gradient-hero: radial-gradient(circle at center, #1C1C1E 0%, #000000 100%);--gradient-glow: radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(10, 132, 255, .1), transparent 40%);--border-subtle: #38383A;--border-card: #48484A;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--shadow-glow: 0 0 80px rgba(10, 132, 255, .15);--shadow-card: 0 4px 30px rgba(0, 0, 0, .5);--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Outfit", sans-serif;--font-accent: "Caveat", cursive;--transition-fast: .2s ease;--transition-med: .4s ease;--transition-slow: .6s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}#stars-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:all var(--transition-med);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}#navbar.scrolled{padding:10px 0;background:#000000bf;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-bottom:1px solid var(--border-subtle)}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:10px}.logo-img{height:32px;width:auto;filter:invert(1)}.nav-links{display:flex;list-style:none;gap:32px}.nav-links a{font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition-fast);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);border-radius:1px;transition:width var(--transition-fast)}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:after{width:100%}.nav-cta{padding:10px 24px;border-radius:100px;border:none;background:var(--gradient-primary);color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body)}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px #7c3aed66}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.mobile-menu-btn span{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-fast)}.mobile-menu{display:none;padding:0 24px 20px}.mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:16px}.mobile-menu a{font-size:1rem;color:var(--text-secondary);transition:color var(--transition-fast)}.mobile-menu a:hover{color:var(--text-primary)}.mobile-menu.active{display:block}#hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 24px 60px;z-index:1;background:var(--gradient-hero)}.hero-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:80px;width:100%}.hero-text{flex:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--bg-glass);border:1px solid var(--border-card);border-radius:100px;font-size:.8rem;font-weight:500;letter-spacing:.05em;color:var(--accent-mid);margin-bottom:24px}.badge-dot{width:6px;height:6px;background:var(--accent-mid);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;margin-bottom:24px}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:36px;max-width:520px}.hero-actions{display:flex;gap:16px;margin-bottom:48px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:100px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all var(--transition-fast);border:none;font-family:var(--font-body)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px #0a84ff4d;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0a84ff80}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--bg-glass-hover);transform:translateY(-3px);border-color:var(--accent-start)}.hero-stats{display:flex;align-items:center;gap:32px}.stat{text-align:center}.stat-number{font-size:2rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-suffix{font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{display:block;font-size:.8rem;color:var(--text-tertiary);margin-top:4px;font-weight:500}.stat-divider{width:1px;height:40px;background:var(--border-card)}.hero-image{flex:0 0 auto;position:relative}.phone-mockup{width:340px;height:auto;border-radius:var(--radius-xl);position:relative;z-index:2;animation:float 6s ease-in-out infinite}.phone-glow{position:absolute;inset:-40px;background:radial-gradient(circle,rgba(124,58,237,.2),transparent 70%);z-index:1;filter:blur(40px);animation:glow-pulse 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes glow-pulse{0%,to{opacity:.6}50%{opacity:1}}.hero-scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,var(--accent-mid),transparent);animation:scroll-fade 2s ease-in-out infinite}@keyframes scroll-fade{0%{opacity:0;transform:scaleY(0);transform-origin:top}50%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0);transform-origin:bottom}}section{position:relative;z-index:1}.section-container{max-width:1200px;margin:0 auto;padding:120px 24px}.section-header{text-align:center;margin-bottom:64px}.section-tag{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.15em;color:var(--accent-mid);margin-bottom:16px;text-transform:uppercase}.section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.section-description{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}#features{background:var(--bg-primary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{padding:40px 36px;background:var(--bg-glass);border:1px solid var(--border-card);border-radius:var(--radius-lg);transition:all var(--transition-med);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.feature-card:before{content:"";position:absolute;inset:0;background:var(--gradient-glow);opacity:0;transition:opacity var(--transition-med)}.feature-card:hover{transform:translateY(-4px);border-color:#7c3aed33;background:var(--bg-card-hover);box-shadow:var(--shadow-glow)}.feature-card:hover:before{opacity:1}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-md);margin-bottom:20px;color:var(--accent-mid);transition:all var(--transition-med)}.feature-card:hover .feature-icon{background:#7c3aed33;border-color:#7c3aed4d;transform:scale(1.05)}.feature-card h3{font-size:1.2rem;font-weight:700;margin-bottom:12px;position:relative}.feature-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.7;position:relative}#screenshots{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.screenshots-showcase{display:flex;justify-content:center;align-items:center;gap:40px;perspective:1000px}.screenshot-card{position:relative;flex:0 0 auto;transition:all var(--transition-med)}.screenshot-card img{width:260px;border-radius:var(--radius-xl);transition:all var(--transition-med);opacity:.7}.screenshot-card-center img{width:300px;opacity:1}.screenshot-card:hover img{opacity:1;transform:scale(1.03)}.screenshot-glow{position:absolute;inset:-20px;border-radius:var(--radius-xl);filter:blur(40px);z-index:-1;opacity:.4}.screenshot-glow-1{background:#6366f14d}.screenshot-glow-2{background:#a855f766}.screenshot-glow-3{background:#7c3aed4d}.screenshot-label{text-align:center;margin-top:16px;font-size:.85rem;color:var(--text-tertiary);font-weight:500}#download{background:var(--bg-secondary);padding-bottom:0}.download-card{position:relative;background:var(--bg-glass);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:80px 60px;text-align:center;overflow:hidden}.download-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(124,58,237,.15),transparent 70%);pointer-events:none}.download-content{position:relative;z-index:1}.download-content h2{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.download-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:40px;line-height:1.7}.download-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.store-btn{display:inline-flex;align-items:center;gap:12px;padding:14px 28px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);transition:all var(--transition-fast);color:var(--text-primary)}.store-btn:hover{background:#ffffff24;transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.store-btn div{display:flex;flex-direction:column;align-items:flex-start}.store-btn-small{font-size:.65rem;color:var(--text-tertiary);font-weight:400;line-height:1}.store-btn-large{font-size:1.1rem;font-weight:600;line-height:1.3}#footer{position:relative;z-index:1;background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}.footer-container{max-width:1200px;margin:0 auto;padding:60px 24px 40px}.footer-top{display:flex;justify-content:space-between;margin-bottom:48px}.footer-brand{max-width:300px}.footer-logo{height:28px;width:auto;filter:invert(1);margin-bottom:12px;opacity:.8}.footer-brand p{font-size:.85rem;color:var(--text-tertiary);line-height:1.6}.footer-links{display:flex;gap:64px}.footer-col{display:flex;flex-direction:column}.footer-col h4{font-size:.85rem;font-weight:600;margin-bottom:16px;color:var(--text-secondary)}.footer-col a{font-size:.85rem;color:var(--text-tertiary);margin-bottom:10px;transition:color var(--transition-fast)}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border-subtle);padding-top:24px;text-align:center}.footer-bottom p{font-size:.8rem;color:var(--text-tertiary)}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.nav-links,.nav-cta{display:none}.mobile-menu-btn{display:flex}.hero-content{flex-direction:column;text-align:center;gap:48px}.hero-description{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center;flex-wrap:wrap}.hero-stats{justify-content:center}.phone-mockup{width:280px}.features-grid{grid-template-columns:repeat(2,1fr);gap:16px}.screenshots-showcase{flex-direction:column;gap:24px}.screenshot-card img,.screenshot-card-center img{width:260px}.download-card{padding:48px 24px}.footer-top{flex-direction:column;gap:32px}}@media(max-width:600px){.features-grid{grid-template-columns:1fr}.hero-stats{gap:20px}.stat-number{font-size:1.5rem}h1{font-size:2rem}.section-header h2{font-size:1.8rem}.download-buttons{flex-direction:column;align-items:center}.store-btn{width:100%;max-width:260px;justify-content:center}}