.hero{background:linear-gradient(135deg,#0a0a0a,#151520,#0a0a0a);padding:80px 20px 60px;text-align:center;border-bottom:1px solid var(--color-border-dark);position:relative;overflow:hidden}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.15;pointer-events:none}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,255,136,.03) 0%,transparent 60%);pointer-events:none;z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.hero h1{font-size:4rem;color:var(--color-accent);margin:0 0 10px;letter-spacing:-2px;text-shadow:0 0 40px rgba(0,255,136,.3)}.hero-tagline{font-size:1.3rem;color:var(--color-text-muted);margin:0 0 30px;line-height:1.6}.hero-tagline em{color:var(--color-accent);font-style:normal}.hero-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.features{padding:60px 20px;background:var(--color-bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto}.demo-section{padding:60px 20px;background:var(--color-bg);border-top:1px solid var(--color-border-dark)}.demo-container{max-width:1000px;margin:0 auto}.demo-header{text-align:center;margin-bottom:30px}.demo-header h2{color:var(--color-accent);margin:0 0 10px;font-size:1.8rem}.demo-header p{color:var(--color-text-dimmer);margin:0;font-size:.95rem}.engines-preview{padding:50px 20px;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-dark)}.engines-preview-inner{max-width:1100px;margin:0 auto;text-align:center}.engines-preview h2{color:var(--color-accent);margin:0 0 8px;font-size:1.5rem}.engines-preview>p,.engines-preview-inner>p{color:var(--color-text-dimmer);margin:0 0 30px}.engine-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.cta-section{padding:70px 20px;background:linear-gradient(180deg,#0a0a0a,#101015);text-align:center;border-top:1px solid var(--color-border-dark)}.cta-section h2{color:var(--color-text);margin:0 0 15px;font-size:1.8rem}.cta-section p{color:var(--color-text-dimmer);max-width:500px;margin:0 auto 30px;line-height:1.6}@media(max-width:1023px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.hero{padding:60px 16px 40px}.hero h1{font-size:2.5rem;letter-spacing:-1px}.hero-tagline{font-size:1rem}.features{padding:40px 16px}.features-grid{grid-template-columns:1fr;gap:16px}.demo-section,.engines-preview{padding:40px 16px}.cta-section{padding:50px 16px}}@media(max-width:479px){.hero{padding:40px 12px 30px}.hero h1{font-size:2rem}.hero-tagline{font-size:.95rem;margin-bottom:24px}.hero-buttons{flex-direction:column;align-items:stretch;gap:12px}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{width:100%;text-align:center}.features,.demo-section,.engines-preview,.cta-section{padding:30px 12px}.cta-section h2{font-size:1.5rem}}