@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#020817;--bg-secondary:#0a1628;--bg-card:#0f1d32;--bg-card-hover:#132440;--bg-surface:#111827;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#3b82f6;--accent-light:#5eb0ff;--accent-glow:#3b82f666;--accent-subtle:#3b82f614;--accent-border:#3b82f633;--danger:#ef4444;--danger-glow:#ef44444d;--success:#22c55e;--success-glow:#22c55e4d;--warning:#f59e0b;--warning-glow:#f59e0b4d;--border:#1e293b;--border-hover:#334155;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--nav-height:72px;--section-padding:120px;--container-width:1280px;--radius:12px;--radius-lg:16px;--radius-full:9999px;--transition:.3s cubic-bezier(.4, 0, .2, 1);font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);overflow-x:hidden}#root{flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent);color:var(--text-primary)}.navbar{z-index:100;height:var(--nav-height);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:var(--transition);background:#020817cc;justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-logo{color:var(--text-primary);letter-spacing:-.5px;align-items:center;gap:12px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.navbar-logo svg{width:28px;height:28px}.navbar-links{align-items:center;gap:32px;list-style:none;display:flex}.navbar-links a{color:var(--text-secondary);font-size:15px;font-weight:500;font-family:var(--font-mono);letter-spacing:.3px;transition:color var(--transition);text-decoration:none}.navbar-links a:hover{color:var(--text-primary)}.navbar-cta{gap:12px;display:flex}.btn{border-radius:var(--radius);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition);letter-spacing:.3px;border:none;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{background:#e2e8f0;transform:translateY(-1px);box-shadow:0 4px 20px #f8fafc26}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff08}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{box-shadow:0 0 30px var(--accent-glow);background:#2563eb;transform:translateY(-1px)}.btn-danger{color:var(--danger);background:#ef44441f;border:1px solid #ef444440}.btn-lg{border-radius:var(--radius-lg);padding:14px 32px;font-size:15px}.hero{text-align:center;min-height:100vh;padding:calc(var(--nav-height) + 60px) 40px 0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-bg:before{content:"";background:radial-gradient(ellipse, var(--accent-glow) 0%, transparent 70%);opacity:.3;width:800px;height:600px;animation:8s ease-in-out infinite alternate heroGlow;position:absolute;top:-20%;left:50%;transform:translate(-50%)}@keyframes heroGlow{0%{opacity:.2;transform:translate(-50%)scale(1)}to{opacity:.4;transform:translate(-50%)scale(1.15)}}.hero-content{z-index:1;max-width:800px;position:relative}.hero h1{letter-spacing:-3px;color:var(--text-primary);margin-bottom:24px;font-size:72px;font-weight:800;line-height:1.05}.hero h1 .glow-word{color:var(--accent-light);text-shadow:0 0 40px var(--accent-glow), 0 0 80px #3b82f633;position:relative}.hero-subtitle{color:var(--text-secondary);font-size:20px;font-family:var(--font-mono);letter-spacing:.2px;max-width:600px;margin:0 auto 40px;line-height:1.7}.hero-actions{justify-content:center;gap:16px;margin-bottom:80px;display:flex}.hero-features{justify-content:center;gap:100px;width:100%;max-width:900px;padding:40px 0 0;display:flex;position:relative}.hero-features:before{content:"";background:linear-gradient(to bottom, var(--accent), transparent);width:2px;height:40px;position:absolute;top:0;left:50%;transform:translate(-50%)}.feature-pill{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--accent-light);font-family:var(--font-mono);transition:all var(--transition);align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;display:flex;position:relative}.feature-pill:before{content:"";background:linear-gradient(to bottom, transparent, var(--accent-border));width:1px;height:40px;position:absolute;top:-40px;left:50%}.feature-pill:hover{border-color:var(--accent-border);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-2px)}.connecting-lines{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.section{padding:var(--section-padding) 40px;max-width:var(--container-width);width:100%;margin:0 auto}.section-label{background:var(--accent-subtle);border:1px solid var(--accent-border);border-radius:var(--radius-full);color:var(--accent-light);font-family:var(--font-mono);letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex}.section-title{letter-spacing:-2px;color:var(--text-primary);margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.1}.section-description{color:var(--text-secondary);max-width:600px;font-size:18px;line-height:1.7}.analysis-section{background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.analysis-container{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.analysis-input-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;position:relative;overflow:hidden}.analysis-input-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;height:2px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.analysis-input-card:focus-within:before{opacity:1}.input-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.analysis-textarea{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:160px;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;transition:border-color var(--transition);outline:none;padding:16px;font-size:14px;line-height:1.6}.analysis-textarea::placeholder{color:var(--text-muted)}.analysis-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.analyze-btn-container{gap:12px;margin-top:20px;display:flex}.results-panel{flex-direction:column;gap:20px;display:flex}.result-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);padding:24px}.result-card:hover{border-color:var(--border-hover)}.result-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.result-card-title{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-size:12px}.score-display{align-items:baseline;gap:4px;display:flex}.score-value{letter-spacing:-2px;font-size:42px;font-weight:800;line-height:1}.score-unit{color:var(--text-muted);font-size:18px;font-weight:500}.score-bar{background:var(--bg-surface);border-radius:3px;width:100%;height:6px;margin-top:12px;overflow:hidden}.score-bar-fill{border-radius:3px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.risk-badge{border-radius:var(--radius-full);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.risk-high{color:var(--danger);background:#ef44441f;border:1px solid #ef444440}.risk-medium{color:var(--warning);background:#f59e0b1f;border:1px solid #f59e0b40}.risk-low{color:var(--success);background:#22c55e1f;border:1px solid #22c55e40}.toxic-badge{color:var(--danger);box-shadow:0 0 20px var(--danger-glow);background:#ef44441f;border:1px solid #ef444440}.safe-badge{color:var(--success);box-shadow:0 0 20px var(--success-glow);background:#22c55e1f;border:1px solid #22c55e40}.scores-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.score-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:16px}.score-item-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-size:11px}.score-item-value{letter-spacing:-1px;font-size:28px;font-weight:700}.policy-card{border-left:3px solid var(--danger)}.policy-card.safe{border-left-color:var(--success)}.policy-text{color:var(--text-secondary);font-size:15px;line-height:1.6}.masked-preview{background:var(--bg-surface);border-radius:var(--radius);font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border);margin-top:12px;padding:12px;font-size:13px}.latency-tag{font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-surface);border-radius:var(--radius-full);border:1px solid var(--border);align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.cache-hit{color:var(--success);border-color:#22c55e40}.features-section{border-top:1px solid var(--border)}.features-layout{grid-template-columns:240px 1fr;align-items:start;gap:80px;display:grid}.features-sidebar{top:calc(var(--nav-height) + 40px);position:sticky}.features-nav{border-left:2px solid var(--border);padding-left:24px;list-style:none}.features-nav li{margin-bottom:16px}.features-nav a{color:var(--text-muted);transition:color var(--transition);padding:4px 0;font-size:15px;font-weight:500;text-decoration:none;display:block;position:relative}.features-nav a.active{color:var(--accent-light)}.features-nav a.active:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent-glow);border-radius:50%;position:absolute;top:50%;left:-26px;transform:translateY(-50%)}.features-nav a:hover{color:var(--text-secondary)}.feature-block{border-bottom:1px solid var(--border);padding:60px 0}.feature-block:last-child{border-bottom:none}.feature-block-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.feature-icon{background:var(--accent-subtle);border:1px solid var(--accent-border);border-radius:var(--radius);width:44px;height:44px;color:var(--accent-light);justify-content:center;align-items:center;display:flex}.feature-block h3{letter-spacing:-1px;color:var(--text-primary);font-size:32px;font-weight:700}.feature-block p{color:var(--text-secondary);max-width:640px;margin-bottom:24px;font-size:17px;line-height:1.7}.feature-list{flex-direction:column;gap:12px;list-style:none;display:flex}.feature-list li{color:var(--text-secondary);align-items:center;gap:10px;font-size:15px;display:flex}.feature-list li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.audit-section{border-top:1px solid var(--border);background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%)}.audit-table-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:40px;overflow:hidden}.audit-table{border-collapse:collapse;width:100%;font-size:14px}.audit-table thead{background:var(--bg-surface)}.audit-table th{text-align:left;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid var(--border);padding:14px 20px;font-size:11px;font-weight:600}.audit-table td{color:var(--text-secondary);border-bottom:1px solid var(--border);font-family:var(--font-mono);padding:14px 20px;font-size:13px}.audit-table tbody tr{transition:background var(--transition)}.audit-table tbody tr:hover{background:#3b82f608}.audit-table tbody tr:last-child td{border-bottom:none}.footer{border-top:1px solid var(--border);text-align:center;padding:60px 40px}.footer-content{max-width:var(--container-width);flex-direction:column;align-items:center;gap:20px;margin:0 auto;display:flex}.footer-logo{color:var(--text-primary);align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.footer-text{color:var(--text-muted);font-size:14px;font-family:var(--font-mono)}.footer-links{gap:24px;list-style:none;display:flex}.footer-links a{color:var(--text-muted);transition:color var(--transition);font-size:14px;text-decoration:none}.footer-links a:hover{color:var(--accent-light)}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px;display:flex}.empty-state svg{opacity:.3;width:48px;height:48px;margin-bottom:16px}.empty-state p{font-family:var(--font-mono);font-size:14px}.loading-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-dots{align-items:center;gap:6px;display:flex}.loading-dots span{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite dotPulse}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.chart-container{width:100%;height:200px;margin-top:16px}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.online{background:var(--success);box-shadow:0 0 8px var(--success-glow);animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.demo-buttons{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.demo-btn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition);padding:8px 16px;font-size:12px}.demo-btn:hover{border-color:var(--accent-border);color:var(--accent-light);background:var(--accent-subtle)}@media (width<=1024px){.hero h1{letter-spacing:-2px;font-size:48px}.hero-subtitle{font-size:17px}.hero-features{flex-wrap:wrap;gap:40px}.analysis-container{grid-template-columns:1fr}.features-layout{grid-template-columns:1fr;gap:40px}.features-sidebar{position:static}.features-nav{border-left:none;border-bottom:2px solid var(--border);gap:16px;padding-bottom:16px;padding-left:0;display:flex;overflow-x:auto}.features-nav li{margin-bottom:0}.section{padding:60px 20px}.section-title{font-size:32px}.navbar{padding:0 20px}.navbar-links{display:none}}@media (width<=640px){.hero h1{letter-spacing:-1.5px;font-size:36px}.hero-actions{flex-direction:column;align-items:center}.hero-features{flex-direction:column;align-items:center;gap:16px}.feature-pill:before{display:none}.scores-grid{grid-template-columns:1fr}.audit-table{font-size:12px}.audit-table th,.audit-table td{padding:10px 12px}}