*{margin:0;padding:0;box-sizing:border-box}
:root{--accent:#ff2d55;--bg:#0a0a0f;--surface:#12121a;--surface2:#1a1a26;--border:#2a2a3a;--text:#e4e4e7;--text-muted:#8888a0;--code-bg:#0d0d14;--add-bg:rgba(46,160,67,.15);--add-text:#3fb950;--del-bg:rgba(248,81,73,.15);--del-text:#f85149;--radius:12px}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}
code,pre,.code-block,.fix-code{font-family:'JetBrains Mono',monospace}

/* Nav */
.nav{position:sticky;top:0;z-index:100;background:rgba(10,10,15,.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
.nav-inner{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}
.nav-logo{font-weight:800;font-size:1.2rem;text-decoration:none;color:var(--text)}
.nav-logo span{color:var(--accent)}
.nav-links{display:flex;gap:1.5rem}
.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--accent)}

/* Hero */
.hero{text-align:center;padding:6rem 2rem 4rem;max-width:800px;margin:0 auto}
.badge{display:inline-block;background:var(--accent);color:#fff;font-size:.75rem;font-weight:700;padding:.35rem .9rem;border-radius:20px;margin-bottom:1.5rem;letter-spacing:.5px;text-transform:uppercase}
.hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1rem}
.hero h1 span{color:var(--accent)}
.tagline{font-size:1.4rem;color:var(--text-muted);font-weight:500;margin-bottom:1rem}
.subtitle{color:var(--text-muted);font-size:1.05rem;max-width:600px;margin:0 auto 2rem}
.cta-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:.8rem 1.8rem;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:#e0254a;transform:translateY(-1px)}
.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}
.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}

/* Review Demo */
.review-demo{padding:4rem 2rem;max-width:1300px;margin:0 auto}
.review-demo h2{text-align:center;font-size:2rem;font-weight:700;margin-bottom:.5rem}
.section-sub{text-align:center;color:var(--text-muted);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}

.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.panel-header{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;background:var(--surface2);border-bottom:1px solid var(--border);font-size:.85rem}
.dot{width:10px;height:10px;border-radius:50%}
.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}
.panel-title{font-weight:600;margin-left:.5rem;flex:1}
.panel-badge{font-size:.75rem;padding:.2rem .6rem;border-radius:6px;background:var(--surface);font-weight:600}
.review-badge{background:var(--accent);color:#fff}

.code-block{padding:0;overflow-x:auto}
.code-block pre{padding:1rem;font-size:.82rem;line-height:1.7}
.ln{color:#4a4a5a;display:inline-block;width:2.5rem;text-align:right;margin-right:1rem;user-select:none}
.ctx{color:#8b8b9e}
.add{background:var(--add-bg);color:var(--add-text);display:inline}
.del{background:var(--del-bg);color:var(--del-text);display:inline}

/* Findings */
.findings{padding:1rem;display:flex;flex-direction:column;gap:1rem}
.finding{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;padding:1rem;border-left:3px solid}
.finding.critical{border-left-color:#f85149}
.finding.high{border-left-color:#f0883e}
.finding.medium{border-left-color:#d29922}
.finding-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;flex-wrap:wrap}
.severity{font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;letter-spacing:.5px}
.severity-critical{background:rgba(248,81,73,.2);color:#f85149}
.severity-high{background:rgba(240,136,62,.2);color:#f0883e}
.severity-medium{background:rgba(210,153,34,.2);color:#d29922}
.finding-title{font-weight:600;font-size:.9rem}
.finding-line{color:var(--text-muted);font-size:.8rem;margin-left:auto}
.finding-desc{font-size:.85rem;color:var(--text-muted);line-height:1.6;margin-bottom:.75rem}
.finding-desc code{background:var(--surface2);padding:.15rem .4rem;border-radius:4px;font-size:.8rem;color:var(--accent)}
.fix-suggestion{background:var(--surface);border-radius:6px;padding:.75rem;margin-top:.5rem}
.fix-label{font-size:.8rem;font-weight:600;margin-bottom:.5rem;color:var(--add-text)}
.fix-code{font-size:.78rem;line-height:1.6;white-space:pre;overflow-x:auto}
.fix-del{color:var(--del-text)}
.fix-add{color:var(--add-text)}
.fix-note{font-size:.82rem;color:var(--text-muted);margin-top:.4rem}
.fix-note code{background:var(--surface2);padding:.1rem .35rem;border-radius:3px;font-size:.78rem;color:var(--accent)}

/* Features */
.features{padding:5rem 2rem;max-width:1100px;margin:0 auto}
.features h2{text-align:center;font-size:2rem;font-weight:700;margin-bottom:2.5rem}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}
.feature-icon{font-size:1.5rem;margin-bottom:.75rem}
.feature-card h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}
.feature-card p{font-size:.88rem;color:var(--text-muted);line-height:1.5}

/* Waitlist */
.waitlist{text-align:center;padding:5rem 2rem;max-width:600px;margin:0 auto}
.waitlist h2{font-size:2rem;font-weight:700;margin-bottom:.75rem}
.waitlist p{color:var(--text-muted);margin-bottom:2rem}

/* Footer */
.footer{text-align:center;padding:2rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem}

/* Responsive */
@media(max-width:900px){
  .split-panel{grid-template-columns:1fr}
  .features-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .features-grid{grid-template-columns:1fr}
  .hero{padding:4rem 1.5rem 3rem}
  .nav-links{gap:.75rem}
  .nav-links a{font-size:.8rem}
}