:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;color:#1d1d1f;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}.app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#1d1d1f;background-color:#fff;min-height:100vh;display:flex;flex-direction:column}.header{padding:20px 0;border-bottom:1px solid #f5f5f7}.nav{max-width:1200px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.logo{font-family:Helvetica Neue,Arial Black,Arial,sans-serif;font-size:28px;font-weight:800;color:#1d1d1f;text-decoration:none;letter-spacing:-.5px;position:relative;transition:color .3s ease}.logo:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#1d1d1f,#86868b);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.logo:hover{color:#515154}.logo:hover:after{transform:scaleX(1)}.nav-links{display:flex;list-style:none;gap:40px}.nav-links a{text-decoration:none;color:#86868b;font-weight:400;transition:color .3s ease}.nav-links a:hover{color:#1d1d1f}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:80px 40px}.hero{max-width:800px;text-align:center}.hero-title{font-size:4.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:20px;color:#1d1d1f}.hero-subtitle{font-size:2.5rem;font-weight:300;color:#86868b;margin-bottom:40px;letter-spacing:-.01em}.hero-body{font-size:1.25rem;line-height:1.7;color:#1d1d1f;margin-bottom:80px;max-width:700px;margin-left:auto;margin-right:auto}.future-features{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:80px}.feature-note{text-align:left}.feature-note h3{font-size:1.5rem;font-weight:600;margin-bottom:16px;color:#1d1d1f}.feature-note p{font-size:1rem;color:#86868b;line-height:1.6}.about-content{display:grid;grid-template-columns:1fr;gap:40px;margin-top:60px}.about-section{text-align:left;max-width:600px;margin:0 auto}.about-section h3{font-size:1.5rem;font-weight:600;margin-bottom:16px;color:#1d1d1f}.about-section p{font-size:1.125rem;color:#86868b;line-height:1.7}.community-features,.ai-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:60px}.feature-card,.capability-section{text-align:left;padding:30px;border-radius:12px;background-color:#fafafa}.feature-card h3,.capability-section h3{font-size:1.25rem;font-weight:600;margin-bottom:12px;color:#1d1d1f}.feature-card p,.capability-section p{font-size:1rem;color:#86868b;line-height:1.6}.ai-stats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;text-align:center}.stat h4{font-size:2rem;font-weight:700;color:#1d1d1f;margin-bottom:8px}.stat p{font-size:.875rem;color:#86868b;text-transform:uppercase;letter-spacing:.5px}.contact-options{display:grid;grid-template-columns:1fr;gap:30px;margin-top:60px}.contact-method{text-align:left;padding:40px;border:1px solid #f5f5f7;border-radius:12px}.contact-method h3{font-size:1.25rem;font-weight:600;margin-bottom:12px;color:#1d1d1f}.contact-method p{font-size:1rem;color:#86868b;line-height:1.6;margin-bottom:20px}.contact-btn{background-color:#1d1d1f;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.contact-btn:hover{background-color:#515154}.contact-info{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px;padding-top:40px;border-top:1px solid #f5f5f7}.info-item{text-align:center}.info-item h4{font-size:1rem;font-weight:600;color:#1d1d1f;margin-bottom:8px}.info-item p{font-size:1rem;color:#86868b}.footer{padding:40px;text-align:center;border-top:1px solid #f5f5f7;margin-top:auto}.footer p{color:#86868b;font-size:.875rem}@media (max-width: 768px){.nav{padding:0 20px;flex-direction:column;gap:20px}.nav-links{gap:20px}.main{padding:40px 20px}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.75rem}.hero-body{font-size:1.125rem}.future-features,.community-features,.ai-capabilities{grid-template-columns:1fr;gap:40px;margin-top:60px}.contact-info,.ai-stats{grid-template-columns:1fr;gap:20px}}@media (max-width: 480px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem}.nav-links{flex-wrap:wrap;justify-content:center}}