:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#181818;--bg-elevated:#1a1a1a;--text-primary:#fafafa;--text-secondary:#a0a0a0;--text-tertiary:#666;--accent:#22c55e;--accent-dim:#16a34a;--accent-glow:#22c55e26;--border:#ffffff14;--border-strong:#ffffff1f;--font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Consolas,monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--max-width:1200px;--nav-height:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}.grain{position:fixed;pointer-events:none;opacity:.03;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");inset:0}.nav{position:fixed;height:var(--nav-height);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:1000;background:#0a0a0acc;top:0;left:0;right:0}.nav-content{max-width:var(--max-width);padding:0 var(--space-xl);display:flex;justify-content:space-between;align-items: center;height:100%;margin:0 auto}.nav-logo{display:flex;align-items: center;gap:var(--space-sm);font-size:1.125rem;font-weight:600}.logo-icon{object-fit:contain;border-radius:6px;width:28px;height:28px}.nav-links{display:flex;align-items: center;gap:var(--space-lg)}.nav-links a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.9rem}.nav-links a:hover{color:var(--text-primary)}.nav-cta{padding:var(--space-sm)var(--space-md);background:var(--text-primary);border-radius:var(--radius-sm);transition:opacity var(--transition-fast);font-weight:500;color:var(--bg-primary)!important}.nav-cta:hover{opacity:.9}.hero{padding:calc(var(--nav-height) + var(--space-4xl))var(--space-xl)var(--space-4xl);display:flex;text-align:center;position:relative;flex-direction:column;justify-content:center;align-items: center;min-height:100vh}.hero:before{content:"";position:absolute;background:radial-gradient(ellipse at center,var(--accent-glow)0%,transparent 70%);pointer-events:none;width:100%;max-width:800px;height:500px;top:0;left:50%;transform:translate(-50%)}.hero-content{position:relative;z-index:1;max-width:720px}.hero-badge{display:inline-flex;align-items: center;gap:var(--space-sm);padding:var(--space-xs)var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);margin-bottom:var(--space-xl);animation:fadeInUp .6s ease backwards;border-radius:100px;font-size:.8rem}.badge-dot{background:var(--accent);animation:pulse 2s ease-in-out infinite;border-radius:50%;width:6px;height:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{letter-spacing:-.03em;margin-bottom:var(--space-lg);animation:fadeInUp .6s ease .1s backwards;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:600;line-height:1.1}.hero-price{display:block;color:var(--text-primary)}.hero-alt{display:block;color:var(--text-tertiary);font-style:italic}.hero-subtitle{color:var(--text-secondary);margin-bottom:var(--space-2xl);animation:fadeInUp .6s ease .2s backwards;font-size:1.25rem}.hero-actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-3xl);animation:fadeInUp .6s ease .3s backwards;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items: center;gap:var(--space-sm);padding:var(--space-md)var(--space-xl);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:none;font-size:.95rem;font-weight:500}.btn-primary{background:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #fff3}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.btn-full{justify-content:center;width:100%}.hero-stats{display:flex;justify-content:center;align-items: center;gap:var(--space-xl);animation:fadeInUp .6s ease .4s backwards}.stat{text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.stat-label{color:var(--text-tertiary);font-size:.8rem}.stat-divider{background:var(--border);width:1px;height:40px}.hero-visual{display:flex;justify-content:center;align-items: center;gap:var(--space-xl);margin-top:var(--space-4xl);animation:fadeInUp .6s ease .5s backwards}.waveform{position:relative;padding:var(--space-lg)var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg)}.waveform-label{position:absolute;top:var(--space-sm);left:var(--space-md);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:.7rem;font-weight:500}.waveform-bars{display:flex;align-items: center;gap:3px;height:48px}.waveform-bars span{background:var(--accent);animation:wave 1.2s ease-in-out infinite;border-radius:2px;width:3px}.waveform-noisy span{background:var(--text-tertiary)}.waveform-noisy span:nth-child(odd){animation:waveNoisy .8s ease-in-out infinite}.waveform-clean span:first-child{animation-delay:0s;height:20%}.waveform-clean span:nth-child(2){animation-delay:50ms;height:35%}.waveform-clean span:nth-child(3){animation-delay:.1s;height:55%}.waveform-clean span:nth-child(4){animation-delay:.15s;height:75%}.waveform-clean span:nth-child(5){animation-delay:.2s;height:90%}.waveform-clean span:nth-child(6){animation-delay:.25s;height:100%}.waveform-clean span:nth-child(7){animation-delay:.3s;height:90%}.waveform-clean span:nth-child(8){animation-delay:.35s;height:75%}.waveform-clean span:nth-child(9){animation-delay:.4s;height:55%}.waveform-clean span:nth-child(10){animation-delay:.45s;height:35%}.waveform-clean span:nth-child(11){animation-delay:.5s;height:20%}.waveform-clean span:nth-child(12){animation-delay:.55s;height:35%}.waveform-clean span:nth-child(13){animation-delay:.6s;height:55%}.waveform-clean span:nth-child(14){animation-delay:.65s;height:75%}.waveform-clean span:nth-child(15){animation-delay:.7s;height:90%}.waveform-clean span:nth-child(16){animation-delay:.75s;height:100%}.waveform-clean span:nth-child(17){animation-delay:.8s;height:90%}.waveform-clean span:nth-child(18){animation-delay:.85s;height:75%}.waveform-clean span:nth-child(19){animation-delay:.9s;height:55%}.waveform-clean span:nth-child(20){animation-delay:.95s;height:35%}.waveform-clean span:nth-child(21){animation-delay:1s;height:20%}.waveform-clean span:nth-child(22){animation-delay:1.05s;height:35%}.waveform-clean span:nth-child(23){animation-delay:1.1s;height:55%}.waveform-clean span:nth-child(24){animation-delay:1.15s;height:75%}.waveform-clean span:nth-child(25){animation-delay:1.2s;height:90%}.waveform-noisy span:first-child{height:45%}.waveform-noisy span:nth-child(2){height:80%}.waveform-noisy span:nth-child(3){height:30%}.waveform-noisy span:nth-child(4){height:95%}.waveform-noisy span:nth-child(5){height:50%}.waveform-noisy span:nth-child(6){height:70%}.waveform-noisy span:nth-child(7){height:25%}.waveform-noisy span:nth-child(8){height:85%}.waveform-noisy span:nth-child(9){height:40%}.waveform-noisy span:nth-child(10){height:100%}.waveform-noisy span:nth-child(11){height:35%}.waveform-noisy span:nth-child(12){height:75%}.waveform-noisy span:nth-child(13){height:55%}.waveform-noisy span:nth-child(14){height:90%}.waveform-noisy span:nth-child(15){height:30%}.waveform-noisy span:nth-child(16){height:65%}.waveform-noisy span:nth-child(17){height:45%}.waveform-noisy span:nth-child(18){height:80%}.waveform-noisy span:nth-child(19){height:25%}.waveform-noisy span:nth-child(20){height:95%}.waveform-noisy span:nth-child(21){height:50%}.waveform-noisy span:nth-child(22){height:70%}.waveform-noisy span:nth-child(23){height:35%}.waveform-noisy span:nth-child(24){height:85%}.waveform-noisy span:nth-child(25){height:60%}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.6)}}@keyframes waveNoisy{0%,to{transform:scaleY(1)}25%{transform:scaleY(.4)}50%{transform:scaleY(1.2)}75%{transform:scaleY(.6)}}.waveform-arrow{color:var(--text-tertiary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-content{max-width:var(--max-width);padding:var(--space-4xl)var(--space-xl);margin:0 auto}.section-title{letter-spacing:-.02em;margin-bottom:var(--space-md);text-align:center;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600}.section-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:var(--space-3xl);font-size:1.1rem}.comparison{background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.comparison-table{margin:0 auto var(--space-xl);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;max-width:600px}.comparison-header,.comparison-row{display:grid;grid-template-columns:1fr 1fr 1fr}.comparison-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.comparison-cell{padding:var(--space-md)var(--space-lg);font-size:.95rem}.comparison-header .comparison-cell{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.85rem;font-weight:600}.comparison-row{border-bottom:1px solid var(--border)}.comparison-row:last-child{border-bottom:none}.comparison-label{color:var(--text-secondary)}.comparison-them{color:var(--text-tertiary);text-align:center}.comparison-us{color:var(--accent);font-weight:600;font-family:var(--font-mono);text-align:center}.comparison-us.highlight{background:var(--accent-glow)}.comparison-row-total .comparison-cell{color:var(--text-tertiary);font-size:.85rem}.comparison-row-total .comparison-us{color:var(--accent)}.comparison-note{text-align:center;color:var(--text-tertiary);font-size:.9rem}.comparison-note a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px}.comparison-note a:hover{color:var(--text-primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl)}.feature{padding:var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition-normal)}.feature:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon{display:flex;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-lg);color:var(--accent);justify-content:center;align-items: center;width:48px;height:48px}.feature-title{margin-bottom:var(--space-sm);font-size:1.1rem;font-weight:600}.feature-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.how-it-works{background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.flow{display:flex;justify-content:center;align-items: center;gap:var(--space-lg);flex-wrap:nowrap}.flow-step{display:flex;align-items: center;gap:var(--space-md);padding:var(--space-lg)var(--space-xl);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-lg)}.flow-step-highlight{border-color:var(--accent);background:var(--accent-glow)}.flow-number{display:flex;background:var(--bg-primary);border-radius:50%;justify-content:center;align-items: center;width:32px;height:32px;font-size:.9rem;font-weight:600}.flow-step-highlight .flow-number{background:var(--accent);color:var(--bg-primary)}.flow-content h3{margin-bottom:var(--space-xs);font-size:.95rem;font-weight:600}.flow-content p{color:var(--text-secondary);font-size:.85rem}.flow-arrow{color:var(--text-tertiary)}.download-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.download-card{position:relative;padding:var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal)}.download-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.download-card-primary{border-color:var(--accent);background:linear-gradient(to bottom,var(--accent-glow),var(--bg-secondary))}.download-card-badge{position:absolute;top:calc(var(--space-md)*-1);padding:var(--space-xs)var(--space-md);background:var(--accent);color:var(--bg-primary);border-radius:100px;font-size:.75rem;font-weight:600;left:50%;transform:translate(-50%)}.download-card-icon{margin:0 auto var(--space-lg);display:flex;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);justify-content:center;align-items: center;width:64px;height:64px}.download-card-primary .download-card-icon{background:var(--accent);color:var(--bg-primary)}.download-card h3{margin-bottom:var(--space-sm);font-size:1.1rem;font-weight:600}.download-card p{color:var(--text-secondary);margin-bottom:var(--space-md);min-height:2.8em;font-size:.9rem}.download-code{font-family:var(--font-mono);background:var(--bg-tertiary);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-sm);display:inline-block;font-size:.85rem}.download-card-version{color:var(--text-tertiary);font-size:.8rem}.download-note{text-align:center;color:var(--text-tertiary);font-size:.9rem}.pricing-details{background:var(--bg-secondary);border-top:1px solid var(--border)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-bottom:var(--space-3xl)}.pricing-card{position:relative;padding:var(--space-xl);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg)}.pricing-card-featured{border-color:var(--accent)}.pricing-card-badge{position:absolute;top:calc(var(--space-md)*-1);padding:var(--space-xs)var(--space-md);background:var(--accent);color:var(--bg-primary);white-space:nowrap;border-radius:100px;font-size:.75rem;font-weight:600;left:50%;transform:translate(-50%)}.pricing-card-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.pricing-card-header h3{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:1rem;font-weight:500}.pricing-amount{font-size:2.5rem;font-weight:600;font-family:var(--font-mono)}.pricing-amount span{color:var(--text-tertiary);font-size:1rem;font-weight:400}.pricing-annual{color:var(--accent);margin-top:4px;font-size:.8rem}.pricing-features{list-style:none;margin-bottom:var(--space-xl)}.pricing-features li{padding:var(--space-sm)0;color:var(--text-secondary);display:flex;align-items: center;gap:var(--space-sm);font-size:.95rem}.pricing-features li:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='2'%3E%3Cpolyline points='20,6 9,17 4,12'/%3E%3C/svg%3E");background-size:contain;flex-shrink:0;width:16px;height:16px}.pricing-faq{max-width:700px;margin:0 auto}.pricing-faq details{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-md);overflow:hidden}.pricing-faq summary{padding:var(--space-md)var(--space-lg);cursor:pointer;background:var(--bg-primary);transition:background var(--transition-fast);font-weight:500}.pricing-faq summary:hover{background:var(--bg-tertiary)}.pricing-faq details[open] summary{border-bottom:1px solid var(--border)}.pricing-faq details p{padding:var(--space-lg);color:var(--text-secondary);font-size:.95rem;line-height:1.7}.footer{border-top:1px solid var(--border);padding:var(--space-4xl)var(--space-xl)var(--space-xl)}.footer-content{max-width:var(--max-width);display:grid;grid-template-columns:1.5fr 2fr;gap:var(--space-4xl);margin:0 auto;margin-bottom:var(--space-3xl)}.footer-brand .nav-logo{margin-bottom:var(--space-md)}.footer-brand p{color:var(--text-tertiary);font-size:.9rem;line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}.footer-column h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--space-md);font-size:.8rem;font-weight:600}.footer-column a{display:block;color:var(--text-secondary);padding:var(--space-xs)0;transition:color var(--transition-fast);font-size:.9rem}.footer-column a:hover{color:var(--text-primary)}.footer-bottom{max-width:var(--max-width);padding-top:var(--space-xl);border-top:1px solid var(--border);display:flex;color:var(--text-tertiary);justify-content:space-between;align-items: center;margin:0 auto;font-size:.85rem}@media (max-width:768px){.nav-links a:not(.nav-cta){display:none}.hero-stats{gap:var(--space-md);flex-direction:column}.stat-divider{width:40px;height:1px}.hero-visual{gap:var(--space-md);flex-direction:column}.waveform-arrow{transform:rotate(90deg)}.flow{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.footer-content{grid-template-columns:1fr;gap:var(--space-2xl)}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-bottom{gap:var(--space-md);text-align:center;flex-direction:column}}.app-preview{background:var(--bg-primary)}.preview-main{margin-top:var(--space-2xl);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);box-shadow:0 32px 80px #00000080}.preview-main img{display:block;width:100%;height:auto}.preview-row{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-lg);margin-top:var(--space-xl);align-items: start}.preview-item{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-strong);background:var(--bg-secondary);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.preview-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.preview-item img{display:block;width:100%;height:auto}.preview-item p{color:var(--text-tertiary);text-align:center;padding:var(--space-sm)var(--space-md);font-size:.8rem}.preview-item-narrow{width:120px}.preview-img-cover{object-fit:cover;object-position:top;height:280px}@media (max-width:768px){.preview-row{grid-template-columns:1fr 1fr}.preview-item-narrow{display:none}}.roadmap{background:var(--bg-primary);border-top:1px solid var(--border)}.roadmap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl);margin:var(--space-2xl)auto 0;max-width:860px}.roadmap-item{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl)}.roadmap-icon{background:var(--accent-glow);border-radius:var(--radius-md);display:flex;color:var(--accent);margin-bottom:var(--space-lg);justify-content:center;align-items: center;width:44px;height:44px}.roadmap-item h3{color:var(--text-primary);margin-bottom:var(--space-sm);display:flex;align-items: center;gap:var(--space-sm);font-size:1rem;font-weight:600}.roadmap-item p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.roadmap-badge{background:var(--accent-glow);color:var(--accent);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;border:1px solid #22c55e4d;padding:2px 6px;font-size:.7rem;font-weight:600}@media (max-width:480px){.hero-actions{flex-direction:column;width:100%}.btn{justify-content:center;width:100%}.comparison-cell{padding:var(--space-sm)var(--space-md);font-size:.85rem}.footer-links{grid-template-columns:1fr}}
