@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #16161f;--bg-elevated: #1a1a25;--cyan: #00ffd5;--cyan-dim: #00ffd580;--cyan-glow: #00ffd540;--magenta: #ff00aa;--magenta-dim: #ff00aa80;--blue: #0088ff;--green: #00ff88;--yellow: #ffcc00;--red: #ff4455;--text-primary: #f0f0f5;--text-secondary: #8888aa;--text-muted: #555566;--border: #2a2a3a;--border-bright: #3a3a4a;--font-mono: "JetBrains Mono", monospace;--font-display: "Outfit", sans-serif;--font-body: "Space Grotesk", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.app{position:relative;min-height:100vh}.grid-bg{position:fixed;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;opacity:.3;pointer-events:none;z-index:0;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.scan-line{position:fixed;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.15;pointer-events:none;z-index:1000;animation:scan 4s linear infinite}@keyframes scan{0%{top:-4px}to{top:100vh}}.nav{position:fixed;top:0;left:0;right:0;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;z-index:100;background:linear-gradient(to bottom,var(--bg-primary),transparent)}.nav-logo{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-weight:700;font-size:1.25rem}.logo-image{height:40px;width:auto;filter:drop-shadow(0 0 20px var(--cyan-glow));transition:all .3s ease}.logo-image:hover{filter:drop-shadow(0 0 30px var(--cyan-glow));transform:scale(1.02)}.logo-icon{color:var(--cyan);font-size:1.5rem;text-shadow:0 0 20px var(--cyan-glow)}.logo-text{letter-spacing:.16em;font-size:1.75rem}.nav-badge{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);padding:.5rem 1rem;border:1px solid var(--border);border-radius:2rem;background:var(--bg-secondary)}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:8rem 6rem 4rem;position:relative;z-index:1}.hero-content{max-width:700px}.hero-badge{display:inline-block;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.15em;color:var(--cyan);padding:.5rem 1rem;border:1px solid var(--cyan-dim);border-radius:2px;background:var(--cyan-glow);margin-bottom:2rem}.hero-title{font-family:var(--font-display);font-size:5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.title-line{display:block}.title-line.gradient{background:linear-gradient(135deg,var(--cyan) 0%,var(--magenta) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:3rem;max-width:500px}.terminal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 0 40px var(--cyan-glow),inset 0 1px #ffffff0d}.terminal-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-card);border-bottom:1px solid var(--border)}.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{margin-left:auto;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.terminal-body{padding:1.5rem;font-family:var(--font-mono);font-size:.875rem;color:var(--green);min-height:180px}.terminal-body pre{white-space:pre-wrap;margin:0}.cursor{opacity:0;color:var(--cyan)}.cursor.visible{opacity:1}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.hex-grid{display:grid;grid-template-columns:repeat(5,80px);grid-template-rows:repeat(5,70px);gap:8px;transform:rotate(-15deg)}.hex{width:80px;height:70px;position:relative;animation:hexPulse 3s ease-in-out infinite}.hex-inner{position:absolute;inset:0;background:var(--bg-card);border:1px solid var(--border);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transition:all .3s ease}.hex:hover .hex-inner{border-color:var(--cyan);box-shadow:0 0 30px var(--cyan-glow)}.hex-0,.hex-5,.hex-10{animation-delay:0s}.hex-1,.hex-6,.hex-11{animation-delay:.2s}.hex-2,.hex-7,.hex-12{animation-delay:.4s}.hex-3,.hex-8,.hex-13{animation-delay:.6s}.hex-4,.hex-9,.hex-14{animation-delay:.8s}.hex-2 .hex-inner,.hex-7 .hex-inner,.hex-12 .hex-inner{background:linear-gradient(135deg,var(--cyan-glow),transparent);border-color:var(--cyan-dim)}.hex-6 .hex-inner,.hex-8 .hex-inner{background:linear-gradient(135deg,var(--magenta-dim),transparent);border-color:var(--magenta-dim)}@keyframes hexPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.features{padding:8rem 6rem;position:relative;z-index:1}.section-title{font-family:var(--font-display);font-size:2.5rem;font-weight:600;margin-bottom:4rem;display:flex;align-items:center;gap:1.5rem}.section-number{font-family:var(--font-mono);font-size:1rem;color:var(--cyan);padding:.5rem 1rem;border:1px solid var(--cyan-dim);border-radius:4px;background:var(--cyan-glow)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2.5rem;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--magenta));opacity:0;transition:opacity .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--border-bright);box-shadow:0 20px 40px #00ffd51a}.feature-card:hover:before{opacity:1}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;color:var(--cyan)}.feature-icon svg{width:28px;height:28px}.feature-card h3{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}.feature-tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;color:var(--text-muted);padding:.4rem .8rem;border:1px solid var(--border);border-radius:4px;display:inline-block}.architecture{padding:8rem 6rem;background:var(--bg-secondary);position:relative;z-index:1}.arch-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:4rem}.arch-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem}.arch-card.main{border-color:var(--cyan-dim);background:linear-gradient(135deg,var(--bg-card),var(--cyan-glow))}.arch-header{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.arch-icon{color:var(--cyan);font-size:1.25rem}.arch-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding-top:2rem;border-top:1px solid var(--border)}.stat{text-align:center}.stat-value{display:block;font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--cyan);margin-bottom:.5rem;text-shadow:0 0 30px var(--cyan-glow)}.stat-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);letter-spacing:.05em}.pipeline{padding:8rem 6rem;position:relative;z-index:1}.pipeline-flow{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.pipeline-node{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem 2.5rem;text-align:center;min-width:280px;transition:all .3s ease}.pipeline-node:hover{border-color:var(--cyan-dim);box-shadow:0 0 40px var(--cyan-glow)}.node-content{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.node-icon{font-size:2rem}.node-label{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.node-sub{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);line-height:1.8}.pipeline-arrow{font-size:2rem;color:var(--cyan);animation:arrowPulse 1.5s ease-in-out infinite}@keyframes arrowPulse{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}.footer{padding:4rem 6rem 2rem;background:var(--bg-secondary);border-top:1px solid var(--border);position:relative;z-index:1}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.footer-logo{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-weight:600;font-size:1rem;letter-spacing:.1em}.footer-logo-image{height:40px;width:auto;opacity:.9}.footer-info{text-align:right}.footer-info p{font-size:.875rem;color:var(--text-secondary)}.footer-tagline{font-family:var(--font-mono);font-size:.75rem!important;color:var(--text-muted)!important;margin-top:.5rem}.footer-decoration{padding-top:2rem}.deco-line{height:2px;background:linear-gradient(90deg,transparent,var(--cyan-dim),transparent)}@media(max-width:1200px){.hero{grid-template-columns:1fr;padding:6rem 3rem}.hero-visual{display:none}.features-grid,.arch-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.pipeline-flow{flex-direction:column}.pipeline-arrow{transform:rotate(90deg)}}@media(max-width:768px){.nav{padding:1rem 1.5rem}.hero{padding:5rem 1.5rem 3rem}.hero-title{font-size:3rem}.features,.architecture,.pipeline{padding:4rem 1.5rem}.section-title{font-size:1.75rem;flex-direction:column;align-items:flex-start;gap:1rem}.stats-row{grid-template-columns:1fr;gap:1.5rem}.footer{padding:3rem 1.5rem 1.5rem}.footer-content{flex-direction:column;gap:1.5rem;text-align:center}.footer-info{text-align:center}}