*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #ffb71b;--primary-hover: #ffc547;--secondary-color: #e6a419;--background: #1a1611;--surface: #2d2419;--surface-light: #3a2f1e;--text-primary: #f5f1e8;--text-secondary: #e8dcc0;--text-muted: #c7b299;--border: #4a3d2a;--accent: #d4af37;--accent-light: #f0d574;--danger: #cd853f;--warning: #daa520;--font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--font-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--border-radius: 0.5rem;--border-radius-lg: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)}body{font-family:var(--font-family);background-color:var(--background);color:var(--text-primary);line-height:1.6;font-size:16px}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.header{background-color:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.nav{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0}.logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--text-primary)}.logo-icon{width:32px;height:32px;border-radius:var(--border-radius)}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:var(--spacing-xl)}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);transition:all 0.2s ease}.nav-link:hover,.nav-link.active{color:var(--text-primary);background-color:var(--surface-light)}.btn{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);text-decoration:none;font-weight:600;font-size:0.875rem;transition:all 0.2s ease;cursor:pointer;border:none}.btn-primary{background-color:var(--primary-color);color:var(--background)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md);color:var(--background)}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--surface-light);border-color:var(--text-secondary)}.hero{padding:var(--spacing-3xl) 0 var(--spacing-2xl);background:linear-gradient(135deg, var(--background) 0%, var(--surface) 100%)}.hero-content{text-align:center;max-width:900px;margin:0 auto;position:relative}.hero-icon{display:flex;justify-content:center;margin-bottom:var(--spacing-xl)}.hero-logo-image{width:120px;height:120px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);filter:drop-shadow(0 0 30px rgba(255,183,27,0.3))}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:var(--spacing-md);background:linear-gradient(135deg, var(--accent-light), var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-subtitle-beta{display:inline-block;font-size:0.75rem;color:var(--background);background-color:var(--primary-color);font-weight:600;padding:0.15rem 0.5rem;text-transform:uppercase;letter-spacing:0.08em;border-radius:0.25rem;white-space:nowrap;vertical-align:middle}.hero-tagline{font-size:1.125rem;color:var(--primary-color);font-weight:600;margin-bottom:var(--spacing-lg);font-style:italic}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.hero-buttons{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.hero-platforms{font-size:0.875rem;color:var(--text-muted);font-style:italic}.hero-badges{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);font-size:0.875rem;font-weight:600;text-decoration:none;transition:all 0.2s ease}.badge-beta{background-color:var(--warning);color:var(--background);border:1px solid var(--warning)}.badge-beta:hover{background-color:var(--danger);border-color:var(--danger);transform:translateY(-1px)}.badge-opensource{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.badge-opensource:hover{background-color:var(--primary-color);color:var(--background);transform:translateY(-1px)}.hero-demo{display:flex;justify-content:center}.demo-window{background-color:var(--surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;max-width:600px;width:100%}.demo-header{background-color:var(--surface-light);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);border-bottom:1px solid var(--border)}.demo-controls{display:flex;gap:var(--spacing-xs)}.demo-control{width:12px;height:12px;border-radius:50%}.demo-control.red{background-color:#ef4444}.demo-control.yellow{background-color:#f59e0b}.demo-control.green{background-color:#10b981}.demo-title{color:var(--text-secondary);font-size:0.875rem;font-weight:500}.demo-content{padding:var(--spacing-lg)}.demo-content pre{font-family:var(--font-mono);font-size:0.875rem;line-height:1.6;color:var(--text-primary);overflow-x:auto}.demo-content code{color:var(--primary-color)}.screenshot{padding:var(--spacing-3xl) 0;background-color:var(--background);text-align:center}.app-screenshot{max-width:1000px;width:100%;height:auto;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border);transition:transform 0.3s ease, box-shadow 0.3s ease}.app-screenshot:hover{transform:translateY(-4px);box-shadow:0 25px 35px -5px rgba(0,0,0,0.3),0 10px 15px -8px rgba(0,0,0,0.2)}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:var(--spacing-3xl);color:var(--text-primary)}.beta-notice{padding:var(--spacing-3xl) 0;background-color:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.beta-content{text-align:center;max-width:1000px;margin:0 auto}.beta-content h2{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-3xl);color:var(--text-primary)}.beta-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--spacing-xl);max-width:800px;margin:0 auto}.beta-card{background-color:var(--background);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);border:1px solid var(--border);text-align:center;transition:all 0.3s ease}.beta-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.beta-card h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--primary-color)}.beta-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.beta-link{color:var(--primary-color);text-decoration:none;font-weight:600;font-size:0.875rem;transition:color 0.2s ease}.beta-link:hover{color:var(--primary-hover);text-decoration:underline}.problem{padding:var(--spacing-3xl) 0;background-color:var(--background)}.problem-content{max-width:800px;margin:0 auto;text-align:center}.problem-text{font-size:1.125rem;color:var(--text-secondary);line-height:1.8;margin-bottom:var(--spacing-lg)}.problem-text.highlight{font-size:1.25rem;color:var(--text-primary);font-weight:500}.solution{padding:var(--spacing-3xl) 0;background-color:var(--surface)}.solution-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--spacing-xl);max-width:1000px;margin:0 auto}.solution-card{background-color:var(--background);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);border:1px solid var(--border);text-align:center;transition:all 0.3s ease}.solution-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.solution-card.highlighted{border-color:var(--primary-color);background:linear-gradient(135deg, var(--background) 0%, var(--surface-light) 100%);position:relative}.solution-card.highlighted::before{content:'★';position:absolute;top:var(--spacing-md);right:var(--spacing-md);color:var(--primary-color);font-size:1.5rem}.solution-icon{margin-bottom:var(--spacing-lg);display:flex;justify-content:center;align-items:center}.solution-icon-svg{width:64px;height:64px;filter:drop-shadow(0 2px 8px rgba(255,183,27,0.2));transition:transform 0.3s ease}.solution-card:hover .solution-icon-svg{transform:scale(1.1)}.solution-card h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.solution-card p{color:var(--text-secondary);line-height:1.6}.features{padding:var(--spacing-3xl) 0;background-color:var(--background)}.features-list{max-width:800px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:var(--spacing-md)}.feature-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);transition:all 0.2s ease;border-radius:var(--border-radius)}.feature-item:hover{background-color:var(--surface)}.feature-bullet{color:var(--primary-color);font-size:1.5rem;line-height:1}.feature-text{color:var(--text-secondary);line-height:1.6}.feature-text strong{color:var(--text-primary);font-weight:600}.how-it-works{padding:var(--spacing-3xl) 0;background-color:var(--background)}.steps-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:var(--spacing-lg);align-items:center;max-width:1000px;margin:0 auto}.step{text-align:center;padding:var(--spacing-xl)}.step-number{width:48px;height:48px;border-radius:50%;background-color:var(--primary-color);color:var(--background);font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);box-shadow:var(--shadow-md)}.step h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.step p{color:var(--text-secondary);line-height:1.6;font-size:0.95rem}.step-arrow{font-size:2rem;color:var(--primary-color);font-weight:300}.use-cases{padding:var(--spacing-3xl) 0;background-color:var(--surface)}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--spacing-xl)}.use-case{text-align:center;padding:var(--spacing-xl);background-color:var(--background);border-radius:var(--border-radius-lg);border:1px solid var(--border);transition:all 0.3s ease}.use-case:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--text-secondary)}.use-case h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--primary-color)}.use-case p{color:var(--text-secondary);line-height:1.6}.comparison{padding:var(--spacing-3xl) 0;background-color:var(--background)}.comparison-table-wrapper{overflow-x:auto;margin:0 auto;max-width:900px}.comparison-table{width:100%;border-collapse:collapse;background-color:var(--surface);border-radius:var(--border-radius-lg);overflow:hidden}.comparison-table thead{background-color:var(--surface-light)}.comparison-table th{padding:var(--spacing-lg);text-align:center;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border);font-size:1rem}.comparison-table th.highlight-col{background-color:var(--primary-color);color:var(--background)}.comparison-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:center;border-bottom:1px solid var(--border);color:var(--text-secondary)}.comparison-table td:first-child{text-align:left;font-weight:500;color:var(--text-primary)}.comparison-table td.highlight-col{background-color:rgba(255,183,27,0.1);font-weight:600;font-size:1.125rem}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover{background-color:var(--surface-light)}.comparison-footnote{text-align:center;margin-top:var(--spacing-lg);font-size:0.875rem;color:var(--text-muted);font-style:italic}.cta{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg, var(--primary-color), var(--secondary-color))}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta h2{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--background)}.cta p{font-size:1.125rem;margin-bottom:var(--spacing-xl);color:var(--surface)}.cta-buttons{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.cta-subtext{font-size:0.875rem;color:var(--surface);margin-top:var(--spacing-md)}.cta-subtext-small{font-size:0.75rem;color:var(--surface);margin-top:var(--spacing-sm);opacity:0.9;font-style:italic}.cta .btn-primary{background-color:var(--background);color:var(--primary-color)}.cta .btn-primary:hover{background-color:var(--surface);color:var(--primary-hover)}.cta .btn-secondary{background-color:transparent;color:var(--background);border-color:var(--background)}.cta .btn-secondary:hover{background-color:var(--background);color:var(--primary-color);border-color:var(--background)}.footer{background-color:var(--surface);border-top:1px solid var(--border);padding:var(--spacing-3xl) 0 var(--spacing-xl)}.footer-content{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-3xl);margin-bottom:var(--spacing-xl)}.footer-left{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.footer-logo-icon{width:24px;height:24px;border-radius:var(--border-radius)}.footer-logo-text{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.footer-description{color:var(--text-muted)}.footer-links{display:flex;gap:var(--spacing-3xl)}.footer-column h4{font-size:0.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:0.05em}.footer-column a{display:block;color:var(--text-muted);text-decoration:none;margin-bottom:var(--spacing-sm);font-size:0.875rem;transition:color 0.2s ease}.footer-column a:hover{color:var(--text-secondary)}.footer-bottom{padding-top:var(--spacing-xl);border-top:1px solid var(--border);text-align:center}.footer-bottom p{color:var(--text-muted);font-size:0.875rem}@media (max-width: 768px){.hero-logo-image{width:100px;height:100px}.hero-title{font-size:2.5rem}.hero-subtitle-beta{font-size:0.7rem;padding:0.1rem 0.4rem}.hero-subtitle{font-size:1.125rem}.hero-buttons{flex-direction:column;align-items:center}.hero-badges{flex-direction:column;align-items:center}.beta-grid{grid-template-columns:1fr}.btn{width:100%;max-width:200px;justify-content:center}.features-list{grid-template-columns:1fr}.solution-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.step-arrow{display:none}.comparison-table{font-size:0.875rem}.comparison-table th,.comparison-table td{padding:var(--spacing-sm) var(--spacing-md)}.nav-links{gap:var(--spacing-md)}.nav-link{padding:var(--spacing-xs) var(--spacing-sm);font-size:0.875rem}.features-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}.footer-links{justify-content:center}.section-title{font-size:2rem}.demo-window{margin:0 var(--spacing-md)}.app-screenshot{max-width:100%;border-radius:var(--border-radius)}}@media (max-width: 480px){.container{padding:0 var(--spacing-sm)}.hero{padding:var(--spacing-2xl) 0}.hero-logo-image{width:80px;height:80px}.hero-title{font-size:2rem}.hero-subtitle-beta{font-size:0.6rem;padding:0.1rem 0.3rem;letter-spacing:0.05em}.hero-tagline{font-size:0.95rem}.hero-subtitle{font-size:1rem}.demo-content pre{font-size:0.75rem}.section-title{font-size:1.75rem}.step p{font-size:0.875rem}.screenshot{padding:var(--spacing-xl) 0}.app-screenshot{border-radius:var(--border-radius)}}