:root{--bg-color:#050505;--fg-color:#fff;--accent-color:#3b82f6;--accent-hover:#2563eb;--secondary-bg:#111;--border-color:#222;--text-dim:#a0a0a0;--font-inter:"Inter",system-ui,-apple-system,sans-serif;--max-width:1200px}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--bg-color);color:var(--fg-color);font-family:var(--font-inter);line-height:1.6}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}section{padding:8rem 0;border-bottom:1px solid var(--border-color)}.hero{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;background:linear-gradient(rgba(5,5,5,.8),rgba(5,5,5,.8)),url(/hero-bg.png);background-size:cover;background-position:50%}.hero h1{font-size:4.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(90deg,#fff,#a0a0a0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.5rem;color:var(--text-dim);max-width:800px;margin-bottom:3rem}.cta-group{display:flex;gap:1.5rem;justify-content:center}.btn{padding:1rem 2rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1.1rem;display:inline-block;text-align:center}.btn-primary{background-color:var(--accent-color);color:#fff;border:none}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:#fff;border:1px solid var(--border-color)}.btn-secondary:hover{background-color:hsla(0,0%,100%,.05);transform:translateY(-2px)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:4rem}.card{background-color:var(--secondary-bg);padding:3rem;border-radius:12px;border:1px solid var(--border-color);transition:border-color .3s ease}.card:hover{border-color:var(--accent-color)}.card h3{font-size:1.8rem;margin-bottom:1rem;color:var(--accent-color)}.card p{color:var(--text-dim)}.features{background-color:var(--secondary-bg)}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:4rem}.feature-item{display:flex;gap:1.5rem}.feature-icon{width:48px;height:48px;background-color:rgba(59,130,246,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);flex-shrink:0}.live-demo{text-align:center;background:linear-gradient(135deg,#050505,#111)}.demo-box{background:var(--bg-color);padding:4rem;border-radius:20px;border:2px solid var(--accent-color);display:inline-block;margin-top:2rem;box-shadow:0 0 40px rgba(59,130,246,.2)}.demo-number{font-size:3rem;font-weight:800;color:var(--accent-color);letter-spacing:2px;margin:1.5rem 0}.faq-list{max-width:800px;margin:4rem auto 0}.faq-item{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.faq-item h4{font-size:1.4rem;margin-bottom:.5rem}.faq-item p,footer{color:var(--text-dim)}footer{padding:4rem 0;text-align:center;font-size:.9rem}@media (max-width:768px){.hero h1{font-size:3rem}.features-grid,.problem-grid{grid-template-columns:1fr}.cta-group{flex-direction:column}}