diff --git a/src/lib/demo/session.ts b/src/lib/demo/session.ts
new file mode 100644
index 0000000..ca7caf1
--- /dev/null
+++ b/src/lib/demo/session.ts
@@ -0,0 +1,202 @@
+import { networkRegistry } from '@/lib/networks';
+import { VDL_DENOM } from '@/lib/swap/vdlSwapConfig';
+import type { Balance } from '@/types/wallet';
+import type { Delegation, UnbondingDelegation, Validator } from '@/lib/cosmos/staking';
+
+let active = false;
+const spent = new Map<string, bigint>();
+const extraDelegations: Delegation[] = [];
+
+export const DEMO_MNEMONIC = 'demo demo demo demo demo demo demo demo demo demo demo demo';
+
+export function isDemoSession(): boolean {
+  return active;
+}
+
+export function setDemoSession(next: boolean): void {
+  active = next;
+  if (!next) {
+    spent.clear();
+    extraDelegations.length = 0;
+  }
+}
+
+/** Not a real address. DEMO is visible at both ends after the wallet truncates it. */
+export function demoAddressForPrefix(prefix: string, accountIndex = 0): string {
+  const n = String(accountIndex + 1).padStart(2, '0');
+  return `${prefix}1DEMO-NOT-REAL-${n}-DEMO`;
+}
+
+export function demoTxHash(): string {
+  const salt = Math.floor(Math.random() * 0xffffff)
+    .toString(16)
+    .padStart(6, '0');
+  return `DEMO${salt}${'0'.repeat(54)}`.slice(0, 64);
+}
+
+export function demoChainAddress(networkId: string, accountIndex = 0): string {
+  const n = String(accountIndex + 1).padStart(2, '0');
+  const network = networkRegistry.get(networkId);
+  if (network?.type === 'bitcoin') return `bc1DEMO-NOT-A-REAL-BITCOIN-${n}-DEMO`;
+  if (network?.type === 'evm') return `0xDEMO-NOT-A-REAL-ADDRESS-${n}-DEMO`;
+  if (network?.type === 'svm') return `DEMO-SOL-NOT-A-REAL-ADDRESS-${n}-DEMO`;
+  const prefix = networkRegistry.getCosmos(networkId)?.bech32Prefix ?? 'bze';
+  return demoAddressForPrefix(prefix, accountIndex);
+}
+
+function baseAmount(networkId: string, denom: string): bigint {
+  if (networkId === 'beezee-1' && denom === 'ubze') return 2_500_000_000n;
+  if (networkId === 'beezee-1' && denom === VDL_DENOM) return 1_800_000_000n;
+  if (denom === 'sat') return 1_500_000n;
+  if (denom === 'wei') return 420_000_000_000_000_000n;
+  if (denom === 'lamports') return 2_500_000_000n;
+  return 12_500_000n;
+}
+
+export function demoBalances(networkId: string): Balance[] {
+  const network = networkRegistry.get(networkId);
+  let rows: Balance[] = [];
+
+  if (network?.type === 'bitcoin') {
+    rows = [{ denom: 'sat', amount: baseAmount(networkId, 'sat').toString() }];
+  } else if (network?.type === 'evm') {
+    rows = [{ denom: 'wei', amount: baseAmount(networkId, 'wei').toString() }];
+  } else if (network?.type === 'svm') {
+    rows = [{ denom: 'lamports', amount: baseAmount(networkId, 'lamports').toString() }];
+  } else {
+    const denom = networkRegistry.getCosmos(networkId)?.feeDenom ?? 'ustake';
+    rows = [{ denom, amount: baseAmount(networkId, denom).toString() }];
+    if (networkId === 'beezee-1') {
+      rows.push({ denom: VDL_DENOM, amount: baseAmount(networkId, VDL_DENOM).toString() });
+    }
+  }
+
+  return rows.map((row) => {
+    const used = spent.get(`${networkId}:${row.denom}`) ?? 0n;
+    const left = baseAmount(networkId, row.denom) - used;
+    return { denom: row.denom, amount: (left > 0n ? left : 0n).toString() };
+  });
+}
+
+export function spendDemo(networkId: string, denom: string, amount: string): void {
+  const value = BigInt(amount);
+  if (value <= 0n) return;
+  const key = `${networkId}:${denom}`;
+  spent.set(key, (spent.get(key) ?? 0n) + value);
+}
+
+export function creditDemo(networkId: string, denom: string, amount: string): void {
+  const value = BigInt(amount);
+  if (value <= 0n) return;
+  const key = `${networkId}:${denom}`;
+  const next = (spent.get(key) ?? 0n) - value;
+  if (next > 0n) spent.set(key, next);
+  else spent.delete(key);
+}
+
+function demoValidator(chainId: string, index: number, moniker: string, commission: string): Validator {
+  const prefix = `${networkRegistry.getCosmos(chainId)?.bech32Prefix ?? 'bze'}valoper`;
+  return {
+    operatorAddress: demoAddressForPrefix(prefix, index),
+    consensusPubkey: 'demo',
+    jailed: false,
+    status: 'BOND_STATUS_BONDED',
+    tokens: '1000000000000',
+    delegatorShares: '1000000000000',
+    description: {
+      moniker,
+      identity: '',
+      website: '',
+      securityContact: '',
+      details: 'Demo validator. Staking here does not leave this browser.',
+    },
+    commission: {
+      commissionRates: {
+        rate: commission,
+        maxRate: '0.200000000000000000',
+        maxChangeRate: '0.010000000000000000',
+      },
+      updateTime: '2026-01-01T00:00:00Z',
+    },
+    minSelfDelegation: '1',
+  };
+}
+
+function initialDelegation(delegatorAddress: string, denom: string, validatorAddress: string): Delegation {
+  return {
+    delegation: {
+      delegatorAddress,
+      validatorAddress,
+      shares: '500000000',
+    },
+    balance: { denom, amount: '500000000' },
+  };
+}
+
+export function demoStakeSnapshot(chainId: string, delegatorAddress: string) {
+  const denom = networkRegistry.getCosmos(chainId)?.feeDenom ?? 'ubze';
+  const validators = [
+    demoValidator(chainId, 1, 'Demo Validator', '0.050000000000000000'),
+    demoValidator(chainId, 2, 'Sample Node', '0.080000000000000000'),
+  ];
+  const seeded = initialDelegation(delegatorAddress, denom, validators[0].operatorAddress);
+  const delegations = [
+    seeded,
+    ...extraDelegations.filter((item) => item.delegation.delegatorAddress === delegatorAddress),
+  ];
+  const available = demoBalances(chainId).find((row) => row.denom === denom)?.amount ?? '0';
+  const unbonding: UnbondingDelegation[] = [];
+
+  return {
+    validators,
+    delegations,
+    rewards: [{ denom, amount: '12000000' }],
+    unbonding,
+    available,
+    apr: 12,
+  };
+}
+
+type DemoMessage = {
+  typeUrl?: string;
+  value?: {
+    amount?: { denom?: string; amount?: string };
+    validatorAddress?: string;
+    delegatorAddress?: string;
+  };
+};
+
+export function applyDemoMessages(chainId: string, messages: DemoMessage[]): void {
+  for (const message of messages) {
+    const amount = message.value?.amount;
+    if (!amount?.denom || !amount.amount) continue;
+    const typeUrl = message.typeUrl ?? '';
+    const delegator = message.value?.delegatorAddress ?? '';
+    const validator = message.value?.validatorAddress ?? '';
+
+    if (typeUrl.includes('MsgUndelegate')) {
+      creditDemo(chainId, amount.denom, amount.amount);
+      const match = extraDelegations.find(
+        (item) => item.delegation.validatorAddress === validator && item.balance.denom === amount.denom
+      );
+      if (match) {
+        const left = BigInt(match.balance.amount) - BigInt(amount.amount);
+        match.balance.amount = (left > 0n ? left : 0n).toString();
+        match.delegation.shares = match.balance.amount;
+      }
+      continue;
+    }
+
+    spendDemo(chainId, amount.denom, amount.amount);
+    if (typeUrl.includes('MsgDelegate') && delegator && validator) {
+      extraDelegations.push({
+        delegation: {
+          delegatorAddress: delegator,
+          validatorAddress: validator,
+          shares: amount.amount,
+        },
+        balance: { denom: amount.denom, amount: amount.amount },
+      });
+    }
+  }
+}
diff --git a/src/popup/App.tsx b/src/popup/App.tsx
index 8684936..f4c3862 100644
--- a/src/popup/App.tsx
+++ b/src/popup/App.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { Box } from '@chakra-ui/react';
+import { Box, Button, HStack, Text } from '@chakra-ui/react';
 import browser from 'webextension-polyfill';
 import { useWalletStore } from '@/store/walletStore';
 import { MessageType } from '@/types/messages';
@@ -54,7 +54,7 @@ const App: React.FC = () => {
   const [minTimeElapsed, setMinTimeElapsed] = useState(false);
   const [approvalId, setApprovalId] = useState<string | null>(null);
   const resetToImport = useRef(false);
-  const { isInitialized, isLocked, initialize } = useWalletStore();
+  const { isDemo, isInitialized, isLocked, initialize, startDemo, exitDemo } = useWalletStore();
 
   // Minimum display time for smooth loading animation
   useEffect(() => {
@@ -130,6 +130,17 @@ const App: React.FC = () => {
     setView('import');
   };
 
+  const handleTryDemo = () => {
+    startDemo();
+    setView('dashboard');
+  };
+
+  const handleExitDemo = () => {
+    exitDemo();
+    resetToImport.current = false;
+    setView('create');
+  };
+
   const switchToImport = () => {
     setView('import');
   };
@@ -189,6 +200,23 @@ const App: React.FC = () => {
       bg="#0a0a0a"
       color="white"
     >
+      {isDemo && (
+        <HStack
+          px={3}
+          py={2}
+          bg="#1a1400"
+          borderBottom="1px"
+          borderColor="yellow.700"
+          justify="space-between"
+        >
+          <Text fontSize="xs" color="yellow.200">
+            Demo. Nothing is saved or sent.
+          </Text>
+          <Button size="xs" variant="outline" colorScheme="yellow" onClick={handleExitDemo}>
+            Exit demo
+          </Button>
+        </HStack>
+      )}
       {view === 'loading' && (
         <Box
           p={8}
@@ -203,10 +231,18 @@ const App: React.FC = () => {
         </Box>
       )}
       {view === 'create' && (
-        <CreateWallet onSuccess={handleCreateSuccess} onSwitchToImport={switchToImport} />
+        <CreateWallet
+          onSuccess={handleCreateSuccess}
+          onSwitchToImport={switchToImport}
+          onTryDemo={handleTryDemo}
+        />
       )}
       {view === 'import' && (
-        <ImportWallet onSuccess={handleImportSuccess} onSwitchToCreate={switchToCreate} />
+        <ImportWallet
+          onSuccess={handleImportSuccess}
+          onSwitchToCreate={switchToCreate}
+          onTryDemo={handleTryDemo}
+        />
       )}
       {view === 'unlock' && (
         <Unlock onSuccess={handleUnlockSuccess} onReset={handleWalletReset} />
diff --git a/src/popup/components/DemoSwap.tsx b/src/popup/components/DemoSwap.tsx
new file mode 100644
index 0000000..e1c580d
--- /dev/null
+++ b/src/popup/components/DemoSwap.tsx
@@ -0,0 +1,75 @@
+import React, { useState } from 'react';
+import { Box, Button, Input, Text, VStack } from '@chakra-ui/react';
+import type { VdlSwapMode } from '@/lib/swap/vdlSwapConfig';
+import { demoTxHash } from '@/lib/demo/session';
+
+interface Props {
+  mode: VdlSwapMode;
+}
+
+const DemoSwap: React.FC<Props> = ({ mode }) => {
+  const [amount, setAmount] = useState('1');
+  const [done, setDone] = useState<{ hash: string; paid: string; received: string } | null>(null);
+
+  const pay = mode === 'buy' ? 'BZE' : 'VDL';
+  const receive = mode === 'buy' ? 'VDL' : 'BZE';
+  const quoted = (Number(amount) * (mode === 'buy' ? 0.89 : 1.19)).toFixed(4);
+
+  const finish = () => {
+    if (!amount || Number(amount) <= 0) return;
+    setDone({
+      hash: demoTxHash(),
+      paid: `${amount} ${pay}`,
+      received: `${quoted} ${receive}`,
+    });
+  };
+
+  if (done) {
+    return (
+      <VStack align="stretch" spacing={4} p={4} bg="#141414" borderRadius="xl">
+        <Text fontWeight="semibold">Demo swap complete</Text>
+        <Text color="gray.300" fontSize="sm">
+          Paid {done.paid}. Received {done.received}. Nothing was sent.
+        </Text>
+        <Text fontFamily="mono" fontSize="xs" color="gray.500" wordBreak="break-all">
+          {done.hash}
+        </Text>
+        <Button variant="ghost" onClick={() => setDone(null)}>
+          Go again
+        </Button>
+      </VStack>
+    );
+  }
+
+  return (
+    <VStack align="stretch" spacing={4} p={4}>
+      <Box bg="#141414" borderRadius="xl" p={4}>
+        <Text fontSize="sm" color="gray.400" mb={2}>
+          Pay {pay}
+        </Text>
+        <Input
+          value={amount}
+          onChange={(event) => setAmount(event.target.value)}
+          bg="#0a0a0a"
+          border="none"
+          borderRadius="xl"
+          size="lg"
+        />
+      </Box>
+      <Box bg="#141414" borderRadius="xl" p={4}>
+        <Text fontSize="sm" color="gray.400" mb={1}>
+          Receive {receive}
+        </Text>
+        <Text fontSize="2xl">{quoted}</Text>
+        <Text fontSize="xs" color="gray.500">
+          on BeeZee. Demo quote only.
+        </Text>
+      </Box>
+      <Button bg="cyan.500" color="white" _hover={{ bg: 'cyan.600' }} borderRadius="xl" onClick={finish}>
+        Swap
+      </Button>
+    </VStack>
+  );
+};
+
+export default DemoSwap;
diff --git a/src/popup/components/SendModal.tsx b/src/popup/components/SendModal.tsx
index acbb7cc..cc0544b 100644
--- a/src/popup/components/SendModal.tsx
+++ b/src/popup/components/SendModal.tsx
@@ -29,6 +29,7 @@ import {
 } from '@chakra-ui/react';
 import { ChevronDownIcon } from '@chakra-ui/icons';
 import { useWalletStore } from '@/store/walletStore';
+import { demoTxHash, isDemoSession, spendDemo } from '@/lib/demo/session';
 import { useChainStore } from '@/store/chainStore';
 import { ChainInfo } from '@/types/wallet';
 import { fetchChainAssets, RegistryAsset, parseBeeZeeLPToken } from '@/lib/assets/chainRegistry';
@@ -393,6 +394,7 @@ const SendModal: React.FC<SendModalProps> = ({
   }, [tokensWithBalance, selectedDenom, isBitcoin, isEvm, registryAssets]);
 
   const validateAddress = (address: string): boolean => {
+    if (isDemoSession() && address.trim().length > 0) return true;
     if (isBitcoin) {
       const network = chainId === 'bitcoin-mainnet' ? 'mainnet' : 'testnet';
       return isValidBitcoinAddress(address, network);
@@ -570,6 +572,26 @@ const SendModal: React.FC<SendModalProps> = ({
 
     setLoading(true);
     try {
+      if (isDemoSession()) {
+        const hash = demoTxHash();
+        if (selectedToken && amount) {
+          const smallest = Math.floor(
+            parseFloat(amount) * Math.pow(10, selectedToken.decimals)
+          ).toString();
+          if (/^\d+$/.test(smallest)) spendDemo(chainId, selectedDenom, smallest);
+        }
+        toast({
+          title: 'Transaction sent!',
+          description: `Demo only. TX: ${hash.slice(0, 16)}...`,
+          status: 'success',
+          duration: 5000,
+        });
+        await fetchBalance(chainId, chainAddress);
+        onSuccess?.();
+        onClose();
+        return;
+      }
+
       if (isBitcoin) {
         // UTXO transaction signing and sending
         const btcNetwork = networkRegistry.getBitcoin(chainId);
diff --git a/src/popup/components/SwapModal.tsx b/src/popup/components/SwapModal.tsx
index c14edae..b5f84a4 100644
--- a/src/popup/components/SwapModal.tsx
+++ b/src/popup/components/SwapModal.tsx
@@ -27,6 +27,7 @@ import {
 } from '@chakra-ui/react';
 import { ChevronDownIcon, RepeatIcon } from '@chakra-ui/icons';
 import { useWalletStore } from '@/store/walletStore';
+import { demoTxHash, isDemoSession, spendDemo } from '@/lib/demo/session';
 import { useChainStore } from '@/store/chainStore';
 import { ChainInfo } from '@/types/wallet';
 import { fetchChainAssets } from '@/lib/assets/chainRegistry';
@@ -375,6 +376,21 @@ const SwapModal: React.FC<SwapModalProps> = ({
       return;
     }
 
+    if (isDemoSession()) {
+      const out = (parseFloat(fromAmount) * 0.98).toFixed(6);
+      setToAmount(out);
+      setSelectedRoute({
+        path: [fromToken.denom, toToken.denom],
+        pools: ['demo'],
+        estimatedOutput: BigInt(Math.floor(parseFloat(out) * 10 ** toToken.decimals)),
+        priceImpact: 0.2,
+        totalFee: 0.003,
+        hops: 1,
+      });
+      setFetchingQuote(false);
+      return;
+    }
+
     const currentFromToken = fromToken;
     const calculateQuote = async () => {
       setFetchingQuote(true);
@@ -721,6 +737,21 @@ const SwapModal: React.FC<SwapModalProps> = ({
       return;
     }
 
+    if (isDemoSession()) {
+      const smallest = Math.floor(parseFloat(fromAmount) * Math.pow(10, fromToken.decimals)).toString();
+      if (/^\d+$/.test(smallest)) spendDemo(chainId, fromToken.denom, smallest);
+      const hash = demoTxHash();
+      toast({
+        title: 'Swap complete',
+        description: `Demo only. TX: ${hash.slice(0, 16)}...`,
+        status: 'success',
+        duration: 5000,
+      });
+      onSuccess?.();
+      onClose();
+      return;
+    }
+
     // Osmosis with imported account or when mnemonic not in memory: require password
     const isImportedAccount = selectedAccount?.id?.startsWith('imported-');
     const needsPassword =
diff --git a/src/popup/pages/CreateWallet.tsx b/src/popup/pages/CreateWallet.tsx
index bee8bdf..09ef7b2 100644
--- a/src/popup/pages/CreateWallet.tsx
+++ b/src/popup/pages/CreateWallet.tsx
@@ -18,9 +18,10 @@ import { useWalletStore } from '@/store/walletStore';
 interface Props {
   onSuccess: () => void;
   onSwitchToImport: () => void;
+  onTryDemo: () => void;
 }
 
-const CreateWallet: React.FC<Props> = ({ onSuccess, onSwitchToImport }) => {
+const CreateWallet: React.FC<Props> = ({ onSuccess, onSwitchToImport, onTryDemo }) => {
   const [step, setStep] = useState<'password' | 'mnemonic'>('password');
   const [password, setPassword] = useState('');
   const [confirmPassword, setConfirmPassword] = useState('');
@@ -166,6 +167,19 @@ const CreateWallet: React.FC<Props> = ({ onSuccess, onSwitchToImport }) => {
               Create Wallet
             </Button>
 
+            <Button
+              w="full"
+              size="lg"
+              variant="outline"
+              borderColor="gray.600"
+              color="white"
+              _hover={{ bg: 'whiteAlpha.100' }}
+              borderRadius="xl"
+              onClick={onTryDemo}
+            >
+              Try the demo
+            </Button>
+
             <Button
               variant="ghost"
               color="gray.500"
diff --git a/src/popup/pages/Dashboard.tsx b/src/popup/pages/Dashboard.tsx
index 36e4334..75a3a70 100644
--- a/src/popup/pages/Dashboard.tsx
+++ b/src/popup/pages/Dashboard.tsx
@@ -36,6 +36,7 @@ import {
 } from '@chakra-ui/icons';
 import browser from 'webextension-polyfill';
 import { useWalletStore } from '@/store/walletStore';
+import { demoAddressForPrefix, demoChainAddress } from '@/lib/demo/session';
 import { useChainStore } from '@/store/chainStore';
 import { UI_CHAINS, SUPPORTED_CHAINS, getNetworkType } from '@/lib/cosmos/chains';
 import { Keyring } from '@/lib/crypto/keyring';
@@ -87,6 +88,7 @@ const Dashboard: React.FC<DashboardProps> = ({
   onNavigateToSwap,
 }) => {
   const {
+    isDemo,
     selectedAccount,
     accounts,
     selectAccount,
@@ -506,6 +508,7 @@ const Dashboard: React.FC<DashboardProps> = ({
     };
 
     setCustomAssetNamesByChain(nextAll);
+    if (useWalletStore.getState().isDemo) return;
     await browser.storage.local.set({ [CUSTOM_ASSET_NAMES_KEY]: nextAll });
   };
 
@@ -583,6 +586,14 @@ const Dashboard: React.FC<DashboardProps> = ({
 
   // Convert any account's address to the selected chain's format
   const getAccountChainAddress = (account: { address: string; accountIndex?: number }) => {
+    if (isDemo) {
+      const index = account.accountIndex ?? 0;
+      if (isBitcoinSelected || isEvmSelected || isSvmSelected) {
+        return demoChainAddress(selectedChainId, index);
+      }
+      return demoAddressForPrefix(selectedChain.prefix || 'bze', index);
+    }
+
     // For Bitcoin, use cached derived address (keyed by cosmos address)
     if (isBitcoinSelected) {
       const accountCache = bitcoinAddressCacheRef.current.get(account.address);
diff --git a/src/popup/pages/Earn.tsx b/src/popup/pages/Earn.tsx
index 096bc47..a802640 100644
--- a/src/popup/pages/Earn.tsx
+++ b/src/popup/pages/Earn.tsx
@@ -200,12 +200,36 @@ const Earn: React.FC<EarnProps> = ({ onBack }) => {
       }
     } catch (error) {
       console.error('Failed to fetch staking pools:', error);
-      toast({
-        title: 'Failed to load pools',
-        description: 'Could not fetch staking pools',
-        status: 'error',
-        duration: 3000,
-      });
+      if (useWalletStore.getState().isDemo) {
+        setPools([
+          {
+            index: 'demo',
+            name: 'BZE Demo Pool',
+            stakeDenom: 'ubze',
+            stakeSymbol: 'BZE',
+            rewardDenom: 'ubze',
+            rewardSymbol: 'BZE',
+            dailyReward: '1000000',
+            minStake: '1000000',
+            totalStaked: '500000000000',
+            lockDays: 0,
+            status: 'running',
+            apr: 12,
+            userStake: '0',
+            pendingRewards: '0',
+            daysRemaining: 30,
+            daysElapsed: 1,
+            totalDays: 31,
+          },
+        ]);
+      } else {
+        toast({
+          title: 'Failed to load pools',
+          description: 'Could not fetch staking pools',
+          status: 'error',
+          duration: 3000,
+        });
+      }
     } finally {
       setLoading(false);
     }
diff --git a/src/popup/pages/ImportWallet.tsx b/src/popup/pages/ImportWallet.tsx
index 5f70ece..f710cb2 100644
--- a/src/popup/pages/ImportWallet.tsx
+++ b/src/popup/pages/ImportWallet.tsx
@@ -18,9 +18,10 @@ import { MnemonicManager } from '@/lib/crypto/mnemonic';
 interface Props {
   onSuccess: () => void;
   onSwitchToCreate: () => void;
+  onTryDemo: () => void;
 }
 
-const ImportWallet: React.FC<Props> = ({ onSuccess, onSwitchToCreate }) => {
+const ImportWallet: React.FC<Props> = ({ onSuccess, onSwitchToCreate, onTryDemo }) => {
   const [mnemonic, setMnemonic] = useState('');
   const [password, setPassword] = useState('');
   const [confirmPassword, setConfirmPassword] = useState('');
@@ -203,6 +204,19 @@ const ImportWallet: React.FC<Props> = ({ onSuccess, onSwitchToCreate }) => {
             Import Wallet
           </Button>
 
+          <Button
+            w="full"
+            size="lg"
+            variant="outline"
+            borderColor="gray.600"
+            color="white"
+            _hover={{ bg: 'whiteAlpha.100' }}
+            borderRadius="xl"
+            onClick={onTryDemo}
+          >
+            Try the demo
+          </Button>
+
           <Button
             variant="ghost"
             color="gray.500"
diff --git a/src/popup/pages/Settings.tsx b/src/popup/pages/Settings.tsx
index 96bcd1d..828f4f5 100644
--- a/src/popup/pages/Settings.tsx
+++ b/src/popup/pages/Settings.tsx
@@ -16,6 +16,7 @@ import { ArrowBackIcon, ChevronDownIcon, ChevronUpIcon } from '@chakra-ui/icons'
 import browser from 'webextension-polyfill';
 import { useWalletStore } from '@/store/walletStore';
 import { EncryptedStorage } from '@/lib/storage/encrypted-storage';
+import { DEMO_MNEMONIC, isDemoSession } from '@/lib/demo/session';
 import { FEATURES } from '@/lib/config/features';
 import { setDeveloperModeLogging } from '@/lib/debug/developerMode';
 import SupportedNetworksPanel from '../components/SupportedNetworksPanel';
@@ -46,6 +47,17 @@ const Settings: React.FC<SettingsProps> = ({ onBack }) => {
   const { accounts, autoLockMinutes, setAutoLockMinutes, lock } = useWalletStore();
   const toast = useToast();
 
+  const skipDemoSave = () => {
+    if (!isDemoSession()) return false;
+    toast({
+      title: 'Demo only',
+      description: 'That change was not saved.',
+      status: 'info',
+      duration: 2000,
+    });
+    return true;
+  };
+
   // dApp compatibility settings
   const [enableKeplrInjection, setEnableKeplrInjection] = useState(false);
   const [enableMetamaskInjection, setEnableMetamaskInjection] = useState(false);
@@ -96,6 +108,7 @@ const Settings: React.FC<SettingsProps> = ({ onBack }) => {
   // Handle Keplr injection toggle
   const handleKeplrInjectionToggle = async (enabled: boolean) => {
     setEnableKeplrInjection(enabled);
+    if (skipDemoSave()) return;
     try {
       const result = await browser.storage.local.get(SETTINGS_KEY);
       const settings = result[SETTINGS_KEY] || {};
@@ -121,6 +134,7 @@ const Settings: React.FC<SettingsProps> = ({ onBack }) => {
   // Handle Metamask injection toggle
   const handleMetamaskInjectionToggle = async (enabled: boolean) => {
     setEnableMetamaskInjection(enabled);
+    if (skipDemoSave()) return;
     try {
       const result = await browser.storage.local.get(SETTINGS_KEY);
       const settings = result[SETTINGS_KEY] || {};
@@ -146,6 +160,7 @@ const Settings: React.FC<SettingsProps> = ({ onBack }) => {
   // Handle Phantom injection toggle
   const handlePhantomInjectionToggle = async (enabled: boolean) => {
     setEnablePhantomInjection(enabled);
+    if (skipDemoSave()) return;
     try {
       const result = await browser.storage.local.get(SETTINGS_KEY);
       const settings = result[SETTINGS_KEY] || {};
@@ -171,6 +186,7 @@ const Settings: React.FC<SettingsProps> = ({ onBack }) => {
   // Handle Coinbase Wallet injection toggle
   const handleCoinbaseInjectionToggle = async (enabled: boolean) => {
     setEnableCoinbaseInjection(enabled);
+    if (skipDemoSave()) return;
     try {
       const result = await browser.storage.local.get(SETTINGS_KEY);
       const settings = result[SETTINGS_KEY] || {};
@@ -199,6 +215,7 @@ const Settings: React.FC<SettingsProps> = ({ onBack }) => {
     if (featureKey === 'DEVELOPER_MODE') {
       setDeveloperModeLogging(enabled);
     }
+    if (skipDemoSave()) return;
     try {
       const result = await browser.storage.local.get(SETTINGS_KEY);
       const settings = result[SETTINGS_KEY] || {};
@@ -248,6 +265,13 @@ const Settings: React.FC<SettingsProps> = ({ onBack }) => {
 
     setRevealLoading(true);
     try {
+      if (isDemoSession()) {
+        setRevealedMnemonic(DEMO_MNEMONIC);
+        setRevealedImportedMnemonics([]);
+        setRevealStep('revealed');
+        return;
+      }
+
       // Load main wallet mnemonic
       const wallet = await EncryptedStorage.loadWallet(revealPassword);
       if (!wallet) {
@@ -733,6 +757,11 @@ const Settings: React.FC<SettingsProps> = ({ onBack }) => {
                       : 'accounts'}
                     )
                   </Text>
+                  {isDemoSession() && (
+                    <Text fontSize="xs" color="yellow.300" mb={2}>
+                      Demo only. This is not a recovery phrase.
+                    </Text>
+                  )}
                   <Box p={3} bg="#141414" borderRadius="lg" border="1px" borderColor="#2a2a2a">
                     <Text
                       fontSize="xs"
diff --git a/src/popup/pages/Staking.tsx b/src/popup/pages/Staking.tsx
index f562ce9..20e5b4d 100644
--- a/src/popup/pages/Staking.tsx
+++ b/src/popup/pages/Staking.tsx
@@ -27,6 +27,7 @@ import {
 } from '@chakra-ui/react';
 import { ArrowBackIcon, RepeatIcon } from '@chakra-ui/icons';
 import { useWalletStore } from '@/store/walletStore';
+import { demoStakeSnapshot, isDemoSession } from '@/lib/demo/session';
 import { SUPPORTED_CHAINS } from '@/lib/cosmos/chains';
 import {
   fetchValidators,
@@ -165,6 +166,18 @@ const Staking: React.FC<StakingProps> = ({ onBack }) => {
   const loadStakingData = async () => {
     if (!chainConfig || !chainAddress) return;
 
+    if (isDemoSession()) {
+      const snapshot = demoStakeSnapshot(selectedChainId, chainAddress);
+      setValidators(snapshot.validators);
+      setDelegations(snapshot.delegations);
+      setRewards(snapshot.rewards);
+      setUnbonding(snapshot.unbonding);
+      setAvailableBalance(snapshot.available);
+      setBaseAPR(snapshot.apr);
+      setLoading(false);
+      return;
+    }
+
     setLoading(true);
     try {
       const restakeChainName = getRestakeChainName(selectedChainId);
diff --git a/src/popup/pages/Swap.tsx b/src/popup/pages/Swap.tsx
index 862067b..bf8f64f 100644
--- a/src/popup/pages/Swap.tsx
+++ b/src/popup/pages/Swap.tsx
@@ -2,6 +2,7 @@ import React, { useMemo, useCallback, useRef, useState } from 'react';
 import { Box, HStack, Text, useToast, IconButton, Button } from '@chakra-ui/react';
 import { ArrowBackIcon } from '@chakra-ui/icons';
 import { Widget } from '@skip-go/widget';
+import DemoSwap from '@/popup/components/DemoSwap';
 import { useWalletStore } from '@/store/walletStore';
 import { useNetworkStore } from '@/store/networkStore';
 import {
@@ -51,7 +52,7 @@ interface SwapPageProps {
 }
 
 const SwapPage: React.FC<SwapPageProps> = ({ onBack }) => {
-  const { selectedAccount, keyring } = useWalletStore();
+  const { isDemo, selectedAccount, keyring } = useWalletStore();
   const { getEnabledNetworks } = useNetworkStore();
   const toast = useToast();
   const lastErrorToastRef = useRef<{ message: string; timestamp: number } | null>(null);
@@ -572,6 +573,9 @@ const SwapPage: React.FC<SwapPageProps> = ({ onBack }) => {
       {/* Skip Go Widget */}
       <Box flex="1" overflow="auto" p={2}>
         <Box w="100%" maxW="480px" mx="auto">
+          {isDemo ? (
+            <DemoSwap key={mode} mode={mode} />
+          ) : (
           <Widget
             key={mode}
             apiUrl={SKIP_GO_API_URL}
@@ -616,6 +620,7 @@ const SwapPage: React.FC<SwapPageProps> = ({ onBack }) => {
             // --- Disable shadow DOM for better extension compatibility ---
             disableShadowDom={true}
           />
+          )}
         </Box>
       </Box>
     </Box>
diff --git a/src/store/chainStore.ts b/src/store/chainStore.ts
index 3993955..4b77509 100644
--- a/src/store/chainStore.ts
+++ b/src/store/chainStore.ts
@@ -6,6 +6,7 @@ import { getChainWebSocket, disconnectAllWebSockets } from '@/lib/cosmos/websock
 import { getBitcoinClient } from '@/lib/bitcoin/client';
 import { getEvmClient } from '@/lib/evm/client';
 import { networkRegistry } from '@/lib/networks';
+import { demoBalances, isDemoSession } from '@/lib/demo/session';
 
 export interface LoadingStatus {
   isLoading: boolean;
@@ -66,6 +67,19 @@ export const useChainStore = create<ChainState>((set, get) => ({
   },
 
   fetchBalance: async (networkId: string, address: string) => {
+    if (isDemoSession()) {
+      const balances = demoBalances(networkId);
+      const { balances: currentBalances } = get();
+      let chainBalances = currentBalances.get(networkId);
+      if (!chainBalances) {
+        chainBalances = new Map();
+        currentBalances.set(networkId, chainBalances);
+      }
+      chainBalances.set(address, balances);
+      set({ balances: new Map(currentBalances), loadingStatus: { isLoading: false, message: '' } });
+      return balances;
+    }
+
     const networkType = getNetworkType(networkId);
     const { setLoadingStatus } = get();
 
@@ -157,6 +171,8 @@ export const useChainStore = create<ChainState>((set, get) => ({
   },
 
   subscribeToBalanceUpdates: (chainId: string, address: string) => {
+    if (isDemoSession()) return;
+
     const chain = get().getChain(chainId);
     if (!chain) {
       console.warn(`Cannot subscribe: Chain ${chainId} not found`);
diff --git a/src/store/walletStore.ts b/src/store/walletStore.ts
index 118c2e7..c1516d7 100644
--- a/src/store/walletStore.ts
+++ b/src/store/walletStore.ts
@@ -19,6 +19,17 @@ import {
   UtxoAddressStyle,
   resolveUtxoAddressStyle,
 } from '@/lib/crypto/bitcoin';
+import {
+  DEMO_MNEMONIC,
+  applyDemoMessages,
+  demoAddressForPrefix,
+  demoChainAddress,
+  demoTxHash,
+  isDemoSession,
+  setDemoSession,
+  spendDemo,
+} from '@/lib/demo/session';
+import { useChainStore } from '@/store/chainStore';
 
 /**
  * Sync keyring state with background service worker
@@ -123,8 +134,31 @@ async function preDeriveAllAccounts(keyring: Keyring): Promise<void> {
   }
 }
 
+function makeDemoAccount(index: number, name: string, id: string): KeyringAccount {
+  return {
+    id,
+    name,
+    address: demoAddressForPrefix('bze', index),
+    pubKey: new Uint8Array(33),
+    algo: 'secp256k1',
+    hdPath: `m/44'/118'/0'/0/${index}`,
+    accountIndex: index,
+  };
+}
+
+function pushDemoAccount(name: string, idPrefix: string): KeyringAccount {
+  const { accounts } = useWalletStore.getState();
+  const account = makeDemoAccount(accounts.length, name, `${idPrefix}-${accounts.length}`);
+  useWalletStore.setState({
+    accounts: [...accounts, account],
+    selectedAccount: account,
+  });
+  return account;
+}
+
 interface WalletState {
   // State
+  isDemo: boolean;
   isInitialized: boolean;
   isLocked: boolean;
   accounts: KeyringAccount[];
@@ -142,6 +176,8 @@ interface WalletState {
   unlock: (password: string) => Promise<void>;
   lock: () => Promise<void>;
   resetWallet: () => Promise<void>;
+  startDemo: () => void;
+  exitDemo: () => void;
   selectAccount: (accountId: string) => void;
   selectChain: (chainId: string) => void;
   setAutoLockMinutes: (minutes: number) => Promise<void>;
@@ -247,6 +283,7 @@ interface WalletState {
 }
 
 export const useWalletStore = create<WalletState>((set, get) => ({
+  isDemo: false,
   isInitialized: false,
   isLocked: true,
   accounts: [],
@@ -258,6 +295,8 @@ export const useWalletStore = create<WalletState>((set, get) => ({
   utxoAddressStyle: {},
 
   initialize: async () => {
+    if (get().isDemo || isDemoSession()) return;
+
     const hasWallet = await EncryptedStorage.hasWallet();
     const hasSession = await EncryptedStorage.getSession();
     const preferences = await EncryptedStorage.getPreferences();
@@ -361,6 +400,7 @@ export const useWalletStore = create<WalletState>((set, get) => ({
   },
 
   createWallet: async (password: string, accountName: string = 'Account 1') => {
+    if (get().isDemo) get().exitDemo();
     const mnemonic = await MnemonicManager.generateMnemonicAsync();
     const keyring = new Keyring();
 
@@ -395,6 +435,7 @@ export const useWalletStore = create<WalletState>((set, get) => ({
   },
 
   importWallet: async (mnemonic: string, password: string, accountName: string = 'Account 1') => {
+    if (get().isDemo) get().exitDemo();
     if (!MnemonicManager.validateMnemonic(mnemonic)) {
       throw new Error('Invalid mnemonic phrase');
     }
@@ -502,6 +543,11 @@ export const useWalletStore = create<WalletState>((set, get) => ({
   },
 
   lock: async () => {
+    if (get().isDemo) {
+      get().exitDemo();
+      return;
+    }
+
     await EncryptedStorage.clearSession();
     const { keyring } = get();
 
@@ -539,6 +585,35 @@ export const useWalletStore = create<WalletState>((set, get) => ({
     });
   },
 
+  startDemo: () => {
+    const account = makeDemoAccount(0, 'Demo Account', 'demo-0');
+    setDemoSession(true);
+    set({
+      isDemo: true,
+      isInitialized: true,
+      isLocked: false,
+      accounts: [account],
+      selectedAccount: account,
+      selectedChainId: 'beezee-1',
+      keyring: null,
+      connectedDapps: new Map(),
+    });
+  },
+
+  exitDemo: () => {
+    setDemoSession(false);
+    useChainStore.getState().clearBalances();
+    set({
+      isDemo: false,
+      isInitialized: false,
+      isLocked: true,
+      accounts: [],
+      selectedAccount: null,
+      keyring: null,
+      connectedDapps: new Map(),
+    });
+  },
+
   selectAccount: (accountId: string) => {
     const { accounts } = get();
     // Find by ID only - no fallback to address
@@ -564,10 +639,12 @@ export const useWalletStore = create<WalletState>((set, get) => ({
 
   setAutoLockMinutes: async (minutes: number) => {
     set({ autoLockMinutes: minutes });
+    if (get().isDemo) return;
     await EncryptedStorage.savePreferences({ autoLockMinutes: minutes });
   },
 
   updateActivity: () => {
+    if (get().isDemo) return;
     // Update last activity timestamp (call this on user interactions)
     EncryptedStorage.setLastActivity();
   },
@@ -584,6 +661,14 @@ export const useWalletStore = create<WalletState>((set, get) => ({
         ? { ...selectedAccount, name: newName }
         : selectedAccount;
 
+    if (get().isDemo) {
+      set({
+        accounts: updatedAccounts,
+        selectedAccount: updatedSelected,
+      });
+      return;
+    }
+
     // Persist to storage
     await EncryptedStorage.updateAccounts(updatedAccounts);
 
@@ -594,6 +679,10 @@ export const useWalletStore = create<WalletState>((set, get) => ({
   },
 
   addAccount: async (name: string) => {
+    if (get().isDemo) {
+      return pushDemoAccount(name, 'demo');
+    }
+
     const { keyring, accounts, updateSession } = get();
 
     if (!keyring) {
@@ -624,6 +713,11 @@ export const useWalletStore = create<WalletState>((set, get) => ({
   },
 
   createAccountWithNewMnemonic: async (name: string, password: string) => {
+    if (get().isDemo) {
+      const account = pushDemoAccount(name, 'imported');
+      return { account, mnemonic: DEMO_MNEMONIC };
+    }
+
     const { accounts } = get();
 
     // Verify the password is correct for the main wallet
@@ -757,6 +851,10 @@ export const useWalletStore = create<WalletState>((set, get) => ({
     name: string,
     password: string
   ) => {
+    if (get().isDemo) {
+      return pushDemoAccount(name, 'demo');
+    }
+
     const { keyring, accounts, updateSession } = get();
 
     // Helper function to derive from main wallet
@@ -1004,6 +1102,13 @@ export const useWalletStore = create<WalletState>((set, get) => ({
   },
 
   importAccountFromMnemonic: async (mnemonic: string, name: string, password: string) => {
+    if (get().isDemo) {
+      if (!mnemonic.trim()) {
+        throw new Error('Enter a recovery phrase to continue the demo');
+      }
+      return pushDemoAccount(name, 'imported');
+    }
+
     const { accounts } = get();
 
     // Verify the password is correct for the main wallet
@@ -1161,6 +1266,9 @@ export const useWalletStore = create<WalletState>((set, get) => ({
   },
 
   signAmino: async (signerAddress: string, signDoc: any) => {
+    if (get().isDemo) {
+      throw new Error('Demo wallet cannot sign.');
+    }
     const { keyring, isLocked } = get();
 
     if (isLocked || !keyring) {
@@ -1171,6 +1279,9 @@ export const useWalletStore = create<WalletState>((set, get) => ({
   },
 
   signDirect: async (signerAddress: string, signDoc: any) => {
+    if (get().isDemo) {
+      throw new Error('Demo wallet cannot sign.');
+    }
     const { keyring, isLocked } = get();
 
     if (isLocked || !keyring) {
@@ -1181,6 +1292,9 @@ export const useWalletStore = create<WalletState>((set, get) => ({
   },
 
   signArbitrary: async (signerAddress: string, data: string | Uint8Array) => {
+    if (get().isDemo) {
+      throw new Error('Demo wallet cannot sign.');
+    }
     const { keyring, isLocked } = get();
 
     if (isLocked || !keyring) {
@@ -1198,6 +1312,11 @@ export const useWalletStore = create<WalletState>((set, get) => ({
     denom: string,
     memo: string = ''
   ) => {
+    if (get().isDemo) {
+      spendDemo(chainId, denom, amount);
+      return demoTxHash();
+    }
+
     const { keyring, isLocked, selectedAccount } = get();
 
     if (isLocked || !keyring) {
@@ -1288,6 +1407,11 @@ export const useWalletStore = create<WalletState>((set, get) => ({
     fee?: { amount: Array<{ denom: string; amount: string }>; gas: string },
     memo: string = ''
   ) => {
+    if (get().isDemo) {
+      applyDemoMessages(chainId, messages);
+      return demoTxHash();
+    }
+
     const { keyring, isLocked, selectedAccount } = get();
 
     if (isLocked || !keyring) {
@@ -1367,6 +1491,11 @@ export const useWalletStore = create<WalletState>((set, get) => ({
     fee?: { amount: Array<{ denom: string; amount: string }>; gas: string },
     memo: string = ''
   ) => {
+    if (get().isDemo) {
+      applyDemoMessages(chainId, messages);
+      return demoTxHash();
+    }
+
     const { keyring, isLocked, selectedAccount } = get();
 
     if (isLocked || !keyring) {
@@ -1475,14 +1604,19 @@ export const useWalletStore = create<WalletState>((set, get) => ({
   },
 
   hasMnemonicInMemory: () => {
+    if (get().isDemo) return true;
     const { keyring } = get();
     return keyring ? keyring.hasMnemonic() : false;
   },
 
   getAddressForChain: (chainPrefix: string) => {
-    const { selectedAccount } = get();
+    const { selectedAccount, isDemo } = get();
     if (!selectedAccount) return null;
 
+    if (isDemo) {
+      return demoAddressForPrefix(chainPrefix, selectedAccount.accountIndex ?? 0);
+    }
+
     // If address already has the right prefix, return it
     if (selectedAccount.address.startsWith(chainPrefix)) {
       return selectedAccount.address;
@@ -1516,11 +1650,13 @@ export const useWalletStore = create<WalletState>((set, get) => ({
   setUtxoAddressStyle: async (networkId: string, style: UtxoAddressStyle) => {
     const next = { ...get().utxoAddressStyle, [networkId]: style };
     set({ utxoAddressStyle: next });
+    if (get().isDemo) return;
     await EncryptedStorage.savePreferences({ utxoAddressStyle: next });
   },
 
   // Bitcoin-specific methods
   getBitcoinAddress: async (networkId: string, accountIndex?: number, cosmosAddress?: string) => {
+    if (get().isDemo) return demoChainAddress(networkId, accountIndex);
     const { keyring, selectedAccount, accounts, updateSession } = get();
     if (!keyring) return null;
 
@@ -1620,6 +1756,7 @@ export const useWalletStore = create<WalletState>((set, get) => ({
 
   // EVM-specific methods
   getEvmAddress: async (networkId: string, accountIndex?: number, cosmosAddress?: string) => {
+    if (get().isDemo) return demoChainAddress(networkId, accountIndex);
     const { keyring, selectedAccount, accounts, updateSession } = get();
     if (!keyring) return null;
 
@@ -1695,6 +1832,7 @@ export const useWalletStore = create<WalletState>((set, get) => ({
 
   // SVM (Solana)-specific methods
   getSvmAddress: async (networkId: string, accountIndex?: number, cosmosAddress?: string) => {
+    if (get().isDemo) return demoChainAddress(networkId, accountIndex);
     const { keyring, selectedAccount, accounts, updateSession } = get();
     if (!keyring) return null;
 
diff --git a/tests/lib/demo/session.test.ts b/tests/lib/demo/session.test.ts
new file mode 100644
index 0000000..c0bcacb
--- /dev/null
+++ b/tests/lib/demo/session.test.ts
@@ -0,0 +1,75 @@
+import {
+  applyDemoMessages,
+  creditDemo,
+  demoAddressForPrefix,
+  demoBalances,
+  demoChainAddress,
+  demoStakeSnapshot,
+  demoTxHash,
+  isDemoSession,
+  setDemoSession,
+  spendDemo,
+} from '@/lib/demo/session';
+import { VDL_DENOM } from '@/lib/swap/vdlSwapConfig';
+
+describe('demo session', () => {
+  beforeEach(() => {
+    setDemoSession(false);
+    setDemoSession(true);
+  });
+
+  afterEach(() => {
+    setDemoSession(false);
+  });
+
+  it('prints DEMO on both ends of every account address', () => {
+    const cosmos = demoAddressForPrefix('bze', 0);
+    const bitcoin = demoChainAddress('bitcoin-mainnet', 1);
+    const evm = demoChainAddress('eth-mainnet', 0);
+    const solana = demoChainAddress('solana-mainnet', 0);
+
+    for (const address of [cosmos, bitcoin, evm, solana]) {
+      expect(address.slice(0, 12)).toContain('DEMO');
+      expect(address.slice(-12)).toContain('DEMO');
+      expect(address).not.toMatch(/^bze1[qpzry9x8gf2tvdw0s3jn54khce6mua7l]+$/);
+    }
+    expect(cosmos).toBe('bze1DEMO-NOT-REAL-01-DEMO');
+    expect(demoAddressForPrefix('osmo', 1)).toBe('osmo1DEMO-NOT-REAL-02-DEMO');
+  });
+
+  it('stays in memory and shows BeeZee balances', () => {
+    expect(isDemoSession()).toBe(true);
+    const rows = demoBalances('beezee-1');
+    expect(rows.find((row) => row.denom === 'ubze')?.amount).toBe('2500000000');
+    expect(rows.find((row) => row.denom === VDL_DENOM)?.amount).toBe('1800000000');
+  });
+
+  it('spends and restores a balance without storage', () => {
+    spendDemo('beezee-1', 'ubze', '1000000');
+    expect(demoBalances('beezee-1').find((row) => row.denom === 'ubze')?.amount).toBe('2499000000');
+    creditDemo('beezee-1', 'ubze', '1000000');
+    expect(demoBalances('beezee-1').find((row) => row.denom === 'ubze')?.amount).toBe('2500000000');
+  });
+
+  it('records a demo delegation and clears it when the session ends', () => {
+    const before = demoStakeSnapshot('beezee-1', demoAddressForPrefix('bze'));
+    applyDemoMessages('beezee-1', [
+      {
+        typeUrl: '/cosmos.staking.v1beta1.MsgDelegate',
+        value: {
+          delegatorAddress: demoAddressForPrefix('bze'),
+          validatorAddress: before.validators[1].operatorAddress,
+          amount: { denom: 'ubze', amount: '1000000' },
+        },
+      },
+    ]);
+    const after = demoStakeSnapshot('beezee-1', demoAddressForPrefix('bze'));
+    expect(after.delegations).toHaveLength(before.delegations.length + 1);
+    expect(after.available).toBe('2499000000');
+    expect(demoTxHash().startsWith('DEMO')).toBe(true);
+
+    setDemoSession(false);
+    expect(isDemoSession()).toBe(false);
+    expect(demoStakeSnapshot('beezee-1', demoAddressForPrefix('bze')).delegations).toHaveLength(1);
+  });
+});