npm - web-agent-bridge - Versions diffs - 3.4.0 → 3.9.0 - Mend

web-agent-bridge 3.4.0 → 3.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (315) hide show

package/LICENSE +84 -84
package/README.ar.md +1565 -1304
package/README.md +171 -298
package/bin/agent-runner.js +474 -474
package/bin/cli.js +237 -237
package/bin/wab-init.js +244 -223
package/bin/wab.js +80 -80
package/examples/azure-dns-wab.js +83 -83
package/examples/bidi-agent.js +119 -119
package/examples/cloudflare-wab-dns.js +121 -121
package/examples/cpanel-wab-dns.js +114 -114
package/examples/cross-site-agent.js +91 -91
package/examples/dns-discovery-agent.js +166 -166
package/examples/gcp-dns-wab.js +76 -76
package/examples/governance-agent.js +169 -169
package/examples/mcp-agent.js +94 -94
package/examples/next-app-router/README.md +44 -44
package/examples/plesk-wab-dns.js +103 -103
package/examples/puppeteer-agent.js +108 -108
package/examples/route53-wab-dns.js +144 -144
package/examples/saas-dashboard/README.md +55 -55
package/examples/safe-mode-agent.js +96 -96
package/examples/self-discovery.js +106 -0
package/examples/shopify-hydrogen/README.md +74 -74
package/examples/vision-agent.js +171 -171
package/examples/wab-sign.js +74 -74
package/examples/wab-verify.js +60 -60
package/examples/wordpress-elementor/README.md +77 -77
package/package.json +93 -93
package/public/.well-known/agent-tools.json +180 -180
package/public/.well-known/ai-assets.json +59 -59
package/public/.well-known/security.txt +8 -8
package/public/.well-known/wab.json +28 -28
package/public/activate.html +448 -368
package/public/adopt.html +236 -0
package/public/adoption-metrics.html +188 -188
package/public/agent-workspace.html +359 -349
package/public/ai.html +198 -198
package/public/api.html +397 -413
package/public/atp.html +171 -0
package/public/azure-dns-integration.html +289 -289
package/public/browser.html +486 -486
package/public/cloudflare-integration.html +380 -380
package/public/commander-dashboard.html +243 -243
package/public/cookies.html +210 -210
package/public/cpanel-integration.html +398 -398
package/public/css/agent-workspace.css +1713 -1713
package/public/css/premium.css +317 -317
package/public/css/styles.css +1401 -1263
package/public/dashboard-shieldlink.html +295 -0
package/public/dashboard.html +711 -707
package/public/dns.html +436 -436
package/public/docs.html +588 -588
package/public/enterprise-mesh.ar.html +80 -0
package/public/enterprise-mesh.html +81 -0
package/public/feed.xml +89 -89
package/public/gcp-dns-integration.html +318 -318
package/public/governance.ar.html +70 -0
package/public/governance.html +69 -0
package/public/growth.html +465 -465
package/public/index.html +1372 -1266
package/public/integrations.html +556 -556
package/public/js/activate.js +449 -145
package/public/js/agent-workspace.js +1740 -1740
package/public/js/auth-nav.js +117 -65
package/public/js/auth-redirect.js +12 -12
package/public/js/cookie-consent.js +56 -56
package/public/js/dns.js +438 -438
package/public/js/wab-demo-page.js +721 -721
package/public/js/ws-client.js +74 -74
package/public/l-preview.html +242 -0
package/public/llms-full.txt +360 -360
package/public/llms.txt +125 -125
package/public/login.html +85 -85
package/public/mesh-dashboard.html +328 -328
package/public/milestones.html +346 -0
package/public/one-click.html +779 -0
package/public/openapi.json +669 -669
package/public/partners.ar.html +145 -0
package/public/partners.html +143 -0
package/public/phone-shield.html +281 -281
package/public/plesk-integration.html +375 -375
package/public/premium-dashboard.html +2489 -2489
package/public/premium.html +793 -793
package/public/privacy.html +297 -297
package/public/provider-onboarding.html +172 -172
package/public/provider-sandbox.html +134 -134
package/public/providers.html +359 -359
package/public/refusals.html +172 -0
package/public/register.html +105 -105
package/public/registrar-integrations.html +141 -141
package/public/ring4.html +292 -0
package/public/robots.txt +99 -99
package/public/route53-integration.html +531 -531
package/public/score.html +263 -0
package/public/script/wab-consent.d.ts +36 -36
package/public/script/wab-consent.js +104 -104
package/public/script/wab-schema.js +131 -131
package/public/script/wab.d.ts +108 -108
package/public/script/wab.min.js +580 -580
package/public/security.txt +8 -8
package/public/shieldlink.html +244 -0
package/public/shieldqr.html +231 -231
package/public/sitemap.xml +13 -1
package/public/terms.html +256 -256
package/public/trust-graph-api.ar.html +92 -0
package/public/trust-graph-api.html +91 -0
package/public/wab-features.html +560 -0
package/public/wab-trust.html +200 -200
package/public/wab-truth.html +375 -0
package/public/wab-vs-protocols.html +210 -210
package/public/whitepaper.html +449 -449
package/script/ai-agent-bridge.js +1754 -1754
package/sdk/README.md +99 -99
package/sdk/agent-mesh.js +449 -449
package/sdk/atp.js +103 -0
package/sdk/auto-discovery.js +301 -288
package/sdk/commander.js +262 -262
package/sdk/governance.js +262 -262
package/sdk/index.d.ts +464 -464
package/sdk/index.js +653 -649
package/sdk/multi-agent.js +318 -318
package/sdk/safe-mode.js +221 -221
package/sdk/safety-shield.js +219 -219
package/sdk/schema-discovery.js +83 -83
package/server/adapters/index.js +520 -520
package/server/config/plans.js +412 -367
package/server/config/secrets.js +102 -102
package/server/control-plane/index.js +301 -301
package/server/data-plane/index.js +354 -354
package/server/index.js +793 -670
package/server/llm/index.js +404 -404
package/server/middleware/adminAuth.js +35 -35
package/server/middleware/api-tier.js +170 -0
package/server/middleware/auth.js +50 -50
package/server/middleware/featureGate.js +88 -88
package/server/middleware/rateLimits.js +100 -100
package/server/middleware/sensitiveAction.js +157 -157
package/server/middleware/wab-trust.js +141 -0
package/server/migrations/001_add_analytics_indexes.sql +7 -7
package/server/migrations/002_premium_features.sql +418 -418
package/server/migrations/003_ads_integer_cents.sql +33 -33
package/server/migrations/004_agent_os.sql +158 -158
package/server/migrations/005_marketplace_metering.sql +126 -126
package/server/migrations/006_growth_suite.sql +138 -0
package/server/migrations/007_governance.sql +106 -106
package/server/migrations/008_plans.sql +144 -144
package/server/migrations/009_shieldqr.sql +30 -30
package/server/migrations/010_extended_trust.sql +33 -33
package/server/migrations/011_outreach.sql +47 -0
package/server/migrations/012_shieldlink.sql +116 -0
package/server/migrations/013_ct_monitor.sql +13 -0
package/server/migrations/014_wab_advanced_features.sql +128 -0
package/server/migrations/015_wab_truth_layer.sql +101 -0
package/server/migrations/016_ring4_external_trust.sql +84 -0
package/server/migrations/017_ring4_extensions.sql +69 -0
package/server/migrations/018_commercial_foundations.sql +167 -0
package/server/migrations/019_unify_tier_constraints.sql +133 -0
package/server/migrations/020_agent_transaction_primitive.sql +119 -0
package/server/models/adapters/index.js +33 -33
package/server/models/adapters/mysql.js +183 -183
package/server/models/adapters/postgresql.js +172 -172
package/server/models/adapters/sqlite.js +7 -7
package/server/models/db.js +740 -740
package/server/observability/failure-analysis.js +337 -337
package/server/observability/index.js +394 -394
package/server/protocol/capabilities.js +223 -223
package/server/protocol/index.js +243 -243
package/server/protocol/schema.js +584 -584
package/server/registry/certification.js +271 -271
package/server/registry/index.js +326 -326
package/server/routes/activate.js +478 -0
package/server/routes/admin-outreach.js +239 -0
package/server/routes/admin-plans.js +76 -76
package/server/routes/admin-premium.js +674 -673
package/server/routes/admin-shieldlink.js +137 -0
package/server/routes/admin-shieldqr.js +90 -90
package/server/routes/admin-trust-monitor.js +139 -83
package/server/routes/admin.js +550 -549
package/server/routes/adopt.js +61 -0
package/server/routes/ads.js +130 -130
package/server/routes/agent-workspace.js +540 -540
package/server/routes/api-keys.js +127 -0
package/server/routes/api.js +150 -150
package/server/routes/auth.js +71 -71
package/server/routes/billing.js +57 -57
package/server/routes/commander.js +316 -316
package/server/routes/customer-shieldlink.js +133 -0
package/server/routes/demo-showcase.js +332 -332
package/server/routes/demo-store.js +154 -154
package/server/routes/diagnose.js +373 -0
package/server/routes/discovery.js +2348 -2348
package/server/routes/enterprise-mesh.js +170 -0
package/server/routes/gateway.js +173 -173
package/server/routes/governance-saas.js +203 -0
package/server/routes/governance.js +208 -208
package/server/routes/growth.js +1048 -0
package/server/routes/intent.js +328 -0
package/server/routes/license.js +251 -251
package/server/routes/mesh.js +469 -469
package/server/routes/noscript.js +543 -543
package/server/routes/partners.js +201 -0
package/server/routes/plans.js +33 -33
package/server/routes/premium-v2.js +686 -686
package/server/routes/premium.js +724 -724
package/server/routes/providers.js +650 -650
package/server/routes/reputation.js +411 -0
package/server/routes/ring4.js +885 -0
package/server/routes/runtime.js +2148 -2148
package/server/routes/shieldlink.js +70 -0
package/server/routes/shieldqr.js +88 -88
package/server/routes/sovereign.js +465 -465
package/server/routes/transactions.js +233 -0
package/server/routes/truth-layer.js +670 -0
package/server/routes/universal.js +200 -200
package/server/routes/unsubscribe.js +51 -0
package/server/routes/wab-api.js +850 -850
package/server/routes/wab-cache.js +282 -0
package/server/runtime/container-worker.js +111 -111
package/server/runtime/container.js +448 -448
package/server/runtime/distributed-worker.js +362 -362
package/server/runtime/event-bus.js +210 -210
package/server/runtime/index.js +253 -253
package/server/runtime/queue.js +599 -599
package/server/runtime/replay.js +666 -666
package/server/runtime/sandbox.js +266 -266
package/server/runtime/scheduler.js +534 -534
package/server/runtime/session-engine.js +293 -293
package/server/runtime/state-manager.js +188 -188
package/server/secrets/wab-signing-key.pem +3 -0
package/server/secrets/wab-signing-pub.pem +3 -0
package/server/security/cross-site-redactor.js +196 -196
package/server/security/dry-run.js +180 -180
package/server/security/human-gate-rate-limit.js +147 -147
package/server/security/human-gate-transports.js +178 -178
package/server/security/human-gate.js +281 -281
package/server/security/index.js +368 -368
package/server/security/intent-engine.js +245 -245
package/server/security/reward-guard.js +171 -171
package/server/security/rollback-store.js +239 -239
package/server/security/token-scope.js +404 -404
package/server/security/url-policy.js +139 -139
package/server/services/adoption-agent.js +182 -0
package/server/services/agent-chat.js +506 -506
package/server/services/agent-learning.js +601 -601
package/server/services/agent-memory.js +625 -625
package/server/services/agent-mesh.js +555 -555
package/server/services/agent-symphony.js +717 -717
package/server/services/agent-tasks.js +1807 -1807
package/server/services/api-key-engine.js +292 -292
package/server/services/cluster.js +894 -894
package/server/services/commander.js +738 -738
package/server/services/edge-compute.js +440 -440
package/server/services/email.js +233 -233
package/server/services/fairness-engine.js +409 -0
package/server/services/fairness.js +420 -0
package/server/services/governance.js +466 -466
package/server/services/hosted-runtime.js +205 -205
package/server/services/lfd.js +635 -635
package/server/services/local-ai.js +389 -389
package/server/services/marketplace.js +270 -270
package/server/services/metering.js +182 -182
package/server/services/modules/affiliate-intelligence.js +93 -93
package/server/services/modules/agent-firewall.js +90 -90
package/server/services/modules/bounty.js +89 -89
package/server/services/modules/collective-bargaining.js +92 -92
package/server/services/modules/dark-pattern.js +66 -66
package/server/services/modules/gov-intelligence.js +45 -45
package/server/services/modules/neural.js +55 -55
package/server/services/modules/notary.js +49 -49
package/server/services/modules/price-time-machine.js +86 -86
package/server/services/modules/protocol.js +104 -104
package/server/services/negotiation.js +439 -439
package/server/services/outreach-agent.js +312 -0
package/server/services/plans.js +214 -214
package/server/services/plugins.js +771 -771
package/server/services/price-intelligence.js +566 -566
package/server/services/price-shield.js +1137 -1137
package/server/services/provider-clients.js +740 -740
package/server/services/reputation.js +465 -465
package/server/services/search-engine.js +357 -357
package/server/services/security.js +513 -513
package/server/services/self-healing.js +843 -843
package/server/services/shieldlink.js +492 -0
package/server/services/shieldqr.js +322 -322
package/server/services/sovereign-shield.js +542 -542
package/server/services/ssl-ct-monitor.js +224 -0
package/server/services/ssl-inspector.js +42 -42
package/server/services/ssl-monitor.js +167 -167
package/server/services/stripe.js +206 -205
package/server/services/swarm.js +788 -788
package/server/services/transactions.js +525 -0
package/server/services/universal-scraper.js +662 -662
package/server/services/verification.js +481 -481
package/server/services/vision.js +1163 -1163
package/server/services/wab-crypto.js +178 -178
package/server/utils/cache.js +125 -125
package/server/utils/migrate.js +81 -81
package/server/utils/safe-fetch.js +228 -228
package/server/utils/secureFields.js +50 -50
package/server/ws.js +161 -161
package/templates/artisan-marketplace.yaml +104 -104
package/templates/book-price-scout.yaml +98 -98
package/templates/electronics-price-tracker.yaml +108 -108
package/templates/flight-deal-hunter.yaml +113 -113
package/templates/freelancer-direct.yaml +116 -116
package/templates/grocery-price-compare.yaml +93 -93
package/templates/hotel-direct-booking.yaml +113 -113
package/templates/local-services.yaml +98 -98
package/templates/olive-oil-tunisia.yaml +88 -88
package/templates/organic-farm-fresh.yaml +101 -101
package/templates/restaurant-direct.yaml +97 -97
package/templates/ring4/banking-sovereign.yaml +55 -0
package/templates/ring4/ecommerce-sovereign.yaml +58 -0
package/templates/ring4/healthcare-sovereign.yaml +60 -0

package/public/premium.html CHANGED Viewed

@@ -1,793 +1,793 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Premium Services — Web Agent Bridge</title>
-  <meta name="description" content="Advanced premium services for Web Agent Bridge: AI traffic intelligence, exploit protection, custom agents, CRM integrations, and more.">
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <style>body{background:#0a0e1a;color:#f0f4ff;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0;min-height:100vh}</style>
-  <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
-  <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet"></noscript>
-  <link rel="stylesheet" href="/css/styles.css?v=3.0.1">
-  <link rel="stylesheet" href="/css/premium.css">
-</head>
-<body>
-  <!-- ═══════════ NAVBAR ═══════════ -->
-  <nav class="navbar" id="navbar">
-    <div class="container">
-      <a href="/" class="navbar-brand">
-        <div class="brand-icon">⚡</div>
-        <span>WAB</span>
-      </a>
-      <ul class="navbar-links">
-        <li><a href="/#features">Features</a></li>
-        <li><a href="/premium" class="active-link">Premium</a></li>
-        <li><a href="/#pricing">Pricing</a></li>
-        <li><a href="/docs">Docs</a></li>
-      </ul>
-      <div class="navbar-actions">
-        <a href="/login" class="btn btn-ghost" data-wab-auth="guest">Sign In</a>
-        <a href="/dashboard" class="btn btn-ghost" data-wab-auth="signed-in" style="display:none">Dashboard</a>
-        <a href="/register" class="btn btn-primary btn-sm" data-wab-auth="guest">Get Started</a>
-      </div>
-      <button class="mobile-menu-btn" >☰</button>
-    </div>
-  </nav>
-  <!-- ═══════════ HERO ═══════════ -->
-  <section class="premium-hero">
-    <div class="container">
-      <div class="premium-hero-content fade-in">
-        <div class="hero-badge" style="border-color:rgba(139,92,246,0.3);background:rgba(139,92,246,0.1);color:var(--accent-purple);">
-          ✦ Premium Services
-        </div>
-        <h1>
-          Unlock the Full Power of<br>
-          <span class="gradient-text-accent">Intelligent Automation</span>
-        </h1>
-        <p>
-          Enterprise-grade add-ons that extend Web Agent Bridge with advanced analytics,
-          security, custom agents, CRM integrations, and more.
-        </p>
-        <div class="hero-actions">
-          <a href="#services" class="btn btn-primary btn-lg">Explore Services</a>
-          <a href="mailto:sales@webagentbridge.com" class="btn btn-secondary btn-lg">Contact Sales</a>
-        </div>
-      </div>
-    </div>
-  </section>
-  <!-- ═══════════ TIERS OVERVIEW ═══════════ -->
-  <section class="section" style="background:var(--bg-secondary);">
-    <div class="container">
-      <div class="section-header">
-        <span class="label">Plans</span>
-        <h2>Choose Your Level</h2>
-        <p>Premium services are available as add-ons or bundled into higher-tier plans.</p>
-      </div>
-      <div class="tier-pills">
-        <div class="tier-pill">
-          <span class="tier-pill-icon" style="background:rgba(100,116,139,0.15);color:var(--text-muted);">◆</span>
-          <div>
-            <strong>Free</strong>
-            <span>Open-source core</span>
-          </div>
-        </div>
-        <div class="tier-pill">
-          <span class="tier-pill-icon" style="background:rgba(59,130,246,0.15);color:var(--accent-blue);">◆</span>
-          <div>
-            <strong>Starter — $9/mo</strong>
-            <span>Analytics + basic protection</span>
-          </div>
-        </div>
-        <div class="tier-pill active">
-          <span class="tier-pill-icon" style="background:rgba(139,92,246,0.15);color:var(--accent-purple);">◆</span>
-          <div>
-            <strong>Pro — $29/mo</strong>
-            <span>Full features + integrations</span>
-          </div>
-        </div>
-        <div class="tier-pill">
-          <span class="tier-pill-icon" style="background:rgba(245,158,11,0.15);color:var(--accent-orange);">◆</span>
-          <div>
-            <strong>Enterprise — Custom</strong>
-            <span>Unlimited + dedicated support</span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-  <!-- ═══════════ ALL 12 SERVICES ═══════════ -->
-  <section class="section" id="services">
-    <div class="container">
-      <div class="section-header">
-        <span class="label">Premium Services</span>
-        <h2>12 Powerful Add-Ons</h2>
-        <p>Each service can be added individually or comes bundled with higher plans.</p>
-      </div>
-      <!-- 1. Agent Traffic Intelligence -->
-      <div class="service-row fade-in">
-        <div class="service-number">01</div>
-        <div class="service-body">
-          <div class="service-head">
-            <div class="service-icon" style="background:linear-gradient(135deg,#3b82f6,#06b6d4);">📊</div>
-            <div>
-              <h3>Agent Traffic Intelligence</h3>
-              <div class="service-tiers">
-                <span class="badge badge-starter">Starter</span>
-                <span class="badge badge-pro">Pro</span>
-                <span class="badge badge-enterprise">Enterprise</span>
-              </div>
-            </div>
-          </div>
-          <p>Deep analytics dashboard that reveals who your AI visitors really are.</p>
-          <div class="service-features">
-            <div class="sf-item">
-              <span class="sf-icon">🔍</span>
-              <div>
-                <strong>Agent Source Identification</strong>
-                <span>See agent type, platform, country of origin, and request patterns in real time.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">🏷️</span>
-              <div>
-                <strong>Behavioral Classification</strong>
-                <span>Agents automatically classified as friendly, aggressive, or potentially dangerous based on interaction patterns.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">🔔</span>
-              <div>
-                <strong>Anomaly Alerts</strong>
-                <span>Instant notifications when unusual activity spikes (e.g. 1,000+ requests/minute from a single agent).</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <!-- 2. Advanced Exploit Shield -->
-      <div class="service-row fade-in">
-        <div class="service-number">02</div>
-        <div class="service-body">
-          <div class="service-head">
-            <div class="service-icon" style="background:linear-gradient(135deg,#ef4444,#f59e0b);">🛡️</div>
-            <div>
-              <h3>Advanced Exploit Shield</h3>
-              <div class="service-tiers">
-                <span class="badge badge-pro">Pro</span>
-                <span class="badge badge-enterprise">Enterprise</span>
-              </div>
-            </div>
-          </div>
-          <p>Intelligent protection that goes far beyond IP blocking.</p>
-          <div class="service-features">
-            <div class="sf-item">
-              <span class="sf-icon">🚨</span>
-              <div>
-                <strong>Unauthorized Command Detection</strong>
-                <span>Automatic detection of privilege escalation attempts and unauthorized command execution.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">🧬</span>
-              <div>
-                <strong>Behavioral Fingerprint Blocking</strong>
-                <span>Block malicious agents by behavioral signature, not just IP — evading VPN-based circumvention.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">📧</span>
-              <div>
-                <strong>Periodic Security Reports</strong>
-                <span>Weekly/monthly security digests delivered to your inbox with threat summaries and recommendations.</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <!-- 3. Smart Actions Library -->
-      <div class="service-row fade-in">
-        <div class="service-number">03</div>
-        <div class="service-body">
-          <div class="service-head">
-            <div class="service-icon" style="background:linear-gradient(135deg,#10b981,#3b82f6);">📦</div>
-            <div>
-              <h3>Pre-built Smart Actions Library</h3>
-              <div class="service-tiers">
-                <span class="badge badge-starter">Starter</span>
-                <span class="badge badge-pro">Pro</span>
-                <span class="badge badge-enterprise">Enterprise</span>
-              </div>
-            </div>
-          </div>
-          <p>Ready-made action packs for the platforms your business already uses.</p>
-          <div class="service-features">
-            <div class="sf-item">
-              <span class="sf-icon">🛒</span>
-              <div>
-                <strong>Platform Action Packs</strong>
-                <span>Pre-built actions for WooCommerce, Shopify, WordPress, Salesforce — install in one click.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">🔄</span>
-              <div>
-                <strong>Auto-Update When Platforms Change</strong>
-                <span>Actions automatically update when the target platform's UI or API changes.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">⚙️</span>
-              <div>
-                <strong>Complex Workflows</strong>
-                <span>Multi-step actions like "complete a full purchase" or "create account with verification" — ready to go.</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <!-- 4. Custom AI Agents as a Service -->
-      <div class="service-row fade-in">
-        <div class="service-number">04</div>
-        <div class="service-body">
-          <div class="service-head">
-            <div class="service-icon" style="background:linear-gradient(135deg,#8b5cf6,#ec4899);">🤖</div>
-            <div>
-              <h3>Custom AI Agents as a Service</h3>
-              <div class="service-tiers">
-                <span class="badge badge-pro">Pro</span>
-                <span class="badge badge-enterprise">Enterprise</span>
-              </div>
-            </div>
-          </div>
-          <p>Build, schedule, and deploy agents without writing a single line of code.</p>
-          <div class="service-features">
-            <div class="sf-item">
-              <span class="sf-icon">🎨</span>
-              <div>
-                <strong>Visual Agent Builder</strong>
-                <span>Drag-and-drop interface to create custom agents — no programming required.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">⏰</span>
-              <div>
-                <strong>Task Scheduling</strong>
-                <span>"Fetch the sales report every day at 8 AM" — set it and forget it.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">☁️</span>
-              <div>
-                <strong>Cloud-Based Execution</strong>
-                <span>Agents run in the cloud — no local infrastructure required. Scale to thousands of concurrent tasks.</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <!-- 5. CRM & Cloud Integrations -->
-      <div class="service-row fade-in">
-        <div class="service-number">05</div>
-        <div class="service-body">
-          <div class="service-head">
-            <div class="service-icon" style="background:linear-gradient(135deg,#06b6d4,#8b5cf6);">🔗</div>
-            <div>
-              <h3>CRM &amp; Cloud Integrations</h3>
-              <div class="service-tiers">
-                <span class="badge badge-pro">Pro</span>
-                <span class="badge badge-enterprise">Enterprise</span>
-              </div>
-            </div>
-          </div>
-          <p>Connect agent activity directly into the tools your team already uses.</p>
-          <div class="service-features">
-            <div class="sf-item">
-              <span class="sf-icon">📇</span>
-              <div>
-                <strong>CRM Direct Link</strong>
-                <span>Salesforce, HubSpot, Zoho — agent actions automatically logged as CRM events.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">📤</span>
-              <div>
-                <strong>Data Warehouse Export</strong>
-                <span>Stream analytics to BigQuery, Snowflake, or Datadog for advanced reporting.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">🪝</span>
-              <div>
-                <strong>Custom Webhooks</strong>
-                <span>Route events to any internal system via configurable webhook endpoints.</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <!-- 6. Multi-tenant Permission Management -->
-      <div class="service-row fade-in">
-        <div class="service-number">06</div>
-        <div class="service-body">
-          <div class="service-head">
-            <div class="service-icon" style="background:linear-gradient(135deg,#f59e0b,#ef4444);">👥</div>
-            <div>
-              <h3>Multi-Tenant Permission Management</h3>
-              <div class="service-tiers">
-                <span class="badge badge-enterprise">Enterprise</span>
-              </div>
-            </div>
-          </div>
-          <p>Enterprise-grade team management for organizations running multiple sites.</p>
-          <div class="service-features">
-            <div class="sf-item">
-              <span class="sf-icon">🔑</span>
-              <div>
-                <strong>Sub-Users &amp; Roles</strong>
-                <span>Add team members with viewer, editor, or admin roles — per site or globally.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">📊</span>
-              <div>
-                <strong>Per-User Reports &amp; Quotas</strong>
-                <span>Track usage per team member; set usage quotas to control costs.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">🏢</span>
-              <div>
-                <strong>Central Control Panel</strong>
-                <span>One dashboard to rule all sites — perfect for agencies and enterprise IT.</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <!-- 7. AI-Powered Priority Support -->
-      <div class="service-row fade-in">
-        <div class="service-number">07</div>
-        <div class="service-body">
-          <div class="service-head">
-            <div class="service-icon" style="background:linear-gradient(135deg,#3b82f6,#10b981);">💬</div>
-            <div>
-              <h3>AI-Powered Priority Support</h3>
-              <div class="service-tiers">
-                <span class="badge badge-starter">Starter</span>
-                <span class="badge badge-pro">Pro</span>
-                <span class="badge badge-enterprise">Enterprise</span>
-              </div>
-            </div>
-          </div>
-          <p>Get help fast — from AI-assisted troubleshooting to live video sessions.</p>
-          <div class="service-features">
-            <div class="sf-item">
-              <span class="sf-icon">🤖</span>
-              <div>
-                <strong>Smart Support Bot</strong>
-                <span>AI chatbot trained on WAB docs — resolves common issues instantly, 24/7.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">📹</span>
-              <div>
-                <strong>Live Video Support</strong>
-                <span>Screen-share sessions with our engineers for complex integration issues.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">⏱️</span>
-              <div>
-                <strong>SLA Guarantee</strong>
-                <span>Enterprise: 15-minute response time. Pro: 1-hour response. Starter: same-day.</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <!-- 8. Custom Bridge Script -->
-      <div class="service-row fade-in">
-        <div class="service-number">08</div>
-        <div class="service-body">
-          <div class="service-head">
-            <div class="service-icon" style="background:linear-gradient(135deg,#ec4899,#8b5cf6);">📝</div>
-            <div>
-              <h3>Custom Bridge Script</h3>
-              <div class="service-tiers">
-                <span class="badge badge-pro">Pro</span>
-                <span class="badge badge-enterprise">Enterprise</span>
-              </div>
-            </div>
-          </div>
-          <p>A tailored version of the bridge script built for your exact requirements.</p>
-          <div class="service-features">
-            <div class="sf-item">
-              <span class="sf-icon">🧩</span>
-              <div>
-                <strong>Plugin-Based Custom Actions</strong>
-                <span>Add custom actions without modifying the core script — clean, maintainable, upgradeable.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">🚀</span>
-              <div>
-                <strong>Performance Optimization</strong>
-                <span>Minified builds, tree-shaking, AMP support — optimized for your exact use case.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">🔒</span>
-              <div>
-                <strong>Instant Security Patches</strong>
-                <span>Zero-day patches applied automatically — your script is always up to date.</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <!-- 9. Stealth Mode Pro -->
-      <div class="service-row fade-in">
-        <div class="service-number">09</div>
-        <div class="service-body">
-          <div class="service-head">
-            <div class="service-icon" style="background:linear-gradient(135deg,#1e293b,#475569);">🥷</div>
-            <div>
-              <h3>Stealth Mode Pro</h3>
-              <div class="service-tiers">
-                <span class="badge badge-pro">Pro</span>
-                <span class="badge badge-enterprise">Enterprise</span>
-              </div>
-            </div>
-          </div>
-          <p>Advanced human-like interaction patterns for sites with aggressive bot detection.</p>
-          <div class="service-features">
-            <div class="sf-item">
-              <span class="sf-icon">🖱️</span>
-              <div>
-                <strong>Customizable Behavior Profiles</strong>
-                <span>Tune typing speed, mouse movement curves, scroll patterns — down to millisecond precision.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">🌐</span>
-              <div>
-                <strong>Anti-Detection Bypass</strong>
-                <span>Tested against Cloudflare, PerimeterX, Akamai, and DataDome protection layers.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">🔄</span>
-              <div>
-                <strong>Continuous Updates</strong>
-                <span>Behavioral profiles updated monthly to match the latest real-browser fingerprints.</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <!-- 10. Private CDN -->
-      <div class="service-row fade-in">
-        <div class="service-number">10</div>
-        <div class="service-body">
-          <div class="service-head">
-            <div class="service-icon" style="background:linear-gradient(135deg,#06b6d4,#10b981);">🌍</div>
-            <div>
-              <h3>Private CDN for Bridge Script</h3>
-              <div class="service-tiers">
-                <span class="badge badge-pro">Pro</span>
-                <span class="badge badge-enterprise">Enterprise</span>
-              </div>
-            </div>
-          </div>
-          <p>Your own globally distributed script delivery network.</p>
-          <div class="service-features">
-            <div class="sf-item">
-              <span class="sf-icon">⚡</span>
-              <div>
-                <strong>Global Edge Network</strong>
-                <span>Script served from 200+ PoPs worldwide — sub-50ms load times everywhere.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">🔗</span>
-              <div>
-                <strong>Custom Domain</strong>
-                <span>Serve from <code>bridge.yoursite.com</code> — builds trust and improves brand consistency.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">📈</span>
-              <div>
-                <strong>Geo Performance Stats</strong>
-                <span>See load times, cache hit ratios, and bandwidth per region in real time.</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <!-- 11. Extended Audit Logs & Compliance -->
-      <div class="service-row fade-in">
-        <div class="service-number">11</div>
-        <div class="service-body">
-          <div class="service-head">
-            <div class="service-icon" style="background:linear-gradient(135deg,#f59e0b,#10b981);">📋</div>
-            <div>
-              <h3>Extended Audit Logs &amp; Compliance</h3>
-              <div class="service-tiers">
-                <span class="badge badge-enterprise">Enterprise</span>
-              </div>
-            </div>
-          </div>
-          <p>Meet the strictest regulatory requirements with immutable, long-term audit trails.</p>
-          <div class="service-features">
-            <div class="sf-item">
-              <span class="sf-icon">🗄️</span>
-              <div>
-                <strong>7-Year Retention</strong>
-                <span>Interaction logs stored up to 7 years — essential for finance, healthcare, and government.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">✅</span>
-              <div>
-                <strong>HIPAA / GDPR / SOC2 Ready</strong>
-                <span>Pre-configured compliance settings with one-click activation per standard.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">📄</span>
-              <div>
-                <strong>Legal Export Formats</strong>
-                <span>Signed PDFs, timestamped CSVs, and chain-of-custody reports for auditors.</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <!-- 12. Virtual Sandbox -->
-      <div class="service-row fade-in">
-        <div class="service-number">12</div>
-        <div class="service-body">
-          <div class="service-head">
-            <div class="service-icon" style="background:linear-gradient(135deg,#8b5cf6,#3b82f6);">🧪</div>
-            <div>
-              <h3>Virtual Sandbox Environment</h3>
-              <div class="service-tiers">
-                <span class="badge badge-enterprise">Enterprise</span>
-              </div>
-            </div>
-          </div>
-          <p>Test everything safely before going live.</p>
-          <div class="service-features">
-            <div class="sf-item">
-              <span class="sf-icon">🏗️</span>
-              <div>
-                <strong>Full Test Environment</strong>
-                <span>Mirror your production setup in an isolated sandbox — test permissions, configs, and limits risk-free.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">🤖</span>
-              <div>
-                <strong>Simulated Agent Traffic</strong>
-                <span>Generate synthetic agent traffic to stress-test rate limits and performance thresholds.</span>
-              </div>
-            </div>
-            <div class="sf-item">
-              <span class="sf-icon">📊</span>
-              <div>
-                <strong>Before/After Benchmarks</strong>
-                <span>Compare performance metrics before and after enabling premium features.</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-  <!-- ═══════════ COMPARISON TABLE ═══════════ -->
-  <section class="section" style="background:var(--bg-secondary);">
-    <div class="container">
-      <div class="section-header">
-        <span class="label">Compare</span>
-        <h2>Feature Availability by Plan</h2>
-      </div>
-      <div class="table-wrapper" style="overflow-x:auto;">
-        <table class="compare-table">
-          <thead>
-            <tr>
-              <th>Service</th>
-              <th class="tc">Free</th>
-              <th class="tc">Starter</th>
-              <th class="tc highlight-col">Pro</th>
-              <th class="tc">Enterprise</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr>
-              <td>Open-Source Core</td>
-              <td class="tc"><span class="check">✓</span></td>
-              <td class="tc"><span class="check">✓</span></td>
-              <td class="tc highlight-col"><span class="check">✓</span></td>
-              <td class="tc"><span class="check">✓</span></td>
-            </tr>
-            <tr>
-              <td>Agent Traffic Intelligence</td>
-              <td class="tc"><span class="cross">—</span></td>
-              <td class="tc"><span class="check">✓</span></td>
-              <td class="tc highlight-col"><span class="check">✓</span></td>
-              <td class="tc"><span class="check">✓</span></td>
-            </tr>
-            <tr>
-              <td>Advanced Exploit Shield</td>
-              <td class="tc"><span class="cross">—</span></td>
-              <td class="tc"><span class="cross">—</span></td>
-              <td class="tc highlight-col"><span class="check">✓</span></td>
-              <td class="tc"><span class="check">✓</span></td>
-            </tr>
-            <tr>
-              <td>Smart Actions Library</td>
-              <td class="tc"><span class="cross">—</span></td>
-              <td class="tc">Basic</td>
-              <td class="tc highlight-col"><span class="check">Full</span></td>
-              <td class="tc"><span class="check">Full</span></td>
-            </tr>
-            <tr>
-              <td>Custom AI Agents</td>
-              <td class="tc"><span class="cross">—</span></td>
-              <td class="tc"><span class="cross">—</span></td>
-              <td class="tc highlight-col">3 agents</td>
-              <td class="tc">Unlimited</td>
-            </tr>
-            <tr>
-              <td>CRM &amp; Cloud Integrations</td>
-              <td class="tc"><span class="cross">—</span></td>
-              <td class="tc"><span class="cross">—</span></td>
-              <td class="tc highlight-col"><span class="check">✓</span></td>
-              <td class="tc"><span class="check">✓</span></td>
-            </tr>
-            <tr>
-              <td>Multi-Tenant Management</td>
-              <td class="tc"><span class="cross">—</span></td>
-              <td class="tc"><span class="cross">—</span></td>
-              <td class="tc highlight-col"><span class="cross">—</span></td>
-              <td class="tc"><span class="check">✓</span></td>
-            </tr>
-            <tr>
-              <td>Priority Support</td>
-              <td class="tc">Community</td>
-              <td class="tc">Same-day</td>
-              <td class="tc highlight-col">1 hour</td>
-              <td class="tc">15 min SLA</td>
-            </tr>
-            <tr>
-              <td>Custom Bridge Script</td>
-              <td class="tc"><span class="cross">—</span></td>
-              <td class="tc"><span class="cross">—</span></td>
-              <td class="tc highlight-col"><span class="check">✓</span></td>
-              <td class="tc"><span class="check">✓</span></td>
-            </tr>
-            <tr>
-              <td>Stealth Mode Pro</td>
-              <td class="tc"><span class="cross">—</span></td>
-              <td class="tc"><span class="cross">—</span></td>
-              <td class="tc highlight-col"><span class="check">✓</span></td>
-              <td class="tc"><span class="check">✓</span></td>
-            </tr>
-            <tr>
-              <td>Private CDN</td>
-              <td class="tc"><span class="cross">—</span></td>
-              <td class="tc"><span class="cross">—</span></td>
-              <td class="tc highlight-col"><span class="check">✓</span></td>
-              <td class="tc"><span class="check">✓</span></td>
-            </tr>
-            <tr>
-              <td>Extended Audit &amp; Compliance</td>
-              <td class="tc"><span class="cross">—</span></td>
-              <td class="tc"><span class="cross">—</span></td>
-              <td class="tc highlight-col"><span class="cross">—</span></td>
-              <td class="tc"><span class="check">✓</span></td>
-            </tr>
-            <tr>
-              <td>Virtual Sandbox</td>
-              <td class="tc"><span class="cross">—</span></td>
-              <td class="tc"><span class="cross">—</span></td>
-              <td class="tc highlight-col"><span class="cross">—</span></td>
-              <td class="tc"><span class="check">✓</span></td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </section>
-  <!-- ═══════════ CTA ═══════════ -->
-  <section class="section" style="text-align:center;">
-    <div class="container">
-      <div class="premium-cta fade-in">
-        <h2>Ready to Supercharge Your<br><span class="gradient-text-accent">AI Agent Infrastructure</span>?</h2>
-        <p>Start with the free open-source core, then add premium services as you grow.</p>
-        <div style="display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:32px;">
-          <a href="/register" class="btn btn-primary btn-lg">Start Free</a>
-          <a href="mailto:sales@webagentbridge.com" class="btn btn-secondary btn-lg">Talk to Sales</a>
-        </div>
-      </div>
-    </div>
-  </section>
-  <!-- ═══════════ FOOTER ═══════════ -->
-  <footer class="footer">
-    <div class="container">
-      <div class="footer-grid">
-        <div class="footer-brand">
-          <a href="/" class="navbar-brand">
-            <div class="brand-icon">⚡</div>
-            <span>Web Agent Bridge</span>
-          </a>
-          <p>Open protocol + runtime for AI agent ↔ website interaction. Built for the Agentic Web.</p>
-        </div>
-        <div class="footer-col">
-          <h4>Product</h4>
-          <ul>
-            <li><a href="/#features">Features</a></li>
-            <li><a href="/premium">Premium</a></li>
-            <li><a href="/#pricing">Pricing</a></li>
-            <li><a href="/docs">Documentation</a></li>
-          </ul>
-        </div>
-        <div class="footer-col">
-          <h4>Developers</h4>
-          <ul>
-            <li><a href="/docs#quick-start">Quick Start</a></li>
-            <li><a href="/docs#api-reference">API Reference</a></li>
-            <li><a href="/docs#examples">Examples</a></li>
-            <li><a href="https://github.com/abokenan444/web-agent-bridge">GitHub</a></li>
-          </ul>
-        </div>
-        <div class="footer-col">
-          <h4>Legal</h4>
-          <ul>
-            <li><a href="/privacy">Privacy Policy</a></li>
-            <li><a href="/terms">Terms of Service</a></li>
-            <li><a href="/cookies">Cookie Policy</a></li>
-          </ul>
-        </div>
-      </div>
-      <div class="footer-bottom">
-        <span>&copy; 2026 Web Agent Bridge. MIT License (core). Operated from the Netherlands.</span>
-      </div>
-    </div>
-  </footer>
-  <script src="/js/auth-nav.js?v=3.0.1"></script>
-  <script>
-    const navbar = document.getElementById('navbar');
-    window.addEventListener('scroll', () => {
-      navbar.style.background = window.scrollY > 50
-        ? 'rgba(10, 14, 26, 0.95)'
-        : 'rgba(10, 14, 26, 0.8)';
-    });
-  </script>
-  <script src="/js/cookie-consent.js?v=3.0.1"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Premium Services — Web Agent Bridge</title>
+  <meta name="description" content="Advanced premium services for Web Agent Bridge: AI traffic intelligence, exploit protection, custom agents, CRM integrations, and more.">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <style>body{background:#0a0e1a;color:#f0f4ff;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0;min-height:100vh}</style>
+  <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
+  <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet"></noscript>
+  <link rel="stylesheet" href="/css/styles.css?v=3.0.1">
+  <link rel="stylesheet" href="/css/premium.css">
+</head>
+<body>
+  <!-- ═══════════ NAVBAR ═══════════ -->
+  <nav class="navbar" id="navbar">
+    <div class="container">
+      <a href="/" class="navbar-brand">
+        <div class="brand-icon">⚡</div>
+        <span>WAB</span>
+      </a>
+      <ul class="navbar-links">
+        <li><a href="/#features">Features</a></li>
+        <li><a href="/premium" class="active-link">Premium</a></li>
+        <li><a href="/#pricing">Pricing</a></li>
+        <li><a href="/docs">Docs</a></li>
+      </ul>
+      <div class="navbar-actions">
+        <a href="/login" class="btn btn-ghost" data-wab-auth="guest">Sign In</a>
+        <a href="/dashboard" class="btn btn-ghost" data-wab-auth="signed-in" style="display:none">Dashboard</a>
+        <a href="/register" class="btn btn-primary btn-sm" data-wab-auth="guest">Get Started</a>
+      </div>
+      <button class="mobile-menu-btn" >☰</button>
+    </div>
+  </nav>
+  <!-- ═══════════ HERO ═══════════ -->
+  <section class="premium-hero">
+    <div class="container">
+      <div class="premium-hero-content fade-in">
+        <div class="hero-badge" style="border-color:rgba(139,92,246,0.3);background:rgba(139,92,246,0.1);color:var(--accent-purple);">
+          ✦ Premium Services
+        </div>
+        <h1>
+          Unlock the Full Power of<br>
+          <span class="gradient-text-accent">Intelligent Automation</span>
+        </h1>
+        <p>
+          Enterprise-grade add-ons that extend Web Agent Bridge with advanced analytics,
+          security, custom agents, CRM integrations, and more.
+        </p>
+        <div class="hero-actions">
+          <a href="#services" class="btn btn-primary btn-lg">Explore Services</a>
+          <a href="mailto:sales@webagentbridge.com" class="btn btn-secondary btn-lg">Contact Sales</a>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- ═══════════ TIERS OVERVIEW ═══════════ -->
+  <section class="section" style="background:var(--bg-secondary);">
+    <div class="container">
+      <div class="section-header">
+        <span class="label">Plans</span>
+        <h2>Choose Your Level</h2>
+        <p>Premium services are available as add-ons or bundled into higher-tier plans.</p>
+      </div>
+      <div class="tier-pills">
+        <div class="tier-pill">
+          <span class="tier-pill-icon" style="background:rgba(100,116,139,0.15);color:var(--text-muted);">◆</span>
+          <div>
+            <strong>Free</strong>
+            <span>Open-source core</span>
+          </div>
+        </div>
+        <div class="tier-pill">
+          <span class="tier-pill-icon" style="background:rgba(59,130,246,0.15);color:var(--accent-blue);">◆</span>
+          <div>
+            <strong>Starter — $9/mo</strong>
+            <span>Analytics + basic protection</span>
+          </div>
+        </div>
+        <div class="tier-pill active">
+          <span class="tier-pill-icon" style="background:rgba(139,92,246,0.15);color:var(--accent-purple);">◆</span>
+          <div>
+            <strong>Pro — $29/mo</strong>
+            <span>Full features + integrations</span>
+          </div>
+        </div>
+        <div class="tier-pill">
+          <span class="tier-pill-icon" style="background:rgba(245,158,11,0.15);color:var(--accent-orange);">◆</span>
+          <div>
+            <strong>Enterprise — Custom</strong>
+            <span>Unlimited + dedicated support</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- ═══════════ ALL 12 SERVICES ═══════════ -->
+  <section class="section" id="services">
+    <div class="container">
+      <div class="section-header">
+        <span class="label">Premium Services</span>
+        <h2>12 Powerful Add-Ons</h2>
+        <p>Each service can be added individually or comes bundled with higher plans.</p>
+      </div>
+      <!-- 1. Agent Traffic Intelligence -->
+      <div class="service-row fade-in">
+        <div class="service-number">01</div>
+        <div class="service-body">
+          <div class="service-head">
+            <div class="service-icon" style="background:linear-gradient(135deg,#3b82f6,#06b6d4);">📊</div>
+            <div>
+              <h3>Agent Traffic Intelligence</h3>
+              <div class="service-tiers">
+                <span class="badge badge-starter">Starter</span>
+                <span class="badge badge-pro">Pro</span>
+                <span class="badge badge-enterprise">Enterprise</span>
+              </div>
+            </div>
+          </div>
+          <p>Deep analytics dashboard that reveals who your AI visitors really are.</p>
+          <div class="service-features">
+            <div class="sf-item">
+              <span class="sf-icon">🔍</span>
+              <div>
+                <strong>Agent Source Identification</strong>
+                <span>See agent type, platform, country of origin, and request patterns in real time.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">🏷️</span>
+              <div>
+                <strong>Behavioral Classification</strong>
+                <span>Agents automatically classified as friendly, aggressive, or potentially dangerous based on interaction patterns.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">🔔</span>
+              <div>
+                <strong>Anomaly Alerts</strong>
+                <span>Instant notifications when unusual activity spikes (e.g. 1,000+ requests/minute from a single agent).</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 2. Advanced Exploit Shield -->
+      <div class="service-row fade-in">
+        <div class="service-number">02</div>
+        <div class="service-body">
+          <div class="service-head">
+            <div class="service-icon" style="background:linear-gradient(135deg,#ef4444,#f59e0b);">🛡️</div>
+            <div>
+              <h3>Advanced Exploit Shield</h3>
+              <div class="service-tiers">
+                <span class="badge badge-pro">Pro</span>
+                <span class="badge badge-enterprise">Enterprise</span>
+              </div>
+            </div>
+          </div>
+          <p>Intelligent protection that goes far beyond IP blocking.</p>
+          <div class="service-features">
+            <div class="sf-item">
+              <span class="sf-icon">🚨</span>
+              <div>
+                <strong>Unauthorized Command Detection</strong>
+                <span>Automatic detection of privilege escalation attempts and unauthorized command execution.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">🧬</span>
+              <div>
+                <strong>Behavioral Fingerprint Blocking</strong>
+                <span>Block malicious agents by behavioral signature, not just IP — evading VPN-based circumvention.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">📧</span>
+              <div>
+                <strong>Periodic Security Reports</strong>
+                <span>Weekly/monthly security digests delivered to your inbox with threat summaries and recommendations.</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 3. Smart Actions Library -->
+      <div class="service-row fade-in">
+        <div class="service-number">03</div>
+        <div class="service-body">
+          <div class="service-head">
+            <div class="service-icon" style="background:linear-gradient(135deg,#10b981,#3b82f6);">📦</div>
+            <div>
+              <h3>Pre-built Smart Actions Library</h3>
+              <div class="service-tiers">
+                <span class="badge badge-starter">Starter</span>
+                <span class="badge badge-pro">Pro</span>
+                <span class="badge badge-enterprise">Enterprise</span>
+              </div>
+            </div>
+          </div>
+          <p>Ready-made action packs for the platforms your business already uses.</p>
+          <div class="service-features">
+            <div class="sf-item">
+              <span class="sf-icon">🛒</span>
+              <div>
+                <strong>Platform Action Packs</strong>
+                <span>Pre-built actions for WooCommerce, Shopify, WordPress, Salesforce — install in one click.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">🔄</span>
+              <div>
+                <strong>Auto-Update When Platforms Change</strong>
+                <span>Actions automatically update when the target platform's UI or API changes.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">⚙️</span>
+              <div>
+                <strong>Complex Workflows</strong>
+                <span>Multi-step actions like "complete a full purchase" or "create account with verification" — ready to go.</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 4. Custom AI Agents as a Service -->
+      <div class="service-row fade-in">
+        <div class="service-number">04</div>
+        <div class="service-body">
+          <div class="service-head">
+            <div class="service-icon" style="background:linear-gradient(135deg,#8b5cf6,#ec4899);">🤖</div>
+            <div>
+              <h3>Custom AI Agents as a Service</h3>
+              <div class="service-tiers">
+                <span class="badge badge-pro">Pro</span>
+                <span class="badge badge-enterprise">Enterprise</span>
+              </div>
+            </div>
+          </div>
+          <p>Build, schedule, and deploy agents without writing a single line of code.</p>
+          <div class="service-features">
+            <div class="sf-item">
+              <span class="sf-icon">🎨</span>
+              <div>
+                <strong>Visual Agent Builder</strong>
+                <span>Drag-and-drop interface to create custom agents — no programming required.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">⏰</span>
+              <div>
+                <strong>Task Scheduling</strong>
+                <span>"Fetch the sales report every day at 8 AM" — set it and forget it.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">☁️</span>
+              <div>
+                <strong>Cloud-Based Execution</strong>
+                <span>Agents run in the cloud — no local infrastructure required. Scale to thousands of concurrent tasks.</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 5. CRM & Cloud Integrations -->
+      <div class="service-row fade-in">
+        <div class="service-number">05</div>
+        <div class="service-body">
+          <div class="service-head">
+            <div class="service-icon" style="background:linear-gradient(135deg,#06b6d4,#8b5cf6);">🔗</div>
+            <div>
+              <h3>CRM &amp; Cloud Integrations</h3>
+              <div class="service-tiers">
+                <span class="badge badge-pro">Pro</span>
+                <span class="badge badge-enterprise">Enterprise</span>
+              </div>
+            </div>
+          </div>
+          <p>Connect agent activity directly into the tools your team already uses.</p>
+          <div class="service-features">
+            <div class="sf-item">
+              <span class="sf-icon">📇</span>
+              <div>
+                <strong>CRM Direct Link</strong>
+                <span>Salesforce, HubSpot, Zoho — agent actions automatically logged as CRM events.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">📤</span>
+              <div>
+                <strong>Data Warehouse Export</strong>
+                <span>Stream analytics to BigQuery, Snowflake, or Datadog for advanced reporting.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">🪝</span>
+              <div>
+                <strong>Custom Webhooks</strong>
+                <span>Route events to any internal system via configurable webhook endpoints.</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 6. Multi-tenant Permission Management -->
+      <div class="service-row fade-in">
+        <div class="service-number">06</div>
+        <div class="service-body">
+          <div class="service-head">
+            <div class="service-icon" style="background:linear-gradient(135deg,#f59e0b,#ef4444);">👥</div>
+            <div>
+              <h3>Multi-Tenant Permission Management</h3>
+              <div class="service-tiers">
+                <span class="badge badge-enterprise">Enterprise</span>
+              </div>
+            </div>
+          </div>
+          <p>Enterprise-grade team management for organizations running multiple sites.</p>
+          <div class="service-features">
+            <div class="sf-item">
+              <span class="sf-icon">🔑</span>
+              <div>
+                <strong>Sub-Users &amp; Roles</strong>
+                <span>Add team members with viewer, editor, or admin roles — per site or globally.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">📊</span>
+              <div>
+                <strong>Per-User Reports &amp; Quotas</strong>
+                <span>Track usage per team member; set usage quotas to control costs.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">🏢</span>
+              <div>
+                <strong>Central Control Panel</strong>
+                <span>One dashboard to rule all sites — perfect for agencies and enterprise IT.</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 7. AI-Powered Priority Support -->
+      <div class="service-row fade-in">
+        <div class="service-number">07</div>
+        <div class="service-body">
+          <div class="service-head">
+            <div class="service-icon" style="background:linear-gradient(135deg,#3b82f6,#10b981);">💬</div>
+            <div>
+              <h3>AI-Powered Priority Support</h3>
+              <div class="service-tiers">
+                <span class="badge badge-starter">Starter</span>
+                <span class="badge badge-pro">Pro</span>
+                <span class="badge badge-enterprise">Enterprise</span>
+              </div>
+            </div>
+          </div>
+          <p>Get help fast — from AI-assisted troubleshooting to live video sessions.</p>
+          <div class="service-features">
+            <div class="sf-item">
+              <span class="sf-icon">🤖</span>
+              <div>
+                <strong>Smart Support Bot</strong>
+                <span>AI chatbot trained on WAB docs — resolves common issues instantly, 24/7.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">📹</span>
+              <div>
+                <strong>Live Video Support</strong>
+                <span>Screen-share sessions with our engineers for complex integration issues.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">⏱️</span>
+              <div>
+                <strong>SLA Guarantee</strong>
+                <span>Enterprise: 15-minute response time. Pro: 1-hour response. Starter: same-day.</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 8. Custom Bridge Script -->
+      <div class="service-row fade-in">
+        <div class="service-number">08</div>
+        <div class="service-body">
+          <div class="service-head">
+            <div class="service-icon" style="background:linear-gradient(135deg,#ec4899,#8b5cf6);">📝</div>
+            <div>
+              <h3>Custom Bridge Script</h3>
+              <div class="service-tiers">
+                <span class="badge badge-pro">Pro</span>
+                <span class="badge badge-enterprise">Enterprise</span>
+              </div>
+            </div>
+          </div>
+          <p>A tailored version of the bridge script built for your exact requirements.</p>
+          <div class="service-features">
+            <div class="sf-item">
+              <span class="sf-icon">🧩</span>
+              <div>
+                <strong>Plugin-Based Custom Actions</strong>
+                <span>Add custom actions without modifying the core script — clean, maintainable, upgradeable.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">🚀</span>
+              <div>
+                <strong>Performance Optimization</strong>
+                <span>Minified builds, tree-shaking, AMP support — optimized for your exact use case.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">🔒</span>
+              <div>
+                <strong>Instant Security Patches</strong>
+                <span>Zero-day patches applied automatically — your script is always up to date.</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 9. Stealth Mode Pro -->
+      <div class="service-row fade-in">
+        <div class="service-number">09</div>
+        <div class="service-body">
+          <div class="service-head">
+            <div class="service-icon" style="background:linear-gradient(135deg,#1e293b,#475569);">🥷</div>
+            <div>
+              <h3>Stealth Mode Pro</h3>
+              <div class="service-tiers">
+                <span class="badge badge-pro">Pro</span>
+                <span class="badge badge-enterprise">Enterprise</span>
+              </div>
+            </div>
+          </div>
+          <p>Advanced human-like interaction patterns for sites with aggressive bot detection.</p>
+          <div class="service-features">
+            <div class="sf-item">
+              <span class="sf-icon">🖱️</span>
+              <div>
+                <strong>Customizable Behavior Profiles</strong>
+                <span>Tune typing speed, mouse movement curves, scroll patterns — down to millisecond precision.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">🌐</span>
+              <div>
+                <strong>Anti-Detection Bypass</strong>
+                <span>Tested against Cloudflare, PerimeterX, Akamai, and DataDome protection layers.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">🔄</span>
+              <div>
+                <strong>Continuous Updates</strong>
+                <span>Behavioral profiles updated monthly to match the latest real-browser fingerprints.</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 10. Private CDN -->
+      <div class="service-row fade-in">
+        <div class="service-number">10</div>
+        <div class="service-body">
+          <div class="service-head">
+            <div class="service-icon" style="background:linear-gradient(135deg,#06b6d4,#10b981);">🌍</div>
+            <div>
+              <h3>Private CDN for Bridge Script</h3>
+              <div class="service-tiers">
+                <span class="badge badge-pro">Pro</span>
+                <span class="badge badge-enterprise">Enterprise</span>
+              </div>
+            </div>
+          </div>
+          <p>Your own globally distributed script delivery network.</p>
+          <div class="service-features">
+            <div class="sf-item">
+              <span class="sf-icon">⚡</span>
+              <div>
+                <strong>Global Edge Network</strong>
+                <span>Script served from 200+ PoPs worldwide — sub-50ms load times everywhere.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">🔗</span>
+              <div>
+                <strong>Custom Domain</strong>
+                <span>Serve from <code>bridge.yoursite.com</code> — builds trust and improves brand consistency.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">📈</span>
+              <div>
+                <strong>Geo Performance Stats</strong>
+                <span>See load times, cache hit ratios, and bandwidth per region in real time.</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 11. Extended Audit Logs & Compliance -->
+      <div class="service-row fade-in">
+        <div class="service-number">11</div>
+        <div class="service-body">
+          <div class="service-head">
+            <div class="service-icon" style="background:linear-gradient(135deg,#f59e0b,#10b981);">📋</div>
+            <div>
+              <h3>Extended Audit Logs &amp; Compliance</h3>
+              <div class="service-tiers">
+                <span class="badge badge-enterprise">Enterprise</span>
+              </div>
+            </div>
+          </div>
+          <p>Meet the strictest regulatory requirements with immutable, long-term audit trails.</p>
+          <div class="service-features">
+            <div class="sf-item">
+              <span class="sf-icon">🗄️</span>
+              <div>
+                <strong>7-Year Retention</strong>
+                <span>Interaction logs stored up to 7 years — essential for finance, healthcare, and government.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">✅</span>
+              <div>
+                <strong>HIPAA / GDPR / SOC2 Ready</strong>
+                <span>Pre-configured compliance settings with one-click activation per standard.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">📄</span>
+              <div>
+                <strong>Legal Export Formats</strong>
+                <span>Signed PDFs, timestamped CSVs, and chain-of-custody reports for auditors.</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 12. Virtual Sandbox -->
+      <div class="service-row fade-in">
+        <div class="service-number">12</div>
+        <div class="service-body">
+          <div class="service-head">
+            <div class="service-icon" style="background:linear-gradient(135deg,#8b5cf6,#3b82f6);">🧪</div>
+            <div>
+              <h3>Virtual Sandbox Environment</h3>
+              <div class="service-tiers">
+                <span class="badge badge-enterprise">Enterprise</span>
+              </div>
+            </div>
+          </div>
+          <p>Test everything safely before going live.</p>
+          <div class="service-features">
+            <div class="sf-item">
+              <span class="sf-icon">🏗️</span>
+              <div>
+                <strong>Full Test Environment</strong>
+                <span>Mirror your production setup in an isolated sandbox — test permissions, configs, and limits risk-free.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">🤖</span>
+              <div>
+                <strong>Simulated Agent Traffic</strong>
+                <span>Generate synthetic agent traffic to stress-test rate limits and performance thresholds.</span>
+              </div>
+            </div>
+            <div class="sf-item">
+              <span class="sf-icon">📊</span>
+              <div>
+                <strong>Before/After Benchmarks</strong>
+                <span>Compare performance metrics before and after enabling premium features.</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- ═══════════ COMPARISON TABLE ═══════════ -->
+  <section class="section" style="background:var(--bg-secondary);">
+    <div class="container">
+      <div class="section-header">
+        <span class="label">Compare</span>
+        <h2>Feature Availability by Plan</h2>
+      </div>
+      <div class="table-wrapper" style="overflow-x:auto;">
+        <table class="compare-table">
+          <thead>
+            <tr>
+              <th>Service</th>
+              <th class="tc">Free</th>
+              <th class="tc">Starter</th>
+              <th class="tc highlight-col">Pro</th>
+              <th class="tc">Enterprise</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>Open-Source Core</td>
+              <td class="tc"><span class="check">✓</span></td>
+              <td class="tc"><span class="check">✓</span></td>
+              <td class="tc highlight-col"><span class="check">✓</span></td>
+              <td class="tc"><span class="check">✓</span></td>
+            </tr>
+            <tr>
+              <td>Agent Traffic Intelligence</td>
+              <td class="tc"><span class="cross">—</span></td>
+              <td class="tc"><span class="check">✓</span></td>
+              <td class="tc highlight-col"><span class="check">✓</span></td>
+              <td class="tc"><span class="check">✓</span></td>
+            </tr>
+            <tr>
+              <td>Advanced Exploit Shield</td>
+              <td class="tc"><span class="cross">—</span></td>
+              <td class="tc"><span class="cross">—</span></td>
+              <td class="tc highlight-col"><span class="check">✓</span></td>
+              <td class="tc"><span class="check">✓</span></td>
+            </tr>
+            <tr>
+              <td>Smart Actions Library</td>
+              <td class="tc"><span class="cross">—</span></td>
+              <td class="tc">Basic</td>
+              <td class="tc highlight-col"><span class="check">Full</span></td>
+              <td class="tc"><span class="check">Full</span></td>
+            </tr>
+            <tr>
+              <td>Custom AI Agents</td>
+              <td class="tc"><span class="cross">—</span></td>
+              <td class="tc"><span class="cross">—</span></td>
+              <td class="tc highlight-col">3 agents</td>
+              <td class="tc">Unlimited</td>
+            </tr>
+            <tr>
+              <td>CRM &amp; Cloud Integrations</td>
+              <td class="tc"><span class="cross">—</span></td>
+              <td class="tc"><span class="cross">—</span></td>
+              <td class="tc highlight-col"><span class="check">✓</span></td>
+              <td class="tc"><span class="check">✓</span></td>
+            </tr>
+            <tr>
+              <td>Multi-Tenant Management</td>
+              <td class="tc"><span class="cross">—</span></td>
+              <td class="tc"><span class="cross">—</span></td>
+              <td class="tc highlight-col"><span class="cross">—</span></td>
+              <td class="tc"><span class="check">✓</span></td>
+            </tr>
+            <tr>
+              <td>Priority Support</td>
+              <td class="tc">Community</td>
+              <td class="tc">Same-day</td>
+              <td class="tc highlight-col">1 hour</td>
+              <td class="tc">15 min SLA</td>
+            </tr>
+            <tr>
+              <td>Custom Bridge Script</td>
+              <td class="tc"><span class="cross">—</span></td>
+              <td class="tc"><span class="cross">—</span></td>
+              <td class="tc highlight-col"><span class="check">✓</span></td>
+              <td class="tc"><span class="check">✓</span></td>
+            </tr>
+            <tr>
+              <td>Stealth Mode Pro</td>
+              <td class="tc"><span class="cross">—</span></td>
+              <td class="tc"><span class="cross">—</span></td>
+              <td class="tc highlight-col"><span class="check">✓</span></td>
+              <td class="tc"><span class="check">✓</span></td>
+            </tr>
+            <tr>
+              <td>Private CDN</td>
+              <td class="tc"><span class="cross">—</span></td>
+              <td class="tc"><span class="cross">—</span></td>
+              <td class="tc highlight-col"><span class="check">✓</span></td>
+              <td class="tc"><span class="check">✓</span></td>
+            </tr>
+            <tr>
+              <td>Extended Audit &amp; Compliance</td>
+              <td class="tc"><span class="cross">—</span></td>
+              <td class="tc"><span class="cross">—</span></td>
+              <td class="tc highlight-col"><span class="cross">—</span></td>
+              <td class="tc"><span class="check">✓</span></td>
+            </tr>
+            <tr>
+              <td>Virtual Sandbox</td>
+              <td class="tc"><span class="cross">—</span></td>
+              <td class="tc"><span class="cross">—</span></td>
+              <td class="tc highlight-col"><span class="cross">—</span></td>
+              <td class="tc"><span class="check">✓</span></td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </section>
+  <!-- ═══════════ CTA ═══════════ -->
+  <section class="section" style="text-align:center;">
+    <div class="container">
+      <div class="premium-cta fade-in">
+        <h2>Ready to Supercharge Your<br><span class="gradient-text-accent">AI Agent Infrastructure</span>?</h2>
+        <p>Start with the free open-source core, then add premium services as you grow.</p>
+        <div style="display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:32px;">
+          <a href="/register" class="btn btn-primary btn-lg">Start Free</a>
+          <a href="mailto:sales@webagentbridge.com" class="btn btn-secondary btn-lg">Talk to Sales</a>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- ═══════════ FOOTER ═══════════ -->
+  <footer class="footer">
+    <div class="container">
+      <div class="footer-grid">
+        <div class="footer-brand">
+          <a href="/" class="navbar-brand">
+            <div class="brand-icon">⚡</div>
+            <span>Web Agent Bridge</span>
+          </a>
+          <p>Open protocol + runtime for AI agent ↔ website interaction. Built for the Agentic Web.</p>
+        </div>
+        <div class="footer-col">
+          <h4>Product</h4>
+          <ul>
+            <li><a href="/#features">Features</a></li>
+            <li><a href="/premium">Premium</a></li>
+            <li><a href="/#pricing">Pricing</a></li>
+            <li><a href="/docs">Documentation</a></li>
+          </ul>
+        </div>
+        <div class="footer-col">
+          <h4>Developers</h4>
+          <ul>
+            <li><a href="/docs#quick-start">Quick Start</a></li>
+            <li><a href="/docs#api-reference">API Reference</a></li>
+            <li><a href="/docs#examples">Examples</a></li>
+            <li><a href="https://github.com/abokenan444/web-agent-bridge">GitHub</a></li>
+          </ul>
+        </div>
+        <div class="footer-col">
+          <h4>Legal</h4>
+          <ul>
+            <li><a href="/privacy">Privacy Policy</a></li>
+            <li><a href="/terms">Terms of Service</a></li>
+            <li><a href="/cookies">Cookie Policy</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="footer-bottom">
+        <span>&copy; 2026 Web Agent Bridge. MIT License (core). Operated from the Netherlands.</span>
+      </div>
+    </div>
+  </footer>
+  <script src="/js/auth-nav.js?v=3.0.1"></script>
+  <script>
+    const navbar = document.getElementById('navbar');
+    window.addEventListener('scroll', () => {
+      navbar.style.background = window.scrollY > 50
+        ? 'rgba(10, 14, 26, 0.95)'
+        : 'rgba(10, 14, 26, 0.8)';
+    });
+  </script>
+  <script src="/js/cookie-consent.js?v=3.0.1"></script>
+</body>
+</html>