*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#0a0a0f;--surface:#12121a;--surface2:#1a1a25;--text:#e0e0e6;--dim:#666;--accent:#ff2d55;--green:#00ff88;--mono:'JetBrains Mono',monospace;--sans:'Inter',sans-serif}
body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;overflow-x:hidden}
a{color:var(--accent);text-decoration:none}

.nav{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;max-width:1200px;margin:0 auto}
.nav-logo{font-weight:700;font-size:1.1rem;color:var(--text)}
.nav-links{display:flex;gap:1.5rem;font-size:.9rem}
.nav-links a{color:var(--dim);transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--accent)}

.hero{text-align:center;padding:6rem 2rem 3rem;max-width:800px;margin:0 auto}
.hero-badge{display:inline-block;padding:.35rem 1rem;border:1px solid var(--accent);border-radius:100px;font-size:.75rem;font-family:var(--mono);color:var(--accent);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.1em}
.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1rem}
.accent{color:var(--accent)}
.tagline{font-family:var(--mono);font-size:1.2rem;color:var(--accent);margin-bottom:1rem}
.subtitle{color:var(--dim);font-size:1.1rem;max-width:600px;margin:0 auto 2rem}
.cta-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn{padding:.75rem 1.75rem;border-radius:8px;font-weight:600;font-size:.95rem;transition:all .2s}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:#e0264b;transform:translateY(-1px)}
.btn-secondary{border:1px solid #333;color:var(--text);background:transparent}
.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}

.terminal-section{padding:2rem;max-width:900px;margin:0 auto}
.terminal{background:#0d0d14;border:1px solid #222;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.terminal-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#161620;border-bottom:1px solid #222}
.dot{width:12px;height:12px;border-radius:50%}
.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}
.terminal-title{margin-left:.5rem;font-family:var(--mono);font-size:.75rem;color:var(--dim)}
.terminal-body{padding:1.5rem;font-family:var(--mono);font-size:.85rem;line-height:1.8;min-height:300px}
.line{opacity:0;animation:fadeIn .3s forwards}
.line.typed{animation-delay:var(--delay)}
@keyframes fadeIn{to{opacity:1}}
.g{color:var(--green)}.r{color:var(--accent)}.dim{color:#444}.accent-text{color:var(--accent);font-weight:700}
.cursor::after{content:'';display:inline-block;width:8px;height:16px;background:var(--accent);animation:blink 1s infinite;vertical-align:middle;margin-left:2px}
@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}

.stats-section{padding:4rem 2rem;max-width:1000px;margin:0 auto}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}
.stat{text-align:center;padding:2rem;background:var(--surface);border:1px solid #1e1e2a;border-radius:12px}
.stat-num{font-size:2.5rem;font-weight:800;font-family:var(--mono);color:var(--accent)}
.stat-label{font-weight:600;margin:.5rem 0 .25rem}
.stat-detail{font-size:.8rem;color:var(--dim)}

.features-section{padding:4rem 2rem;max-width:1000px;margin:0 auto;text-align:center}
.features-section h2{font-size:2rem;margin-bottom:.5rem}
.section-subtitle{color:var(--dim);margin-bottom:2.5rem}
.vectors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}
.vector{padding:1rem;background:var(--surface);border:1px solid #1e1e2a;border-radius:8px;font-family:var(--mono);font-size:.85rem;display:flex;align-items:center;gap:.5rem;transition:border-color .2s}
.vector:hover{border-color:var(--accent)}
.vector-icon{font-size:1.2rem}

.audience-section{padding:4rem 2rem;max-width:1000px;margin:0 auto;text-align:center}
.audience-section h2{font-size:2rem;margin-bottom:2rem}
.audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}
.audience-card{padding:2rem;background:var(--surface);border:1px solid #1e1e2a;border-radius:12px;text-align:left}
.audience-card h3{color:var(--accent);margin-bottom:.5rem}
.audience-card p{color:var(--dim);font-size:.9rem}

.final-cta{text-align:center;padding:5rem 2rem}
.final-cta h2{font-size:2.5rem;margin-bottom:1.5rem}

.footer{text-align:center;padding:2rem;color:var(--dim);font-size:.8rem;border-top:1px solid #1a1a1a}

@media(max-width:600px){
  .hero{padding:4rem 1.5rem 2rem}
  .terminal-body{font-size:.7rem;padding:1rem}
  .stats-grid{grid-template-columns:1fr 1fr}
  .nav{padding:1rem}
}