@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #0a0f0a;--bg-surface: #0f1a0f;--bg-elevated: #142014;--border: #1a2e1a;--green: #4ade80;--green-bright: #33ff33;--green-dim: #2a7a3a;--green-glow: rgba(74, 222, 128, .15);--tell: #4ade80;--warn: #f59e0b;--oops: #ef4444;--text: #d4e8d4;--text-muted: #7a9a7a;--text-bright: #f0fff0;--font-mono: "IBM Plex Mono", "Menlo", monospace;--font-body: "Inter", -apple-system, sans-serif;--max-width: 1100px;--radius: 8px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);z-index:9999}a{color:var(--green);text-decoration:none;transition:color .2s}a:hover{color:var(--green-bright)}h1,h2,h3,h4{color:var(--text-bright);font-weight:600;line-height:1.3}h1{font-size:2.8rem}h2{font-size:1.8rem}h3{font-size:1.3rem}code{font-family:var(--font-mono);font-size:.9em}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.terminal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 0 20px var(--green-glow)}.terminal-header{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.terminal-dot{width:10px;height:10px;border-radius:50%;background:var(--green-dim)}.terminal-title{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-left:8px}.terminal-body{padding:1.25rem;font-family:var(--font-mono);font-size:.85rem;line-height:1.8;overflow-x:auto;color:var(--text)}.terminal-body .keyword{color:#93c5fd}.terminal-body .string{color:#86efac}.terminal-body .comment{color:#5a7a5a}.terminal-body .punctuation{color:var(--text-muted)}.terminal-body .function{color:#c4b5fd}.terminal-body .type{color:#fbbf24}section{padding:5rem 0}section+section{border-top:1px solid var(--border)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.feature-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:border-color .3s,box-shadow .3s}.feature-card:hover{border-color:var(--green-dim);box-shadow:0 0 15px var(--green-glow)}.feature-card h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--green)}.feature-card p{color:var(--text-muted);font-size:.95rem}.level-tell{color:var(--tell)}.level-warn{color:var(--warn)}.level-oops{color:var(--oops)}.level-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.level-dot.tell{background:var(--tell);box-shadow:0 0 6px var(--tell)}.level-dot.warn{background:var(--warn);box-shadow:0 0 6px var(--warn)}.level-dot.oops{background:var(--oops);box-shadow:0 0 6px var(--oops)}.install-cmd{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1.25rem;font-family:var(--font-mono);font-size:.95rem;color:var(--green)}.install-cmd .prompt{color:var(--text-muted);user-select:none}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:500;font-size:.95rem;transition:all .2s;text-decoration:none}.btn-primary{background:var(--green);color:var(--bg)}.btn-primary:hover{background:var(--green-bright);color:var(--bg);box-shadow:0 0 20px var(--green-glow)}.btn-ghost{border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--green-dim);color:var(--green)}nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;border-bottom:1px solid var(--border)}nav .logo{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1.1rem;color:var(--text-bright)}nav .logo img{height:28px;width:auto}nav .nav-links{display:flex;gap:1.5rem;align-items:center}nav .nav-links a{color:var(--text-muted);font-size:.9rem}nav .nav-links a:hover{color:var(--green)}footer{padding:3rem 0;border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:.85rem}footer .footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.comparison-label{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.step{text-align:center;padding:2rem 1.5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--green-glow);border:1px solid var(--green-dim);color:var(--green);font-family:var(--font-mono);font-weight:600;font-size:1rem;margin-bottom:1rem}.step h3{font-size:1rem;margin-bottom:.5rem}.step p{font-size:.9rem;color:var(--text-muted)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cursor{display:inline-block;width:2px;height:1.2em;background:var(--green);animation:blink 1s infinite;vertical-align:text-bottom;margin-left:2px}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.4rem}.comparison,.steps{grid-template-columns:1fr}section{padding:3rem 0}}