:root{--bg: #0a0a0f;--bg-card: #12121a;--bg-card-hover: #1a1a25;--bg-terminal: #0d0d14;--text: #e4e4ec;--text-dim: #8888a0;--text-muted: #55556a;--accent: #4f8fff;--accent-glow: rgba(79, 143, 255, 0.15);--accent-bright: #6ba3ff;--green: #4ade80;--yellow: #facc15;--red: #f87171;--orange: #fb923c;--border: #1e1e2e;--border-light: #2a2a3a;--radius: 12px;--radius-sm: 8px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-bright)}code{font-family:var(--font-mono);font-size:.9em}.container{max-width:1140px;margin:0 auto;padding:0 24px}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:background .3s,backdrop-filter .3s}.nav.scrolled{background:rgba(10,10,15,.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1140px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:700;font-size:18px}.nav-brand:hover{color:var(--text)}.nav-logo{font-size:24px}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a,.nav-links .nav-search-btn{color:var(--text-dim);font-size:14px;font-weight:500}.nav-links a:hover,.nav-links .nav-search-btn:hover{color:var(--text)}.nav-links .nav-search-btn{background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.nav-github{display:flex;align-items:center;opacity:.7}.nav-github:hover{opacity:1}.btn{display:inline-flex;align-items:center;padding:12px 28px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;transition:all .2s;cursor:pointer;border:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 20px rgba(79,143,255,.3)}.btn-primary:hover{background:var(--accent-bright);color:#fff;box-shadow:0 0 30px rgba(79,143,255,.5);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--bg-card-hover);color:var(--text);border-color:var(--text-muted)}.hero{position:relative;padding:160px 0 100px;text-align:center;overflow:hidden}.hero-glow{position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:800px;height:600px;background:radial-gradient(ellipse, var(--accent-glow) 0%, rgba(0,0,0,0) 70%);pointer-events:none}.hero-badge{display:inline-block;padding:6px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:100px;font-size:13px;color:var(--text-dim);margin-bottom:32px;letter-spacing:.5px}.hero-title{font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.15;letter-spacing:-1.5px;margin-bottom:24px}.hero-accent{background:linear-gradient(135deg, var(--accent) 0%, #a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.hero-sub{font-size:18px;color:var(--text-dim);max-width:580px;margin:0 auto 40px;line-height:1.7}.hero-actions{display:flex;gap:16px;justify-content:center;margin-bottom:64px}.terminal{max-width:720px;margin:0 auto;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.5);text-align:left}.terminal-bar{background:#1a1a24;padding:12px 16px;display:flex;align-items:center;gap:8px}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:var(--red)}.terminal-dot.yellow{background:var(--yellow)}.terminal-dot.green{background:var(--green)}.terminal-title{flex:1;text-align:center;font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.terminal-body{background:var(--bg-terminal);padding:20px 24px;font-family:var(--font-mono);font-size:13px;line-height:1.8;min-height:320px}.terminal-line{opacity:0;animation:fadeInLine .3s ease forwards;animation-delay:var(--delay, 0s)}@keyframes fadeInLine{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.prompt{color:var(--green);user-select:none}.cmd{color:var(--text)}.output{color:var(--text-dim)}.output.dim{color:var(--text-muted)}.output.success{color:var(--green)}.score{color:var(--accent);font-weight:600}.cursor-blink{animation:blink 1s step-start infinite;color:var(--text)}@keyframes blink{50%{opacity:0}}.features{padding:120px 0}.section-title{text-align:center;font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.section-sub{text-align:center;font-size:16px;color:var(--text-dim);margin-bottom:64px}.feature-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:all .3s;opacity:0;transform:translateY(20px)}.feature-card.visible{opacity:1;transform:translateY(0)}.feature-card:hover{border-color:var(--border-light);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.3)}.feature-icon{font-size:32px;margin-bottom:16px}.feature-card h3{font-size:18px;font-weight:700;margin-bottom:10px}.feature-card p{font-size:14px;color:var(--text-dim);line-height:1.7}.feature-card code{background:var(--bg);padding:2px 6px;border-radius:4px;font-size:13px;color:var(--accent)}.architecture{padding:120px 0;background:linear-gradient(180deg, var(--bg) 0%, #0e0e16 100%)}.arch-flow{display:flex;align-items:flex-start;justify-content:center;gap:0;margin-bottom:64px;flex-wrap:wrap;padding:20px 0}.arch-step{display:flex;align-items:center;opacity:0;transform:translateY(20px)}.arch-step.visible{opacity:1;transform:translateY(0)}.arch-node{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px 24px;text-align:center;min-width:140px;transition:all .3s}.arch-node:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.arch-node.active{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.arch-label{font-weight:700;font-size:14px;margin-bottom:6px}.arch-detail{font-size:11px;color:var(--text-muted);line-height:1.4}.arch-arrow{color:var(--text-muted);font-size:20px;padding:0 12px;user-select:none}.arch-details{display:grid;grid-template-columns:1fr 1fr;gap:24px}.arch-detail-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;opacity:0;transform:translateY(20px)}.arch-detail-card.visible{opacity:1;transform:translateY(0)}.arch-detail-card h4{font-size:14px;font-weight:700;margin-bottom:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.arch-detail-card pre{background:var(--bg);border-radius:var(--radius-sm);padding:16px;overflow-x:auto;font-size:12px;line-height:1.7;color:var(--text-dim);border:1px solid var(--border)}.use-cases{padding:120px 0;background:linear-gradient(180deg, #0e0e16 0%, var(--bg) 100%)}.use-case-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;margin-bottom:48px}.use-case-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:all .3s;position:relative;opacity:0;transform:translateY(20px)}.use-case-card.visible{opacity:1;transform:translateY(0)}.use-case-card:hover{border-color:var(--border-light);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.3)}.use-case-card.featured{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.use-case-card.featured:hover{box-shadow:0 0 30px var(--accent-glow),0 8px 30px rgba(0,0,0,.3)}.use-case-badge{position:absolute;top:-10px;left:20px;padding:3px 12px;background:var(--accent);color:#fff;border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.use-case-icon{font-size:32px;margin-bottom:16px}.use-case-card h3{font-size:18px;font-weight:700;margin-bottom:10px}.use-case-card p{font-size:14px;color:var(--text-dim);line-height:1.7;margin-bottom:16px}.use-case-card em{color:var(--accent);font-style:italic}.use-case-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:4px 10px;background:var(--bg);border:1px solid var(--border);border-radius:100px;font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.use-case-cta{text-align:center;padding:32px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;gap:12px}.use-case-cta-note{font-size:13px;color:var(--text-muted)}.quickstart{padding:120px 0}.steps{max-width:720px;margin:0 auto 64px}.step{display:flex;gap:24px;margin-bottom:40px;opacity:0;transform:translateY(20px)}.step.visible{opacity:1;transform:translateY(0)}.step-num{width:40px;height:40px;min-width:40px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;margin-top:4px}.step-content{flex:1}.step-content h3{font-size:18px;font-weight:700;margin-bottom:12px}.step-content pre{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 20px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.8;color:var(--text-dim)}.step-content pre .prompt{color:var(--green);user-select:none}.cta-block{text-align:center;padding:48px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.cta-block p{font-size:20px;font-weight:600;margin-bottom:24px}.footer{padding:48px 0 32px;border-top:1px solid var(--border)}.footer-inner{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.footer-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px}.footer-by{color:var(--text-muted);font-weight:400;font-size:14px}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-dim);font-size:14px}.footer-links a:hover{color:var(--text)}.footer-copy{text-align:center;font-size:13px;color:var(--text-muted)}.feature-card:nth-child(1){transition-delay:0s}.arch-step:nth-child(1){transition-delay:0s}.feature-card:nth-child(2){transition-delay:.1s}.arch-step:nth-child(2){transition-delay:.1s}.feature-card:nth-child(3){transition-delay:.2s}.arch-step:nth-child(3){transition-delay:.2s}.feature-card:nth-child(4){transition-delay:.3s}.arch-step:nth-child(4){transition-delay:.3s}.feature-card:nth-child(5){transition-delay:.4s}.arch-step:nth-child(5){transition-delay:.4s}.feature-card:nth-child(6){transition-delay:.5s}.arch-step:nth-child(6){transition-delay:.5s}.step:nth-child(1){transition-delay:0s}.step:nth-child(2){transition-delay:.15s}.step:nth-child(3){transition-delay:.3s}.step:nth-child(4){transition-delay:.45s}@media (max-width: 900px){.feature-grid{grid-template-columns:repeat(2, 1fr)}.use-case-grid{grid-template-columns:repeat(2, 1fr)}.arch-flow{flex-direction:column;align-items:center}.arch-arrow{transform:rotate(90deg);padding:4px 0}.arch-details{grid-template-columns:1fr}}@media (max-width: 600px){.feature-grid{grid-template-columns:1fr}.use-case-grid{grid-template-columns:1fr}.hero{padding:120px 0 60px}.hero-actions{flex-direction:column;align-items:center}.nav-links a:not(.nav-github),.nav-links .nav-search-btn{display:none}.footer-inner{flex-direction:column;gap:16px;text-align:center}.terminal-body{font-size:11px;padding:16px}.step{flex-direction:column;gap:12px}}